// Palette ported from neiam.co (../neiam-co/sass/main.scss), plus the
// light/dark/blueprint themes from Diogramos (../Diogramos/assets/css/app.css)
// so a deck can match its embedded diagrams. `blueprint` is the site default
// (zola.toml); `her` stays the bare :root fallback. Only `light` is light.
// ── Shared tokens ─────────────────────────────────────────────────────────────
:root {
--radius-selector: 1rem;
--radius-field: 0.25rem;
--radius-box: 0.5rem;
--border: 1px;
--font-sans: 'B612', system-ui, sans-serif;
--font-mono: 'B612 Mono', monospace;
--space-xs: 0.5rem;
--space-sm: 1rem;
--space-md: 2rem;
--space-lg: 4rem;
--space-xl: 7rem;
color-scheme: dark;
}
// ── "her" theme — from ddpc_site ─────────────────────────────────────────────
:root,
[data-theme="her"] {
--base-100: oklch(35% 0.104 24);
--base-200: oklch(30% 0.104 24);
--base-300: oklch(25% 0.104 24);
--base-content: oklch(98% 0.050 24);
--primary: oklch(64% 0.076 19);
--primary-content: oklch(10% 0.010 19);
--secondary: oklch(78% 0.049 18);
--secondary-content: oklch(10% 0.010 18);
--accent: oklch(96% 0.058 96);
--accent-content: oklch(10% 0.010 96);
--neutral: oklch(43% 0.103 22);
--neutral-content: oklch(98% 0.010 22);
--info: oklch(83% 0.101 230);
--success: oklch(90% 0.089 164);
--warning: oklch(95% 0.124 102);
--error: oklch(81% 0.103 20);
}
// ── "afterdark" theme — from ddpc_site ───────────────────────────────────────
[data-theme="afterdark"] {
--base-100: oklch(29% 0.122 277);
--base-200: oklch(24% 0.122 277);
--base-300: oklch(19% 0.122 277);
--base-content: oklch(98% 0.050 277);
--primary: oklch(60% 0.090 285);
--primary-content: oklch(10% 0.010 285);
--secondary: oklch(76% 0.060 286);
--secondary-content: oklch(10% 0.010 286);
--accent: oklch(96% 0.058 96);
--accent-content: oklch(10% 0.010 96);
--neutral: oklch(38% 0.121 281);
--neutral-content: oklch(98% 0.010 281);
--info: oklch(83% 0.101 230);
--success: oklch(90% 0.089 164);
--warning: oklch(95% 0.124 102);
--error: oklch(81% 0.103 20);
}
// ── "forest" theme ────────────────────────────────────────────────────────────
[data-theme="forest"] {
--base-100: oklch(27% 0.063 153);
--base-200: oklch(22% 0.063 153);
--base-300: oklch(17% 0.063 153);
--base-content: oklch(98% 0.050 153);
--primary: oklch(80% 0.182 152);
--primary-content: oklch(10% 0.010 152);
--secondary: oklch(87% 0.136 154);
--secondary-content: oklch(10% 0.010 154);
--accent: oklch(96% 0.058 96);
--accent-content: oklch(10% 0.010 96);
--neutral: oklch(45% 0.108 151);
--neutral-content: oklch(98% 0.010 151);
--info: oklch(83% 0.101 230);
--success: oklch(90% 0.089 164);
--warning: oklch(95% 0.124 102);
--error: oklch(81% 0.103 20);
}
// ── "sky" theme ───────────────────────────────────────────────────────────────
[data-theme="sky"] {
--base-100: oklch(29% 0.063 243);
--base-200: oklch(24% 0.063 243);
--base-300: oklch(19% 0.063 243);
--base-content: oklch(98% 0.050 243);
--primary: oklch(75% 0.139 233);
--primary-content: oklch(10% 0.010 233);
--secondary: oklch(83% 0.101 230);
--secondary-content: oklch(10% 0.010 230);
--accent: oklch(96% 0.058 96);
--accent-content: oklch(10% 0.010 96);
--neutral: oklch(39% 0.085 241);
--neutral-content: oklch(98% 0.010 241);
--info: oklch(83% 0.101 230);
--success: oklch(90% 0.089 164);
--warning: oklch(95% 0.124 102);
--error: oklch(81% 0.103 20);
}
// ── "clays" theme ─────────────────────────────────────────────────────────────
[data-theme="clays"] {
--base-100: oklch(28% 0.074 46);
--base-200: oklch(23% 0.074 46);
--base-300: oklch(18% 0.074 46);
--base-content: oklch(98% 0.050 46);
--primary: oklch(67% 0.157 58);
--primary-content: oklch(10% 0.010 58);
--secondary: oklch(77% 0.165 70);
--secondary-content: oklch(10% 0.010 70);
--accent: oklch(96% 0.058 96);
--accent-content: oklch(10% 0.010 96);
--neutral: oklch(47% 0.125 46);
--neutral-content: oklch(98% 0.010 46);
--info: oklch(83% 0.101 230);
--success: oklch(90% 0.089 164);
--warning: oklch(95% 0.124 102);
--error: oklch(81% 0.103 20);
}
// ── "stones" theme ────────────────────────────────────────────────────────────
[data-theme="stones"] {
--base-100: oklch(27% 0.006 34);
--base-200: oklch(22% 0.006 34);
--base-300: oklch(17% 0.006 34);
--base-content: oklch(98% 0.050 34);
--primary: oklch(55% 0.023 264);
--primary-content: oklch(10% 0.010 264);
--secondary: oklch(71% 0.019 261);
--secondary-content: oklch(10% 0.010 261);
--accent: oklch(96% 0.058 96);
--accent-content: oklch(10% 0.010 96);
--neutral: oklch(44% 0.010 74);
--neutral-content: oklch(98% 0.010 74);
--info: oklch(83% 0.101 230);
--success: oklch(90% 0.089 164);
--warning: oklch(95% 0.124 102);
--error: oklch(81% 0.103 20);
}
// ── "light" theme — from Diogramos ──────────────────────────────────────────
[data-theme="light"] {
color-scheme: light;
--base-100: oklch(98% 0.008 24);
--base-200: oklch(96% 0.014 24);
--base-300: oklch(92% 0.022 24);
--base-content: oklch(25% 0.050 24);
--primary: oklch(64% 0.076 19);
--primary-content: oklch(98% 0.010 19);
--secondary: oklch(55% 0.060 19);
--secondary-content: oklch(98% 0.010 19);
--accent: oklch(0% 0 0);
--accent-content: oklch(100% 0 0);
--neutral: oklch(44% 0.017 285.786);
--neutral-content: oklch(98% 0 0);
--info: oklch(62% 0.214 259.815);
--success: oklch(70% 0.14 182.503);
--warning: oklch(66% 0.179 58.318);
--error: oklch(58% 0.253 17.585);
}
// ── "dark" theme — from Diogramos ───────────────────────────────────────────
[data-theme="dark"] {
--base-100: oklch(30.33% 0.016 252.42);
--base-200: oklch(25.26% 0.014 253.1);
--base-300: oklch(20.15% 0.012 254.09);
--base-content: oklch(97.807% 0.029 256.847);
--primary: oklch(64% 0.076 19);
--primary-content: oklch(10% 0.010 19);
--secondary: oklch(58% 0.090 19);
--secondary-content: oklch(98% 0.010 19);
--accent: oklch(64% 0.135 15);
--accent-content: oklch(10% 0.012 15);
--neutral: oklch(37% 0.044 257.287);
--neutral-content: oklch(98% 0.003 247.858);
--info: oklch(58% 0.158 241.966);
--success: oklch(60% 0.118 184.704);
--warning: oklch(66% 0.179 58.318);
--error: oklch(58% 0.253 17.585);
}
// ── "blueprint" theme — from Diogramos ──────────────────────────────────────
[data-theme="blueprint"] {
--base-100: oklch(28% 0.12 252);
--base-200: oklch(24% 0.11 252);
--base-300: oklch(20% 0.10 252);
--base-content: oklch(91% 0.05 235);
--primary: oklch(68% 0.18 248);
--primary-content: oklch(15% 0.05 248);
--secondary: oklch(82% 0.10 240);
--secondary-content: oklch(15% 0.05 240);
--accent: oklch(96% 0.058 96);
--accent-content: oklch(10% 0.010 96);
--neutral: oklch(40% 0.16 253);
--neutral-content: oklch(91% 0.05 235);
--info: oklch(83% 0.101 230);
--success: oklch(90% 0.089 164);
--warning: oklch(95% 0.124 102);
--error: oklch(81% 0.103 20);
}gabe /presentato-ma
public · Issues · Pulls · Labels · Forks · Compare · Actions success · Badges · Packages
⭐
Log in to mark this repository.
7.9 KiB · text
History
ce1976f