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

src/app.html

@@ -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 (

src/lib/components/chat/Settings/General.svelte

@@ -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);

tailwind.config.js

@@ -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: {