accounting/books
2
0
Fork 0
mirror of https://github.com/frappe/books.git synced 2024-12-22 19:09:01 +00:00
Code Issues Releases Activity

fix: added dark scrollbar for the whole html document

Browse Source
This commit is contained in:
pu-raihan 2024-09-07 07:25:38 +05:30
parent f1bf7760e1
commit 8a26d86059
2 changed files with 19 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/styles/index.css
View File

@ -24,12 +24,19 @@ html {
color: theme('colors.black');
}
html.dark {
color: theme('colors.white');
background-color: theme('colors.gray.900');
}
input[type='number']::-webkit-inner-spin-button {
appearance: none;
}
input[type='date']::-webkit-calendar-picker-indicator {
background-color: theme('colors.gray.900');
}
.window-drag {
-webkit-app-region: drag;
}
@ -173,26 +180,32 @@ input[type='date']::-webkit-calendar-picker-indicator {
background: transparent;
}
.dark.custom-scroll::-webkit-scrollbar-track:vertical,
.dark .custom-scroll::-webkit-scrollbar-track:vertical {
border-left-color: theme('colors.gray.800');
}
.dark.custom-scroll::-webkit-scrollbar-track:horizontal,
.dark .custom-scroll::-webkit-scrollbar-track:horizontal {
border-top-color: theme('colors.gray.800');
}
.dark.custom-scroll-thumb1::-webkit-scrollbar-thumb,
.dark .custom-scroll-thumb1::-webkit-scrollbar-thumb {
background: theme('colors.gray.850');
}
.dark.custom-scroll-thumb1::-webkit-scrollbar-thumb:hover,
.dark .custom-scroll-thumb1::-webkit-scrollbar-thumb:hover {
background: theme('colors.gray.800');
}
.dark.custom-scroll-thumb2::-webkit-scrollbar-thumb,
.dark .custom-scroll-thumb2::-webkit-scrollbar-thumb {
background: theme('colors.gray.800');
}
.dark.custom-scroll-thumb2::-webkit-scrollbar-thumb:hover,
.dark .custom-scroll-thumb2::-webkit-scrollbar-thumb:hover {
background: theme('colors.gray.875');
}
@ -232,6 +245,7 @@ input[type='date']::-webkit-calendar-picker-indicator {
border-right: solid 1px theme('colors.gray.200');
}
[dir='rtl'].dark.custom-scroll::-webkit-scrollbar-track:vertical,
[dir='rtl'].dark .custom-scroll::-webkit-scrollbar-track:vertical {
border-right: solid 1px theme('colors.gray.850');
}

6
src/utils/theme.ts
View File

@ -1,6 +1,10 @@
export function setDarkMode(darkMode: boolean): void {
if (darkMode) {
document.documentElement.classList.add('dark');
document.documentElement.classList.add(
'dark',
'custom-scroll',
'custom-scroll-thumb1'
);
return;
}
document.documentElement.classList.remove('dark');