119 lines
4.8 KiB
CSS
119 lines
4.8 KiB
CSS
/*
|
|
* theme-terminal.css
|
|
* ─────────────────────────────────────────────────────────────────────────
|
|
* The original CRT / phosphor-green terminal palette, now wearing the shared
|
|
* neumorphic/soft-UI layer. Surfaces were lifted off pure black so the soft
|
|
* shadows actually have somewhere to fall; the phosphor green is untouched.
|
|
*/
|
|
|
|
@import url("./_base-forgejo-dark.css");
|
|
@import url("./theme-neumorphism.css");
|
|
|
|
:root {
|
|
color-scheme: dark;
|
|
--is-dark-theme: true;
|
|
|
|
/* ── Typography: keep it terminal-y, but readable ───────────────── */
|
|
--fonts-proportional: "Inter", "JetBrains Mono", "Cascadia Code",
|
|
ui-monospace, "DejaVu Sans Mono", Consolas, monospace !important;
|
|
--fonts-monospace: "Berkeley Mono", "JetBrains Mono", "Fira Code",
|
|
"SF Mono", "Cascadia Code", ui-monospace, "DejaVu Sans Mono",
|
|
Consolas, monospace !important;
|
|
|
|
/* ── Phosphor green primary ─────────────────────────────────────── */
|
|
--color-primary: #33ff66;
|
|
--color-primary-contrast: #08110a;
|
|
--color-primary-dark-1: #55ff88;
|
|
--color-primary-dark-2: #55ff88;
|
|
--color-primary-dark-3: #77ff99;
|
|
--color-primary-dark-4: #77ff99;
|
|
--color-primary-dark-5: #99ffbb;
|
|
--color-primary-dark-6: #99ffbb;
|
|
--color-primary-dark-7: #bbffcc;
|
|
--color-primary-light-1: #22cc55;
|
|
--color-primary-light-2: #1a9940;
|
|
--color-primary-light-3: #1a9940;
|
|
--color-primary-light-4: #14732f;
|
|
--color-primary-light-5: #106027;
|
|
--color-primary-light-6: #0c4a1e;
|
|
--color-primary-light-7: #093816;
|
|
--color-primary-alpha-10: rgba(51, 255, 102, 0.10);
|
|
--color-primary-alpha-20: rgba(51, 255, 102, 0.20);
|
|
--color-primary-alpha-30: rgba(51, 255, 102, 0.30);
|
|
--color-primary-alpha-40: rgba(51, 255, 102, 0.40);
|
|
--color-primary-alpha-50: rgba(51, 255, 102, 0.50);
|
|
--color-primary-alpha-60: rgba(51, 255, 102, 0.60);
|
|
--color-primary-alpha-70: rgba(51, 255, 102, 0.70);
|
|
--color-primary-alpha-80: rgba(51, 255, 102, 0.80);
|
|
--color-primary-alpha-90: rgba(51, 255, 102, 0.90);
|
|
--color-primary-hover: #55ff88;
|
|
--color-primary-active: #22cc55;
|
|
--color-accent: #33ff66;
|
|
--color-small-accent: #22cc55;
|
|
--color-highlight-fg: #33ff66;
|
|
--color-highlight-bg: rgba(51, 255, 102, 0.14);
|
|
--color-caret: #33ff66;
|
|
|
|
/* ── Green-tinted surfaces (no longer pure black) ───────────────── */
|
|
--color-body: #101410;
|
|
--color-box-header: #141a15;
|
|
--color-box-body: #141a15;
|
|
--color-box-body-highlight: #1b241c;
|
|
--color-secondary: #223023;
|
|
--color-secondary-bg: #141a15;
|
|
--color-menu: #141a15;
|
|
--color-card: #141a15;
|
|
--fancy-card-bg: #141a15;
|
|
--fancy-card-border: #223023;
|
|
--color-hover: #1b241c;
|
|
--color-active: #223023;
|
|
--color-nav-bg: #0c110d;
|
|
--color-footer: #0c110d;
|
|
--color-header-wrapper: #0c110d;
|
|
--color-input-background: #0b0f0b;
|
|
--color-input-toggle-background: #1b241c;
|
|
--color-code-bg: #0b0f0b;
|
|
--color-markup-code-block: #0b0f0b;
|
|
--color-markup-code-inline: #141a15;
|
|
--color-timeline: #223023;
|
|
--color-editor-line-highlight: #141a15;
|
|
--color-placeholder-text: #5d6b5f;
|
|
|
|
/* ── Text ───────────────────────────────────────────────────────── */
|
|
--color-text: #b8c4ba;
|
|
--color-text-light: #93a396;
|
|
--color-text-light-1: #93a396;
|
|
--color-text-light-2: #7c8a7e;
|
|
--color-text-light-3: #667367;
|
|
|
|
/* ── Neumorphism primitives ─────────────────────────────────────── */
|
|
--nm-shadow-dark: rgba(0, 0, 0, 0.78);
|
|
--nm-shadow-light: rgba(90, 255, 140, 0.05);
|
|
--nm-divider-color: rgba(90, 255, 140, 0.09);
|
|
--nm-radius: 14px;
|
|
--nm-radius-sm: 10px;
|
|
}
|
|
|
|
/* Terminal flavour */
|
|
body {
|
|
background-color: #101410 !important;
|
|
color: #b8c4ba !important;
|
|
}
|
|
|
|
a { color: #33ff66 !important; text-decoration: none !important; }
|
|
a:hover,
|
|
a:focus { color: #77ff99 !important; text-decoration: underline !important; }
|
|
|
|
.navbar .brand,
|
|
.navbar .brand:hover { color: #33ff66 !important; }
|
|
|
|
::selection {
|
|
background: rgba(51, 255, 102, 0.25);
|
|
color: #eaffef;
|
|
}
|
|
|
|
.chroma .k, .chroma .kc, .chroma .kd, .chroma .kn, .chroma .kr, .chroma .kt { color: #ff7540; }
|
|
.chroma .s, .chroma .s1, .chroma .s2, .chroma .sb, .chroma .sc, .chroma .sd, .chroma .sh, .chroma .sx { color: #33ff66; }
|
|
.chroma .c, .chroma .c1, .chroma .ch, .chroma .cm, .chroma .cs, .chroma .cp, .chroma .cpf { color: #5d6b5f; }
|
|
.chroma .na, .chroma .nb, .chroma .nf, .chroma .ni { color: #8ee6a5; }
|
|
.chroma .m, .chroma .mb, .chroma .mf, .chroma .mh, .chroma .mi, .chroma .mo, .chroma .il { color: #649bc4; }
|