46 lines
1.8 KiB
CSS
46 lines
1.8 KiB
CSS
/*
|
|
* Design tokens ported by hand from the Aurora Admin plugin's own theme
|
|
* system (app/src/pages/settings/themePresets.js buildPalette(), fixed to
|
|
* hue 235 = indigo — the plugin's own default accent before any preset is
|
|
* picked) and its rounded-card treatment (app/src/shell/shell-frame.css).
|
|
* These two projects are separate repos with no shared code, so if the
|
|
* plugin's palette formula ever changes, these values need recomputing by
|
|
* hand for hue 235 to stay in sync.
|
|
*/
|
|
:root {
|
|
--aurora-app-bg: linear-gradient(135deg, hsl(235 78% 48%) 0%, hsl(270 78% 45%) 55%, hsl(235 32% 9%) 100%);
|
|
--aurora-app-bg-solid: hsl(235 45% 16%);
|
|
--aurora-bg: hsl(235 40% 20%);
|
|
--aurora-card-bg: hsl(235 36% 24%);
|
|
--aurora-card-bg-deep: hsl(235 38% 14%);
|
|
--aurora-bg-subtle: hsl(235 32% 28%);
|
|
--aurora-text: hsl(235 20% 97%);
|
|
--aurora-text-muted: hsl(235 14% 74%);
|
|
--aurora-border: hsl(235 28% 30%);
|
|
--aurora-card-border: hsl(235 26% 33%);
|
|
--aurora-frame-bg: hsl(235 34% 22%);
|
|
--aurora-frame-border: hsl(235 26% 33%);
|
|
--aurora-accent: hsl(235 85% 62%);
|
|
--aurora-accent-soft: hsl(235 85% 62% / 0.16);
|
|
|
|
--aurora-radius-sm: 10px;
|
|
--aurora-radius-md: 14px;
|
|
--aurora-radius-lg: 20px;
|
|
--aurora-radius-xl: 28px;
|
|
|
|
--aurora-card-shadow: 0 6px 24px rgba(0, 0, 0, 0.4);
|
|
|
|
/* Same system-font fallback the plugin itself uses when no Google Font is
|
|
chosen — keeps the "no external requests by default" story true on the
|
|
marketing site too, with zero <link>/enqueue for a webfont. */
|
|
--aurora-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
|
|
}
|
|
|
|
body {
|
|
background: var(--aurora-app-bg-solid);
|
|
background-image: var(--aurora-app-bg);
|
|
background-attachment: fixed;
|
|
color: var(--aurora-text);
|
|
font-family: var(--aurora-font-family);
|
|
}
|