vassili/seitime-frappe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

fix(style): dark mode suport for sidebar

Browse source
This commit is contained in:
sokumon 2025-01-04 18:57:30 +05:30
parent 04fd2317ae
commit dbdc584895
1 changed files with 13 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
frappe/public/scss/desk/sidebar.scss
View file

@ -1,4 +1,14 @@
// clean-this-file
:root {
--sidebar-hover-color: #f3f3f3;
--sidebar-active-color: rgba(255, 255, 255, 1);
--sidebar-border-color: #ededed;
}
[data-theme="dark"] {
--sidebar-hover-color: rgba(43, 43, 43, 1);
--sidebar-active-color: rgba(66, 66, 66, 1);
--sidebar-border-color: #232323;
}
.underline-hover {
display: initial;
}
@ -65,7 +75,7 @@ body {
.body-sidebar {
width: 50px;
background: var(--subtle-accent);
border-right: 1px solid var(--dark-border-color);
border-right: 1px solid var(--sidebar-border-color);
display: flex;
flex-direction: column;
@ -381,7 +391,7 @@ body {
}
// sidebar-item states
@mixin hover-mixin {
background-color: #f3f3f3;
background-color: var(--sidebar-hover-color);
border-radius: 8px;
}
@ -390,7 +400,7 @@ body {
}
.active-sidebar {
background: var(--surface-selected, rgba(255, 255, 255, 1));
background: var(--sidebar-active-color);
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
border-radius: 8px;
}