diff --git a/openwebui/custom.css b/openwebui/custom.css
index 6c6aad1..ca7625b 100644
--- a/openwebui/custom.css
+++ b/openwebui/custom.css
@@ -27,6 +27,22 @@
   --reltio-selected: #b2b2ff4d;
   --reltio-gradient: linear-gradient(170deg, #0af 18.96%, #00c 81.29%);
   --reltio-gradient-1: linear-gradient(172deg, #0af 50%, #00c 100%);
+
+  /* Remap Tailwind gray palette → Reltio purple-navy scale */
+  --color-gray-50: #e3e3f2 !important;
+  --color-gray-100: #babade !important;
+  --color-gray-200: #8d8dc8 !important;
+  --color-gray-300: #7070a9 !important;
+  --color-gray-400: #56568f !important;
+  --color-gray-500: #434370 !important;
+  --color-gray-600: #303050 !important;
+  --color-gray-700: #262640 !important;
+  --color-gray-800: #0e0e25 !important;
+  --color-gray-850: #0a0a1e !important;
+  --color-gray-900: #060614 !important;
+  --color-gray-950: #000000 !important;
+  --color-black: #000000 !important;
+  --color-white: #e3e3f2 !important;
 }
 
 /* Font */
@@ -90,6 +106,20 @@ body:has(.chat-messages)::before {
   background-color: transparent !important;
 }
 
+/* Override hardcoded dark mode backgrounds from Tailwind bundle */
+.dark\:bg-\[\#020C1D\]:is(.dark *) {
+  background-color: var(--reltio-surface) !important;
+}
+.dark\:bg-\[\#202123\]:is(.dark *) {
+  background-color: var(--reltio-surface-high) !important;
+}
+
+/* Dark mode scrollbar override */
+.dark ::-webkit-scrollbar-thumb {
+  border-color: var(--reltio-surface) !important;
+  background-color: var(--reltio-border) !important;
+}
+
 /* Sidebar — frosted glass */
 #sidebar, [data-sidebar], .sidebar {
   background-color: var(--reltio-bg-tertiary) !important;