Sienna Meridian Satterwhite
b9d9ad72fe
Enable TOTP, WebAuthn, and lookup secret MFA methods in Kratos config. Fix Monaspace Neon font CDN URL in Gitea theme ConfigMap. Remove redundant Google Fonts preconnect from people-frontend nginx config. Delete unused login-ui-deployment.yaml (login-ui is part of the Ory Helm chart, not a standalone deployment).
283 lines
14 KiB
YAML
283 lines
14 KiB
YAML
apiVersion: v1
|
|
kind: ConfigMap
|
|
metadata:
|
|
name: gitea-custom-theme
|
|
namespace: devtools
|
|
data:
|
|
theme-sunbeam.css: |
|
|
/* theme-sunbeam.css — O Estúdio theme for Gitea
|
|
* Dark navy background + amber/honey primary, Ysabeau + Monaspace Neon.
|
|
* Based on cunningham.ts estudioTheme from people/desk.
|
|
*/
|
|
|
|
/* ── Base: inherit all gitea-dark variables, then override ─── */
|
|
@import url("/assets/css/theme-gitea-dark.css");
|
|
|
|
/* ── Font imports ──────────────────────────────────────────── */
|
|
|
|
/* Ysabeau Variable (UI font) — from Google Fonts */
|
|
@import url('https://fonts.googleapis.com/css2?family=Ysabeau:ital,wght@0,1..1000;1,1..1000&display=swap');
|
|
|
|
/* Monaspace Neon Variable (code font) — from jsDelivr */
|
|
@font-face {
|
|
font-family: 'Monaspace Neon';
|
|
src: url('https://cdn.jsdelivr.net/gh/githubnext/monaspace@v1.101/fonts/webfonts/MonaspaceNeonVarVF%5Bwght%2Cwdth%2Cslnt%5D.woff2') format('woff2');
|
|
font-weight: 200 800;
|
|
font-style: oblique 0deg 10deg;
|
|
font-display: swap;
|
|
}
|
|
|
|
/* ── Typography ─────────────────────────────────────────────── */
|
|
|
|
:root {
|
|
--fonts-regular: 'Ysabeau', -apple-system, 'Segoe UI', system-ui, sans-serif;
|
|
--fonts-proportional: 'Ysabeau', -apple-system, 'Segoe UI', system-ui, sans-serif;
|
|
--fonts-monospace: 'Monaspace Neon', ui-monospace, 'SFMono-Regular', 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;
|
|
}
|
|
|
|
html, body {
|
|
font-size: 15px;
|
|
font-weight: 450;
|
|
}
|
|
|
|
/* Monaspace OpenType features: texture healing + stylistic sets + ligatures */
|
|
pre, code, kbd, samp,
|
|
.diff-code-inner, .markup-block-diff,
|
|
[class*="cm-"], .CodeMirror {
|
|
font-feature-settings: "calt" 1, "ss01" 1, "ss02" 1, "ss03" 1, "ss04" 1,
|
|
"ss05" 1, "ss06" 1, "ss07" 1, "ss08" 1, "liga" 1;
|
|
}
|
|
|
|
/* ── O Estúdio dark navy background ─────────────────────────── */
|
|
/* Greyscale from cunningham estudioTheme — inverted dark scale */
|
|
/* Variable names verified against gitea-dark.css source */
|
|
|
|
:root {
|
|
/* Page + nav */
|
|
--color-body: #0c1a2b; /* greyscale-000 */
|
|
--color-nav-bg: #182536; /* greyscale-100 */
|
|
--color-nav-hover-bg: #303c4b; /* greyscale-200 */
|
|
--color-secondary-nav-bg: #182536; /* greyscale-100 */
|
|
|
|
/* Boxes / cards */
|
|
--color-box-header: #182536; /* greyscale-100 */
|
|
--color-box-body: #0c1a2b; /* greyscale-000 */
|
|
--color-box-body-highlight: #303c4b; /* greyscale-200 */
|
|
--color-card: #182536; /* greyscale-100 */
|
|
--color-menu: #182536; /* greyscale-100 */
|
|
--color-button: #182536; /* greyscale-100 */
|
|
--color-expand-button: #303c4b; /* greyscale-200 */
|
|
|
|
/* Inputs / code */
|
|
--color-input-background: #182536; /* greyscale-100 */
|
|
--color-input-toggle-background: #303c4b; /* greyscale-200 */
|
|
--color-code-bg: #0c1a2b; /* greyscale-000 */
|
|
--color-secondary-bg: #303c4b; /* greyscale-200 */
|
|
|
|
/* Console (Actions log, SSH, etc.) */
|
|
--color-console-bg: #0c1a2b; /* greyscale-000 */
|
|
--color-console-border: #303c4b; /* greyscale-200 */
|
|
--color-console-hover-bg: #182536; /* greyscale-100 */
|
|
--color-console-active-bg: #303c4b; /* greyscale-200 */
|
|
--color-console-menu-bg: #182536; /* greyscale-100 */
|
|
--color-console-menu-border: #555f6b; /* greyscale-300 */
|
|
|
|
/* UI chrome */
|
|
--color-hover-opaque: #303c4b; /* greyscale-200 */
|
|
--color-timeline: #303c4b; /* greyscale-200 */
|
|
--color-grey: #555f6b; /* greyscale-300 */
|
|
--color-shadow-opaque: #07111c;
|
|
|
|
/* Borders */
|
|
--color-input-border: #303c4b; /* greyscale-200 */
|
|
--color-light-border: #182536; /* greyscale-100 */
|
|
|
|
/* Secondary scale — full 13-dark / 4-light spectrum */
|
|
--color-secondary: #182536; /* greyscale-100 */
|
|
--color-secondary-dark-1: #0c1a2b; /* greyscale-000 */
|
|
--color-secondary-dark-2: #07111c;
|
|
--color-secondary-dark-3: #040b12;
|
|
--color-secondary-dark-4: #020609;
|
|
--color-secondary-dark-5: #010406;
|
|
--color-secondary-dark-6: #000203;
|
|
--color-secondary-dark-7: #000000;
|
|
--color-secondary-dark-8: #000000;
|
|
--color-secondary-dark-9: #000000;
|
|
--color-secondary-dark-10: #000000;
|
|
--color-secondary-dark-11: #000000;
|
|
--color-secondary-dark-12: #000000;
|
|
--color-secondary-dark-13: #000000;
|
|
--color-secondary-light-1: #303c4b; /* greyscale-200 */
|
|
--color-secondary-light-2: #555f6b; /* greyscale-300 */
|
|
--color-secondary-light-3: #79818a; /* greyscale-400 */
|
|
--color-secondary-light-4: #9ea3aa; /* greyscale-500 */
|
|
|
|
/* Text */
|
|
--color-text: #e7e8ea; /* greyscale-700 */
|
|
--color-text-dark: #fafafb; /* greyscale-900 */
|
|
--color-text-light: #c2c6ca; /* greyscale-600 */
|
|
--color-text-light-1: #9ea3aa; /* greyscale-500 */
|
|
--color-text-light-2: #79818a; /* greyscale-400 */
|
|
--color-text-light-3: #555f6b; /* greyscale-300 */
|
|
}
|
|
|
|
/* ── O Estúdio amber/honey primary ──────────────────────────── */
|
|
/* Amber palette from cunningham estudioTheme */
|
|
|
|
:root {
|
|
--color-primary: #f59e0b; /* primary-500 */
|
|
--color-primary-dark-1: #d97706; /* primary-600 */
|
|
--color-primary-dark-2: #b45309; /* primary-700 */
|
|
--color-primary-dark-3: #92400e; /* primary-800 */
|
|
--color-primary-dark-4: #78350f; /* primary-900 */
|
|
--color-primary-dark-5: #5c2808;
|
|
--color-primary-dark-6: #3e1a04;
|
|
--color-primary-dark-7: #1c0d00;
|
|
--color-primary-light-1: #fbbf24; /* primary-400 */
|
|
--color-primary-light-2: #fcd34d; /* primary-300 */
|
|
--color-primary-light-3: #fde68a; /* primary-200 */
|
|
--color-primary-light-4: #fde9a0; /* primary-150 */
|
|
--color-primary-light-5: #fef3c7; /* primary-100 */
|
|
--color-primary-light-6: #fffbeb; /* primary-050 */
|
|
--color-primary-light-7: #fffef5;
|
|
|
|
--color-primary-hover: #d97706; /* primary-600 */
|
|
--color-primary-active: #b45309; /* primary-700 */
|
|
/* Amber is bright — use warm dark for contrast text */
|
|
--color-primary-contrast: #1c1917; /* primary-bg */
|
|
|
|
/* primary-500 = rgb(245, 158, 11) */
|
|
--color-primary-alpha-10: rgba(245, 158, 11, 0.10);
|
|
--color-primary-alpha-20: rgba(245, 158, 11, 0.20);
|
|
--color-primary-alpha-30: rgba(245, 158, 11, 0.30);
|
|
--color-primary-alpha-40: rgba(245, 158, 11, 0.40);
|
|
--color-primary-alpha-50: rgba(245, 158, 11, 0.50);
|
|
--color-primary-alpha-60: rgba(245, 158, 11, 0.60);
|
|
--color-primary-alpha-70: rgba(245, 158, 11, 0.70);
|
|
--color-primary-alpha-80: rgba(245, 158, 11, 0.80);
|
|
--color-primary-alpha-90: rgba(245, 158, 11, 0.90);
|
|
|
|
/* Accent variables used by Gitea for highlights + native browser accent */
|
|
--color-accent: #fbbf24; /* primary-400 */
|
|
--color-small-accent: #fef3c7; /* primary-100 */
|
|
--color-highlight-fg: #87651e;
|
|
--color-highlight-bg: #352c1c;
|
|
--color-reaction-hover-bg: rgba(245, 158, 11, 0.20);
|
|
--color-reaction-active-bg: rgba(245, 158, 11, 0.30);
|
|
accent-color: #f59e0b;
|
|
}
|
|
|
|
/* ── Explicit amber overrides (belt-and-suspenders) ──────────── */
|
|
/* Belt-and-suspenders rules for elements that must be amber on */
|
|
/* every page, in case CSS variable resolution has any gaps. */
|
|
|
|
/* Primary buttons */
|
|
.ui.primary.button,
|
|
.ui.primary.buttons .button {
|
|
background: #f59e0b !important;
|
|
color: #1c1917 !important;
|
|
}
|
|
.ui.primary.button:hover,
|
|
.ui.primary.buttons .button:hover {
|
|
background: #d97706 !important;
|
|
}
|
|
.ui.primary.button:active,
|
|
.ui.primary.buttons .button:active {
|
|
background: #b45309 !important;
|
|
}
|
|
.ui.basic.primary.button,
|
|
.ui.basic.primary.buttons .button {
|
|
color: #f59e0b !important;
|
|
border-color: #f59e0b !important;
|
|
background: none !important;
|
|
}
|
|
|
|
/* Links */
|
|
a { color: #f59e0b; }
|
|
a:hover { color: #d97706; }
|
|
|
|
/* Active nav/tab items and underlines */
|
|
.ui.secondary.menu .active.item,
|
|
.ui.tabular.menu .active.item,
|
|
.menu .active.item {
|
|
border-color: #f59e0b !important;
|
|
color: #f59e0b !important;
|
|
}
|
|
.repository .file-list .item.selected,
|
|
.ui.menu .active.item:hover {
|
|
color: #f59e0b !important;
|
|
}
|
|
|
|
/* Active border on bottom of tabs */
|
|
.ui.pointing.secondary.menu .active.item,
|
|
.ui.pointing.secondary.menu .active.item:hover {
|
|
border-bottom-color: #f59e0b !important;
|
|
}
|
|
|
|
/* Labels and badges using primary */
|
|
.ui.label.primary, .ui.labels.primary .label {
|
|
background: #f59e0b !important;
|
|
color: #1c1917 !important;
|
|
}
|
|
|
|
/* Gitea logo — inline SVG fallback (1.25+ uses <img>, see logo.svg mount) */
|
|
.gitea-logo, svg.gitea-logo path { fill: #f59e0b !important; }
|
|
|
|
/* ── Dark overrides for Fomantic UI message components ───────── */
|
|
/* index.css uses hardcoded light-theme hex values for these; */
|
|
/* they must be overridden explicitly — CSS vars don't reach them. */
|
|
|
|
.ui.message {
|
|
background: var(--color-secondary) !important;
|
|
color: var(--color-text) !important;
|
|
box-shadow: none !important;
|
|
}
|
|
.ui.warning.message,
|
|
.ui.yellow.message {
|
|
background: var(--color-warning-bg) !important;
|
|
color: var(--color-warning-text) !important;
|
|
border-color: var(--color-warning-border) !important;
|
|
}
|
|
.ui.warning.message .header,
|
|
.ui.yellow.message .header {
|
|
color: var(--color-warning-text) !important;
|
|
}
|
|
.ui.negative.message,
|
|
.ui.error.message,
|
|
.ui.red.message {
|
|
background: var(--color-error-bg) !important;
|
|
color: var(--color-error-text) !important;
|
|
border-color: var(--color-error-border) !important;
|
|
}
|
|
.ui.negative.message .header,
|
|
.ui.error.message .header {
|
|
color: var(--color-error-text) !important;
|
|
}
|
|
.ui.positive.message,
|
|
.ui.success.message,
|
|
.ui.green.message {
|
|
background: var(--color-success-bg) !important;
|
|
color: var(--color-success-text) !important;
|
|
border-color: var(--color-success-border) !important;
|
|
}
|
|
.ui.info.message,
|
|
.ui.teal.message,
|
|
.ui.blue.message {
|
|
background: var(--color-info-bg) !important;
|
|
color: var(--color-info-text) !important;
|
|
border-color: var(--color-info-border) !important;
|
|
}
|
|
|
|
/* Dropdown warning state (also hardcoded in index.css) */
|
|
.ui.selection.dropdown.warning {
|
|
background: var(--color-input-background) !important;
|
|
border-color: var(--color-warning-border) !important;
|
|
color: var(--color-text) !important;
|
|
}
|
|
|
|
# Amber Gitea logo — replaces the default green logo.svg
|
|
# Gitea 1.25+ serves the logo as <img src="/assets/img/logo.svg">, so CSS
|
|
# fill rules don't apply. We mount a custom amber SVG instead.
|
|
logo.svg: |
|
|
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 640 640" width="32" height="32"><path d="m395.9 484.2-126.9-61c-12.5-6-17.9-21.2-11.8-33.8l61-126.9c6-12.5 21.2-17.9 33.8-11.8 17.2 8.3 27.1 13 27.1 13l-.1-109.2 16.7-.1.1 117.1s57.4 24.2 83.1 40.1c3.7 2.3 10.2 6.8 12.9 14.4 2.1 6.1 2 13.1-1 19.3l-61 126.9c-6.2 12.7-21.4 18.1-33.9 12" style="fill:#fff"/><path d="M622.7 149.8c-4.1-4.1-9.6-4-9.6-4s-117.2 6.6-177.9 8c-13.3.3-26.5.6-39.6.7v117.2c-5.5-2.6-11.1-5.3-16.6-7.9 0-36.4-.1-109.2-.1-109.2-29 .4-89.2-2.2-89.2-2.2s-141.4-7.1-156.8-8.5c-9.8-.6-22.5-2.1-39 1.5-8.7 1.8-33.5 7.4-53.8 26.9C-4.9 212.4 6.6 276.2 8 285.8c1.7 11.7 6.9 44.2 31.7 72.5 45.8 56.1 144.4 54.8 144.4 54.8s12.1 28.9 30.6 55.5c25 33.1 50.7 58.9 75.7 62 63 0 188.9-.1 188.9-.1s12 .1 28.3-10.3c14-8.5 26.5-23.4 26.5-23.4S547 483 565 451.5c5.5-9.7 10.1-19.1 14.1-28 0 0 55.2-117.1 55.2-231.1-1.1-34.5-9.6-40.6-11.6-42.6M125.6 353.9c-25.9-8.5-36.9-18.7-36.9-18.7S69.6 321.8 60 295.4c-16.5-44.2-1.4-71.2-1.4-71.2s8.4-22.5 38.5-30c13.8-3.7 31-3.1 31-3.1s7.1 59.4 15.7 94.2c7.2 29.2 24.8 77.7 24.8 77.7s-26.1-3.1-43-9.1m300.3 107.6s-6.1 14.5-19.6 15.4c-5.8.4-10.3-1.2-10.3-1.2s-.3-.1-5.3-2.1l-112.9-55s-10.9-5.7-12.8-15.6c-2.2-8.1 2.7-18.1 2.7-18.1L322 273s4.8-9.7 12.2-13c.6-.3 2.3-1 4.5-1.5 8.1-2.1 18 2.8 18 2.8L467.4 315s12.6 5.7 15.3 16.2c1.9 7.4-.5 14-1.8 17.2-6.3 15.4-55 113.1-55 113.1" style="fill:#f59e0b"/><path d="M326.8 380.1c-8.2.1-15.4 5.8-17.3 13.8s2 16.3 9.1 20c7.7 4 17.5 1.8 22.7-5.4 5.1-7.1 4.3-16.9-1.8-23.1l24-49.1c1.5.1 3.7.2 6.2-.5 4.1-.9 7.1-3.6 7.1-3.6 4.2 1.8 8.6 3.8 13.2 6.1 4.8 2.4 9.3 4.9 13.4 7.3.9.5 1.8 1.1 2.8 1.9 1.6 1.3 3.4 3.1 4.7 5.5 1.9 5.5-1.9 14.9-1.9 14.9-2.3 7.6-18.4 40.6-18.4 40.6-8.1-.2-15.3 5-17.7 12.5-2.6 8.1 1.1 17.3 8.9 21.3s17.4 1.7 22.5-5.3c5-6.8 4.6-16.3-1.1-22.6 1.9-3.7 3.7-7.4 5.6-11.3 5-10.4 13.5-30.4 13.5-30.4.9-1.7 5.7-10.3 2.7-21.3-2.5-11.4-12.6-16.7-12.6-16.7-12.2-7.9-29.2-15.2-29.2-15.2s0-4.1-1.1-7.1c-1.1-3.1-2.8-5.1-3.9-6.3 4.7-9.7 9.4-19.3 14.1-29-4.1-2-8.1-4-12.2-6.1-4.8 9.8-9.7 19.7-14.5 29.5-6.7-.1-12.9 3.5-16.1 9.4-3.4 6.3-2.7 14.1 1.9 19.8z" style="fill:#f59e0b"/></svg>
|