max/pm-template
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Remap Tailwind gray palette to Reltio purple-navy + override hardcoded dark bg colors

Browse Source
This commit is contained in:
Max Mayfield
2026-02-27 23:52:37 +00:00
parent 824fe5da39
commit a58630f3d4
1 changed files with 30 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
openwebui/custom.css
View File

@@ -27,6 +27,22 @@
--reltio-selected: #b2b2ff4d; --reltio-selected: #b2b2ff4d;
--reltio-gradient: linear-gradient(170deg, #0af 18.96%, #00c 81.29%); --reltio-gradient: linear-gradient(170deg, #0af 18.96%, #00c 81.29%);
--reltio-gradient-1: linear-gradient(172deg, #0af 50%, #00c 100%); --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 */ /* Font */
@@ -90,6 +106,20 @@ body:has(.chat-messages)::before {
background-color: transparent !important; 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 — frosted glass */
#sidebar, [data-sidebar], .sidebar { #sidebar, [data-sidebar], .sidebar {
background-color: var(--reltio-bg-tertiary) !important; background-color: var(--reltio-bg-tertiary) !important;