diff --git a/frontend/resources/styles/common/refactor/themes/default-theme.scss b/frontend/resources/styles/common/refactor/themes/default-theme.scss index f5d10bad9..3f98ae245 100644 --- a/frontend/resources/styles/common/refactor/themes/default-theme.scss +++ b/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"); } diff --git a/frontend/resources/styles/common/refactor/themes/light-theme.scss b/frontend/resources/styles/common/refactor/themes/light-theme.scss index 60c904f10..07dcdc94e 100644 --- a/frontend/resources/styles/common/refactor/themes/light-theme.scss +++ b/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"); } diff --git a/frontend/src/app/main/ui/components/radio_buttons.scss b/frontend/src/app/main/ui/components/radio_buttons.scss index 4076cb9d0..51b81415e 100644 --- a/frontend/src/app/main/ui/components/radio_buttons.scss +++ b/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); } diff --git a/frontend/src/app/main/ui/dashboard/projects.scss b/frontend/src/app/main/ui/dashboard/projects.scss index da1e4d4ff..8dcf8e940 100644 --- a/frontend/src/app/main/ui/dashboard/projects.scss +++ b/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; - color: $db-secondary; + font-weight: $fw400; + 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; diff --git a/frontend/src/app/main/ui/workspace/sidebar/assets/components.scss b/frontend/src/app/main/ui/workspace/sidebar/assets/components.scss index 9846eb0d9..0fc150026 100644 --- a/frontend/src/app/main/ui/workspace/sidebar/assets/components.scss +++ b/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 {