OpenWebUI/open-webui
1
0
Fork 0
mirror of https://github.com/open-webui/open-webui synced 2025-06-11 17:02:47 +00:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

feat: darker oled

Browse Source
This commit is contained in:
Timothy J. Baek 2024-07-08 19:55:00 -07:00
parent 8942d0d0e2
commit 446d85474e
3 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app.html
View File

@ -23,6 +23,8 @@
// On page load or when changing themes, best to add inline in `head` to avoid FOUC // On page load or when changing themes, best to add inline in `head` to avoid FOUC
(() => { (() => {
if (localStorage?.theme && localStorage?.theme.includes('oled')) { if (localStorage?.theme && localStorage?.theme.includes('oled')) {
document.documentElement.style.setProperty('--color-gray-800', '#171717');
document.documentElement.style.setProperty('--color-gray-850', '#0d0d0d');
document.documentElement.style.setProperty('--color-gray-900', '#000000'); document.documentElement.style.setProperty('--color-gray-900', '#000000');
document.documentElement.style.setProperty('--color-gray-950', '#000000'); document.documentElement.style.setProperty('--color-gray-950', '#000000');
document.documentElement.classList.add('dark'); document.documentElement.classList.add('dark');

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

@ -118,6 +118,8 @@
theme.set(_theme); theme.set(_theme);
localStorage.setItem('theme', _theme); localStorage.setItem('theme', _theme);
if (_theme.includes('oled')) { if (_theme.includes('oled')) {
document.documentElement.style.setProperty('--color-gray-800', '#171717');
document.documentElement.style.setProperty('--color-gray-850', '#0d0d0d');
document.documentElement.style.setProperty('--color-gray-900', '#000000'); document.documentElement.style.setProperty('--color-gray-900', '#000000');
document.documentElement.style.setProperty('--color-gray-950', '#000000'); document.documentElement.style.setProperty('--color-gray-950', '#000000');
document.documentElement.classList.add('dark'); document.documentElement.classList.add('dark');

4
tailwind.config.js
View File

@ -14,8 +14,8 @@ export default {
500: '#9b9b9b', 500: '#9b9b9b',
600: '#676767', 600: '#676767',
700: '#4e4e4e', 700: '#4e4e4e',
800: '#333', 800: 'var(--color-gray-850, #333)',
850: '#262626', 850: 'var(--color-gray-850, #262626)',
900: 'var(--color-gray-900, #171717)', 900: 'var(--color-gray-900, #171717)',
950: 'var(--color-gray-950, #0d0d0d)' 950: 'var(--color-gray-950, #0d0d0d)'
} }