bigbuffet/bigbuffet-rw
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix sidebar menu when in dark mode by changing to CSS variables

Browse source
This commit is contained in:
Sean King 2020-06-03 17:48:40 +00:00
parent 7d58694cce
commit b3d7638a9f
1 changed files with 7 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
app/styles/components/sidebar-menu.scss
View file

@ -42,7 +42,7 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding: 4px 0; padding: 4px 0;
border-top: 1px solid #ddd; border-top: 1px solid var(--brand-color-med);
&--borderless { &--borderless {
margin: 0; margin: 0;
@ -79,7 +79,7 @@
display: block; display: block;
font-size: 18px; font-size: 18px;
font-weight: 600; font-weight: 600;
color: #000; color: var(--primary-text-color);
} }
&__btn { &__btn {
@ -129,12 +129,12 @@
display: flex; display: flex;
margin-right: 3px; margin-right: 3px;
font-weight: 700; font-weight: 700;
color: #000; color: var(--primary-text-color);
} }
&__label { &__label {
display: flex; display: flex;
color: #444; color: var(--primary-text-color);
} }
&:hover { &:hover {
@ -147,7 +147,7 @@
padding: 16px 18px; padding: 16px 18px;
cursor: pointer; cursor: pointer;
text-decoration: none; text-decoration: none;
color: #666; color: var(--primary-text-color);
font-size: 15px; font-size: 15px;
font-weight: 400; font-weight: 400;
@ -155,7 +155,7 @@
background-color: rgba(var(--brand-color-rgb), 0.1); background-color: rgba(var(--brand-color-rgb), 0.1);
.fa { .fa {
color: #000; color: var(--primary-text-color);
} }
} }
@ -165,7 +165,7 @@
&:hover { &:hover {
&__title { &__title {
color: #000; color: var(--primary-text-color);
} }
} }
} }