Files
platform/src/workspaces/theme/css/themes/miles-morales.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

/*
Miles Morales — 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/ahmed-z0/omarchy-miles-morales-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='miles-morales'] {
--background: #070707;
--foreground: #c3c3c3;
--card: #0d0d0d;
--card-foreground: #c3c3c3;
--popover: #0d0d0d;
--popover-foreground: #c3c3c3;
--muted: #1e1e1e;
--muted-foreground: #8c8c8c;
--accent: #1e1e1e;
--accent-foreground: #c3c3c3;
--primary: #59c7c7;
--primary-foreground: #070707;
--secondary: #1e1e1e;
--secondary-foreground: #c3c3c3;
--cta: #59c7c7;
--cta-foreground: #070707;
--ctahover: #6dcece;
--success: #41ac41;
--success-foreground: #070707;
--warning: #acac41;
--warning-foreground: #070707;
--destructive: #ac4141;
--destructive-foreground: #e6e6e6;
--info: #b60025;
--info-foreground: #d1d1d1;
--busy: #ac7741;
--busy-foreground: #070707;
--busy-ink: #ac7741;
--border: #313131;
--input: #313131;
--ring: #59c7c7;
--radius: 0.625rem;
--chart-primary: #59c7c7;
--chart-secondary: #ac41ac;
--status-success: #41ac41;
--status-warning: #acac41;
--status-in-progress: #b60025;
--page-bg: #070707;
--page-bg-src: '';
--panel-bg: rgb(13 13 13 / 0.72);
--panel-border: rgb(49 49 49 / 0.9);
--panel-border-bare: rgb(49 49 49 / 0.55);
--panel-raised-bg: rgb(13 13 13 / 0.95);
--panel-raised-border: rgb(49 49 49 / 1);
--panel-accent: #59c7c7;
--panel-header-bg: rgb(30 30 30 / 0.6);
--panel-header-fg: #c3c3c3;
--panel-radius: 0.75rem;
--panel-blur: 12px;
--card-bg: #0d0d0d;
--glass-bg: rgb(13 13 13 / 0.55);
--glass-border: rgb(49 49 49 / 0.7);
--dock-bg: rgb(13 13 13 / 0.7);
--dock-border: rgb(49 49 49 / 0.8);
--dock-tooltip-bg: #1e1e1e;
--header-bg: rgb(13 13 13 / 0.8);
--header-border: rgb(49 49 49 / 0.9);
--header-fg: #c3c3c3;
--header-blur: 12px;
--pixel-grid-color: rgb(95 95 95 / 0.07);
--card-grid-color: rgb(95 95 95 / 0.05);
--panel-grid-color: rgb(95 95 95 / 0.06);
--scrollbar-thumb: rgb(146 0 0 / 0.6);
--scrollbar-thumb-hover: rgb(146 0 0 / 0.85);
--scrollbar-thin-thumb: rgb(146 0 0 / 0.45);
--scrollbar-thin-thumb-hover: rgb(146 0 0 / 0.7);
--brand: #59c7c7;
--brand-foreground: #070707;
--brand-primary: #59c7c7;
--brand-accent: #41acac;
--brand-warm: #ac7741;
--brand-deep: #070707;
--brand-muted: #920000;
--ink: #c3c3c3;
--surface-warm: #0d0d0d;
--naturegreen: #41ac41;
--naturegreen-foreground: #070707;
--duck-dark: #c3c3c3;
--duck-teal: #41acac;
--duck-yellow: #acac41;
--duck-orange: #ac7741;
--duck-forest: #41ac41;
--duck-beige: #1f1f1f;
--logo-src: '/officer-logo.svg';
}