mirror of
https://github.com/open-webui/open-webui
synced 2025-06-11 17:02:47 +00:00
feat: darker oled
This commit is contained in:
parent
8942d0d0e2
commit
446d85474e
@ -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');
|
||||||
|
@ -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');
|
||||||
|
@ -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)'
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user