dtoro/micronomicon
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

featL: theme

Browse Source
This commit is contained in:
authentik Default Admin
2026-04-03 10:02:54 +02:00
parent fcf3dc74a8
commit f0b0a5dd24
4 changed files with 160 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
frontend/src/index.css
View File

@@ -5,6 +5,11 @@
@custom-variant dark (&:is(.dark *));
@keyframes romanSlideIn {
from { transform: translateY(100%); }
to { transform: translateY(0); }
}
@theme inline {
--font-heading: var(--font-mono);
--font-sans: 'JetBrains Mono Variable', 'Courier New', monospace;
@@ -122,6 +127,41 @@
--sidebar-ring: oklch(0.7 0.13 55);
}
/* ── Azure Theme — blue and white, clean ── */
.theme-azure {
--background: oklch(0.14 0.02 240);
--foreground: oklch(0.82 0.04 220);
--card: oklch(0.17 0.025 240);
--card-foreground: oklch(0.82 0.04 220);
--popover: oklch(0.17 0.025 240);
--popover-foreground: oklch(0.82 0.04 220);
--primary: oklch(0.72 0.12 230);
--primary-foreground: oklch(0.14 0.02 240);
--secondary: oklch(0.22 0.03 240);
--secondary-foreground: oklch(0.78 0.04 220);
--muted: oklch(0.22 0.025 240);
--muted-foreground: oklch(0.55 0.04 230);
--accent: oklch(0.24 0.035 240);
--accent-foreground: oklch(0.82 0.04 220);
--destructive: oklch(0.55 0.18 25);
--border: oklch(0.38 0.06 230);
--input: oklch(0.26 0.03 240);
--ring: oklch(0.72 0.12 230);
--chart-1: oklch(0.72 0.12 230);
--chart-2: oklch(0.65 0.1 200);
--chart-3: oklch(0.55 0.08 260);
--chart-4: oklch(0.6 0.06 180);
--chart-5: oklch(0.45 0.04 230);
--sidebar: oklch(0.16 0.02 240);
--sidebar-foreground: oklch(0.82 0.04 220);
--sidebar-primary: oklch(0.72 0.12 230);
--sidebar-primary-foreground: oklch(0.14 0.02 240);
--sidebar-accent: oklch(0.24 0.035 240);
--sidebar-accent-foreground: oklch(0.82 0.04 220);
--sidebar-border: oklch(0.38 0.06 230);
--sidebar-ring: oklch(0.72 0.12 230);
}
@layer base {
* {
@apply border-border outline-ring/50;
@@ -137,10 +177,10 @@
@apply font-mono;
}
/* Terracotta scrollbars */
/* Theme-aware scrollbars */
* {
scrollbar-width: thin;
scrollbar-color: oklch(0.35 0.05 45) transparent;
scrollbar-color: var(--border) transparent;
}
*::-webkit-scrollbar {
@@ -153,12 +193,12 @@
}
*::-webkit-scrollbar-thumb {
background: oklch(0.35 0.05 45);
background: var(--border);
border-radius: 0;
}
*::-webkit-scrollbar-thumb:hover {
background: oklch(0.5 0.08 55);
background: var(--primary);
}
*::-webkit-scrollbar-corner {