Luciano Milani
100 lines
2.5 KiB
CSS
100 lines
2.5 KiB
CSS
@import "tailwindcss";
|
|
|
|
:root {
|
|
--radius: 0.5rem;
|
|
--brand-primary: #2563eb;
|
|
--brand-primary-text: #f8fafc;
|
|
--brand-accent: #0ea5e9;
|
|
--ui-danger: #991b1b;
|
|
--ui-danger-hover: #7f1d1d;
|
|
--ui-danger-text: #fee2e2;
|
|
--ui-warning: #b45309;
|
|
--ui-warning-hover: #92400e;
|
|
--ui-warning-text: #fffbeb;
|
|
--ui-bg: #030712;
|
|
--ui-panel: #0b1220;
|
|
--ui-panel-soft: #121a2c;
|
|
--ui-border: #263248;
|
|
--ui-text: #e2e8f0;
|
|
--ui-muted: #94a3b8;
|
|
--ui-sidebar: #0b1326;
|
|
--ui-hover: #1d2940;
|
|
--ui-input-bg: #0a1326;
|
|
--ui-input-border: #31415f;
|
|
--ui-input-text: #e2e8f0;
|
|
--ui-link: #7dd3fc;
|
|
}
|
|
|
|
:root.theme-light {
|
|
color-scheme: light;
|
|
--brand-primary-text: #f8fafc;
|
|
--ui-danger: #b91c1c;
|
|
--ui-danger-hover: #991b1b;
|
|
--ui-danger-text: #fef2f2;
|
|
--ui-warning: #d97706;
|
|
--ui-warning-hover: #b45309;
|
|
--ui-warning-text: #fffbeb;
|
|
--ui-bg: #f2f6fb;
|
|
--ui-panel: #ffffff;
|
|
--ui-panel-soft: #f8fbff;
|
|
--ui-border: #d7e0ee;
|
|
--ui-text: #0f172a;
|
|
--ui-muted: #475569;
|
|
--ui-sidebar: #eef3fa;
|
|
--ui-hover: #e6edf8;
|
|
--ui-input-bg: #ffffff;
|
|
--ui-input-border: #cfd8e6;
|
|
--ui-input-text: #0f172a;
|
|
--ui-link: #0369a1;
|
|
}
|
|
|
|
body {
|
|
background-color: var(--ui-bg);
|
|
color: var(--ui-text);
|
|
}
|
|
|
|
/* App (tenant) light mode compatibility for legacy slate utility usage */
|
|
:root.theme-light .app-shell .bg-slate-950 {
|
|
background-color: #f2f6fb !important;
|
|
}
|
|
|
|
:root.theme-light .app-shell .bg-slate-900,
|
|
:root.theme-light .app-shell .bg-slate-900\/50,
|
|
:root.theme-light .app-shell .bg-slate-900\/60,
|
|
:root.theme-light .app-shell .bg-slate-900\/65 {
|
|
background-color: #ffffff !important;
|
|
}
|
|
|
|
:root.theme-light .app-shell .bg-slate-800,
|
|
:root.theme-light .app-shell .bg-slate-800\/50,
|
|
:root.theme-light .app-shell .bg-slate-800\/80 {
|
|
background-color: #edf3fa !important;
|
|
}
|
|
|
|
:root.theme-light .app-shell .text-white {
|
|
color: #0f172a !important;
|
|
}
|
|
|
|
:root.theme-light .app-shell .text-slate-400,
|
|
:root.theme-light .app-shell .text-slate-500 {
|
|
color: #475569 !important;
|
|
}
|
|
|
|
:root.theme-light .app-shell .text-slate-300,
|
|
:root.theme-light .app-shell .text-slate-200 {
|
|
color: #1e293b !important;
|
|
}
|
|
|
|
:root.theme-light .app-shell .border-slate-800,
|
|
:root.theme-light .app-shell .border-slate-700,
|
|
:root.theme-light .app-shell .border-slate-700\/70,
|
|
:root.theme-light .app-shell .border-slate-700\/60,
|
|
:root.theme-light .app-shell .border-slate-600 {
|
|
border-color: #d6deea !important;
|
|
}
|
|
|
|
:root.theme-light .app-shell .hover\:bg-slate-800:hover,
|
|
:root.theme-light .app-shell .hover\:bg-slate-800\/50:hover {
|
|
background-color: #e6edf8 !important;
|
|
}
|