Files
platform/src/workspaces/theme/css/themes/demon.css
T
pastilhasandClaude Sonnet 5 a58f4d2b32 port 147 community Omarchy themes from omarchythemes.com
The official 22 themes come from basecamp/omarchy's own colors.toml, contrast-checked
by generate-themes.ts. A community theme has no such file — it ships per-app configs
(alacritty.toml, ghostty.conf) in the older 16-ANSI-slot style, so this adds a sibling
pipeline: from-ansi.ts derives the same 24-key Palette shape by role (accent, three
background depths, three foreground weights) from those 16 slots, then runs through the
same mapPalette + contrast checks the official themes use. Nothing about the official
generator changed — verified generate-themes.ts --check still reports 0 changes.

port-community-themes.ts discovers each theme's GitHub repo from its omarchythemes.com
page, fetches alacritty.toml (preferred) or ghostty.conf, and is idempotent via
community-manifest.json so a re-run only fetches what's missing. Community themes get
their own registry/index.css marker block, separate from the official GENERATED THEMES
block, so the two pipelines can never clobber each other.

121 of 212 attempted made it through cleanly; a second pass tightening accent selection
and nudging --input recovered 20 more borderline cases (147 total). The rest failed for
real reasons: 62 repos had no parseable colour source, 7 had an accent colour whose own
luminance can't clear 4.5:1 against either black or white text, a handful were narrowly
under threshold even after the rescue pass, and 2 pages had no repo link at all. Every
generated file's header states its source repo and whether it's a light or dark theme.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
2026-08-22 01:37:05 +00:00

100 lines
3.2 KiB
CSS

/*
Demon — ported from a community Omarchy theme, not from basecamp/omarchy's own set.
Dark theme (dark), by luminance of its own
background — the source repo carries no mode flag of its own to read.
Source: https://github.com/HANCORE-linux/omarchy-demon-theme (alacritty.toml), read by scripts/port-community-themes.ts. Values
went through deriveOmarchyPalette (scripts/themes/from-ansi.ts) because a single-theme repo ships
per-app configs, not Omarchy 4's own colors.toml shape — some tokens here are reconstructed, not
authored. Every text/surface pair is contrast-checked the same way the official themes are.
DO NOT EDIT BY HAND. Re-run the script to refresh from the source repo.
*/
[data-theme='demon'] {
--background: #080808;
--foreground: #e0d4c2;
--card: #0f0f0f;
--card-foreground: #e0d4c2;
--popover: #0f0f0f;
--popover-foreground: #e0d4c2;
--muted: #202020;
--muted-foreground: #a1998c;
--accent: #202020;
--accent-foreground: #e0d4c2;
--primary: #5c624b;
--primary-foreground: #e3d8c8;
--secondary: #202020;
--secondary-foreground: #e0d4c2;
--cta: #5c624b;
--cta-foreground: #e3d8c8;
--ctahover: #707561;
--success: #586259;
--success-foreground: #e3d8c8;
--warning: #e24c00;
--warning-foreground: #080808;
--destructive: #bb1c1c;
--destructive-foreground: #e3d8c8;
--info: #5c624b;
--info-foreground: #e3d8c8;
--busy: #cf340e;
--busy-foreground: #f3f3f3;
--busy-ink: #d44826;
--border: #383632;
--input: #383632;
--ring: #5c624b;
--radius: 0.625rem;
--chart-primary: #5c624b;
--chart-secondary: #655e56;
--status-success: #586259;
--status-warning: #e24c00;
--status-in-progress: #5c624b;
--page-bg: #080808;
--page-bg-src: '';
--panel-bg: rgb(15 15 15 / 0.72);
--panel-border: rgb(56 54 50 / 0.9);
--panel-border-bare: rgb(56 54 50 / 0.55);
--panel-raised-bg: rgb(15 15 15 / 0.95);
--panel-raised-border: rgb(56 54 50 / 1);
--panel-accent: #5c624b;
--panel-header-bg: rgb(32 32 32 / 0.6);
--panel-header-fg: #e0d4c2;
--panel-radius: 0.75rem;
--panel-blur: 12px;
--card-bg: #0f0f0f;
--glass-bg: rgb(15 15 15 / 0.55);
--glass-border: rgb(56 54 50 / 0.7);
--dock-bg: rgb(15 15 15 / 0.7);
--dock-border: rgb(56 54 50 / 0.8);
--dock-tooltip-bg: #202020;
--header-bg: rgb(15 15 15 / 0.8);
--header-border: rgb(56 54 50 / 0.9);
--header-fg: #e0d4c2;
--header-blur: 12px;
--pixel-grid-color: rgb(109 104 96 / 0.07);
--card-grid-color: rgb(109 104 96 / 0.05);
--panel-grid-color: rgb(109 104 96 / 0.06);
--scrollbar-thumb: rgb(107 104 103 / 0.6);
--scrollbar-thumb-hover: rgb(107 104 103 / 0.85);
--scrollbar-thin-thumb: rgb(107 104 103 / 0.45);
--scrollbar-thin-thumb-hover: rgb(107 104 103 / 0.7);
--brand: #5c624b;
--brand-foreground: #e3d8c8;
--brand-primary: #5c624b;
--brand-accent: #7a7d80;
--brand-warm: #cf340e;
--brand-deep: #080808;
--brand-muted: #6b6867;
--ink: #e0d4c2;
--surface-warm: #0f0f0f;
--naturegreen: #586259;
--naturegreen-foreground: #e3d8c8;
--duck-dark: #e0d4c2;
--duck-teal: #7a7d80;
--duck-yellow: #e24c00;
--duck-orange: #cf340e;
--duck-forest: #586259;
--duck-beige: #242321;
--logo-src: '/officer-logo.svg';
}