diff --git a/frontend/src/App/Navbar.module.scss b/frontend/src/App/Navbar.module.scss index 0a514f66e..ddb444e4d 100644 --- a/frontend/src/App/Navbar.module.scss +++ b/frontend/src/App/Navbar.module.scss @@ -1,19 +1,14 @@ .anchor { + border-color: var(--mantine-color-gray-5); text-decoration: none; - @include light { - border-color: var(--mantine-color-gray-5); - } - @include dark { border-color: var(--mantine-color-dark-5); } &.active { - @include light { - border-left: 2px solid $color-brand-4; - background-color: var(--mantine-color-gray-1); - } + border-left: 2px solid $color-brand-4; + background-color: var(--mantine-color-gray-1); @include dark { border-left: 2px solid $color-brand-8; @@ -22,9 +17,7 @@ } &.hover { - @include light { - background-color: var(--mantine-color-gray-0); - } + background-color: var(--mantine-color-gray-0); @include dark { background-color: var(--mantine-color-dark-7); @@ -44,9 +37,7 @@ } .nav { - @include light { - background-color: var(--mantine-color-gray-2); - } + background-color: var(--mantine-color-gray-2); @include dark { background-color: var(--mantine-color-dark-8); @@ -57,10 +48,7 @@ display: inline-flex; align-items: center; width: 100%; - - @include light { - color: var(--mantine-color-gray-8); - } + color: var(--mantine-color-gray-8); @include dark { color: var(--mantine-color-gray-5); diff --git a/frontend/src/assets/action_icon.module.scss b/frontend/src/assets/action_icon.module.scss index de4f87b47..c4bf2eefa 100644 --- a/frontend/src/assets/action_icon.module.scss +++ b/frontend/src/assets/action_icon.module.scss @@ -1,9 +1,7 @@ @layer mantine { .root { - @include dark { - &[data-variant="light"] { - color: var(--mantine-color-dark-0); - } + &[data-variant="light"] { + color: var(--mantine-color-dark-0); } @include light { diff --git a/frontend/src/assets/app_shell.module.scss b/frontend/src/assets/app_shell.module.scss index d11858303..b027c771a 100644 --- a/frontend/src/assets/app_shell.module.scss +++ b/frontend/src/assets/app_shell.module.scss @@ -1,3 +1,5 @@ .main { - background-color: rgb(26, 27, 30); + @include dark { + background-color: rgb(26, 27, 30); + } }