tdpeuter/open-webui
tdpeuter/open-webui
1
Fork 0
forked from open-webui/open-webui
Code Issues Pull requests 1 Projects 1 Releases 2 Packages Activity Actions

dynamically adjust --color-gray-950 value for OLED black sidebar

Browse source
This commit is contained in:
Danny Liu 2024-03-27 22:39:47 -07:00
parent 572eefe181
commit 67865fc5ad
3 changed files with 4 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/app.html
View file

@ -11,6 +11,7 @@
(() => {
if (localStorage.theme.includes('oled')) {
document.documentElement.style.setProperty('--color-gray-900', '#000000');
document.documentElement.style.setProperty('--color-gray-950', '#000000');
document.documentElement.classList.add('dark');
}
else if (

2
src/lib/components/chat/Settings/General.svelte
View file

@ -99,6 +99,7 @@
if (themeToApply === 'dark' && !_theme.includes('oled')) {
document.documentElement.style.setProperty('--color-gray-900', '#171717');
document.documentElement.style.setProperty('--color-gray-950', '#0d0d0d');
}
themes
@ -121,6 +122,7 @@
localStorage.setItem('theme', _theme);
if (_theme.includes('oled')) {
document.documentElement.style.setProperty('--color-gray-900', '#000000');
document.documentElement.style.setProperty('--color-gray-950', '#000000');
document.documentElement.classList.add('dark');
}
applyTheme(_theme);

2
tailwind.config.js
View file

@ -17,7 +17,7 @@ export default {
800: '#333',
850: '#262626',
900: 'var(--color-gray-900, #171717)',
950: '#0d0d0d'
950: 'var(--color-gray-950, #0d0d0d)'
}
},
typography: {