mirror
/
bazarr
mirror of https://github.com/morpheus65535/bazarr
1
0
Fork 0
Code Issues Releases Wiki Activity

wip

This commit is contained in:
Anderson Oki 2024-05-01 22:53:14 +09:00
parent fe5f82db98
commit 9e1002aeed
3 changed files with 11 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
frontend/src/App/Navbar.module.scss
View File

@ -1,19 +1,14 @@
.anchor { .anchor {
border-color: var(--mantine-color-gray-5);
text-decoration: none; text-decoration: none;
@include light {
border-color: var(--mantine-color-gray-5);
}
@include dark { @include dark {
border-color: var(--mantine-color-dark-5); border-color: var(--mantine-color-dark-5);
} }
&.active { &.active {
@include light { border-left: 2px solid $color-brand-4;
border-left: 2px solid $color-brand-4; background-color: var(--mantine-color-gray-1);
background-color: var(--mantine-color-gray-1);
}
@include dark { @include dark {
border-left: 2px solid $color-brand-8; border-left: 2px solid $color-brand-8;
@ -22,9 +17,7 @@
} }
&.hover { &.hover {
@include light { background-color: var(--mantine-color-gray-0);
background-color: var(--mantine-color-gray-0);
}
@include dark { @include dark {
background-color: var(--mantine-color-dark-7); background-color: var(--mantine-color-dark-7);
@ -44,9 +37,7 @@
} }
.nav { .nav {
@include light { background-color: var(--mantine-color-gray-2);
background-color: var(--mantine-color-gray-2);
}
@include dark { @include dark {
background-color: var(--mantine-color-dark-8); background-color: var(--mantine-color-dark-8);
@ -57,10 +48,7 @@
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
width: 100%; width: 100%;
color: var(--mantine-color-gray-8);
@include light {
color: var(--mantine-color-gray-8);
}
@include dark { @include dark {
color: var(--mantine-color-gray-5); color: var(--mantine-color-gray-5);

6
frontend/src/assets/action_icon.module.scss
View File

@ -1,9 +1,7 @@
@layer mantine { @layer mantine {
.root { .root {
@include dark { &[data-variant="light"] {
&[data-variant="light"] { color: var(--mantine-color-dark-0);
color: var(--mantine-color-dark-0);
}
} }
@include light { @include light {

4
frontend/src/assets/app_shell.module.scss
View File

@ -1,3 +1,5 @@
.main { .main {
background-color: rgb(26, 27, 30); @include dark {
background-color: rgb(26, 27, 30);
}
} }