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

View File

@ -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);

View File

@ -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 {

View File

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