🐛 Fix visual problems

frontend/resources/styles/common/refactor/themes/default-theme.scss

@@ -21,6 +21,7 @@
   --color-accent-primary-muted: var(--green-30);
   --color-accent-secondary: var(--lilac);
   --color-accent-tertiary: var(--strong-green);
+
   --overlay-color: rgba(0, 0, 0, 0.4);
   --ok-color: var(--dark-ok-color);
   --warning-color: var(--dark-warning-color);
@@ -28,5 +29,7 @@
   --error-color: var(--dark-error-color);
   --canvas-color: var(--color-canvas);
 
+  --radio-button-box-shadow: 0 0 0 1px var(--dark-gray-2-30) inset;
+
   @include meta.load-css("hljs-dark-theme");
 }

frontend/resources/styles/common/refactor/themes/light-theme.scss

@@ -21,11 +21,15 @@
   --color-accent-primary-muted: var(--purple-30);
   --color-accent-secondary: var(--blue);
   --color-accent-tertiary: var(--strong-purple);
+
+  --overlay-color: rgba(255, 255, 255, 0.4);
   --ok-color: var(--light-ok-color);
   --warning-color: var(--light-warning-color);
   --pending-color: var(--light-pending-color);
   --error-color: var(--light-error-color);
   --canvas-color: var(--color-canvas);
 
+  --radio-button-box-shadow: 0 0 0 1px var(--light-gray-2) inset;
+
   @include meta.load-css("hljs-light-theme");
 }

frontend/src/app/main/ui/components/radio_buttons.scss

@@ -40,6 +40,7 @@
   &.checked {
     border: none;
     background-color: var(--radio-btn-background-color-selected);
+    box-shadow: var(--radio-button-box-shadow);
     svg {
       stroke: var(--radio-btn-foreground-color-selected);
     }

frontend/src/app/main/ui/dashboard/projects.scss

@@ -33,7 +33,6 @@
 
   .project {
     align-items: center;
-    background: $df-primary;
     border-radius: $br-4;
     display: flex;
     flex-direction: row;
@@ -87,8 +86,8 @@
       cursor: pointer;
       font-size: $fs-16;
       line-height: 0.8;
-      font-weight: $fw700;
+      font-weight: $fw400;
-      color: $db-secondary;
+      color: $df-primary;
       margin-right: $s-4;
       margin-right: $s-12;
     }
@@ -98,7 +97,7 @@
       font-size: $fs-14;
       line-height: 1.15;
       font-weight: $fw400;
-      color: $db-primary;
+      color: $df-secondary;
       @media (max-width: 760px) {
         display: none;
       }
@@ -109,6 +108,9 @@
       opacity: 1;
       margin-left: $s-32;
 
+      svg {
+        fill: $df-primary;
+      }
       .btn-small {
         height: $s-32;
         margin: 0 $s-8;
@@ -139,7 +141,7 @@
 
       &.active {
         svg {
-          fill: $db-tertiary;
+          fill: $da-primary;
         }
       }
     }
@@ -188,28 +190,6 @@
   }
 }
 
-.dashboard-project-row .project {
-  background-color: transparent;
-
-  h2 {
-    color: $df-primary;
-    font-weight: 400;
-  }
-  span,
-  .info,
-  .recent-files-row-title-info {
-    color: $df-secondary;
-  }
-  .project-actions {
-    svg {
-      fill: $df-primary;
-    }
-    .pin-icon svg {
-      fill: $df-secondary;
-    }
-  }
-}
-
 .team-hero {
   background-color: $db-tertiary;
   border-radius: $br-8;

frontend/src/app/main/ui/workspace/sidebar/assets/components.scss

@@ -21,7 +21,7 @@
       @include flexCenter;
       position: relative;
       padding: $s-8;
-      border: $s-2 solid transparent;
+      border: $s-4 solid transparent;
       border-radius: $br-8;
       background-color: var(--color-foreground-secondary);
       overflow: hidden;
@@ -99,7 +99,7 @@
       }
 
       &.selected {
-        border: $s-1 solid var(--assets-item-border-color);
+        border: $s-4 solid var(--assets-item-border-color);
       }
     }
     .grid-placeholder {