diff --git a/src/app.html b/src/app.html index a90859065..2d70a835a 100644 --- a/src/app.html +++ b/src/app.html @@ -23,8 +23,8 @@ // On page load or when changing themes, best to add inline in `head` to avoid FOUC (() => { 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-800', '#101010'); + document.documentElement.style.setProperty('--color-gray-850', '#050505'); document.documentElement.style.setProperty('--color-gray-900', '#000000'); document.documentElement.style.setProperty('--color-gray-950', '#000000'); document.documentElement.classList.add('dark'); diff --git a/src/lib/components/chat/Settings/General.svelte b/src/lib/components/chat/Settings/General.svelte index 7038a7ff4..427bc4a7c 100644 --- a/src/lib/components/chat/Settings/General.svelte +++ b/src/lib/components/chat/Settings/General.svelte @@ -120,8 +120,8 @@ theme.set(_theme); localStorage.setItem('theme', _theme); 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-800', '#101010'); + document.documentElement.style.setProperty('--color-gray-850', '#050505'); document.documentElement.style.setProperty('--color-gray-900', '#000000'); document.documentElement.style.setProperty('--color-gray-950', '#000000'); document.documentElement.classList.add('dark'); diff --git a/tailwind.config.js b/tailwind.config.js index 907fea052..893cda83d 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -14,7 +14,7 @@ export default { 500: '#9b9b9b', 600: '#676767', 700: '#4e4e4e', - 800: 'var(--color-gray-850, #333)', + 800: 'var(--color-gray-800, #333)', 850: 'var(--color-gray-850, #262626)', 900: 'var(--color-gray-900, #171717)', 950: 'var(--color-gray-950, #0d0d0d)'