disqualifier
8fc81fc4f4
Make the things that matter stand out, matching the Gitea callout look: - extra.css: brand-orange warning admonitions (#f57c00, the lambda orange), hotter danger (#e8590c), blue note/info and cyan tip/example, plus blue code-annotation markers. - deploy.md: footgun -> danger callout, secrets -> orange warning, eligible -> tip; Dockerfile and compose gain numbered code annotations explaining each magic line; paths/mounts as a table; a restart snippet for rotation. - workflow.md: warning on setting per-repo git identity before first commit; tip elevating verify-by-executing. Verified in-browser: computed border colors match (warning #f57c00, danger #e8590c), 4 annotation markers render in brand blue, admonition icons + tinted headers match the Gitea style. mkdocs build --strict clean. Signed-off-by: disqualifier <dev@disqualifier.me>
170 lines
4.9 KiB
CSS
170 lines
4.9 KiB
CSS
/* a rethink development — mirror of the rethink Gitea theme
|
|
palette pulled from git.rethinkstudios.io (data-theme="rethink") */
|
|
|
|
:root {
|
|
--rt-body: #0a0f1f; /* deep navy page background */
|
|
--rt-nav: #061541; /* darker header/nav background */
|
|
--rt-surface: #0e1530; /* cards / code blocks, a touch above body */
|
|
--rt-text: #eef1f6; /* near-white body text */
|
|
--rt-muted: #aab4c5; /* secondary text */
|
|
--rt-primary: #569bcc; /* links / primary blue */
|
|
--rt-primary-dark: #4a8cbb;
|
|
--rt-primary-light: #6ba9d5;
|
|
--rt-accent: #55bbff; /* bright cyan-blue accent */
|
|
--rt-border: #294274; /* row dividers / borders */
|
|
}
|
|
|
|
/* Map the rethink palette onto Material's slate scheme. */
|
|
[data-md-color-scheme="slate"] {
|
|
--md-hue: 222;
|
|
|
|
--md-default-bg-color: var(--rt-body);
|
|
--md-default-fg-color: var(--rt-text);
|
|
--md-default-fg-color--light: var(--rt-muted);
|
|
--md-default-fg-color--lighter: rgba(238, 241, 246, 0.32);
|
|
--md-default-fg-color--lightest: rgba(238, 241, 246, 0.12);
|
|
|
|
--md-primary-fg-color: var(--rt-nav);
|
|
--md-primary-fg-color--light: var(--rt-primary-light);
|
|
--md-primary-fg-color--dark: var(--rt-nav);
|
|
--md-primary-bg-color: var(--rt-text);
|
|
--md-primary-bg-color--light: var(--rt-muted);
|
|
|
|
--md-accent-fg-color: var(--rt-accent);
|
|
--md-accent-fg-color--transparent: rgba(85, 187, 255, 0.1);
|
|
|
|
--md-typeset-color: var(--rt-text);
|
|
--md-typeset-a-color: var(--rt-primary);
|
|
|
|
--md-code-bg-color: var(--rt-surface);
|
|
--md-code-fg-color: #d6deeb;
|
|
|
|
--md-footer-bg-color: var(--rt-nav);
|
|
--md-footer-bg-color--dark: var(--rt-body);
|
|
}
|
|
|
|
/* Header / top nav: match Gitea's dark-blue bar. */
|
|
.md-header,
|
|
.md-tabs {
|
|
background-color: var(--rt-nav);
|
|
color: var(--rt-text);
|
|
}
|
|
|
|
/* Links hover to the bright accent, like Gitea. */
|
|
.md-typeset a:hover {
|
|
color: var(--rt-accent);
|
|
}
|
|
|
|
/* Sidebar nav active item picks up the blue. */
|
|
.md-nav__link--active,
|
|
.md-nav__item .md-nav__link--active {
|
|
color: var(--rt-primary);
|
|
}
|
|
|
|
/* Square the corners — Gitea uses radius 0 throughout. */
|
|
.md-typeset .admonition,
|
|
.md-typeset details,
|
|
.md-typeset pre > code,
|
|
.md-typeset .highlight,
|
|
.md-typeset table:not([class]),
|
|
.md-search__form,
|
|
.md-typeset .tabbed-set > input:checked + label,
|
|
.md-typeset code {
|
|
border-radius: 0;
|
|
}
|
|
|
|
/* Subtle blue row dividers in tables, echoing the repo list. */
|
|
.md-typeset table:not([class]) {
|
|
border: 1px solid var(--rt-border);
|
|
}
|
|
.md-typeset table:not([class]) th {
|
|
background-color: var(--rt-nav);
|
|
color: var(--rt-text);
|
|
}
|
|
.md-typeset table:not([class]) td {
|
|
border-top: 1px solid rgba(41, 66, 116, 0.5);
|
|
}
|
|
|
|
/* Search field on the dark bar. */
|
|
.md-search__input {
|
|
background-color: rgba(255, 255, 255, 0.06);
|
|
}
|
|
.md-search__input::placeholder {
|
|
color: rgba(238, 241, 246, 0.6);
|
|
}
|
|
|
|
/* Admonitions — Gitea-style: brand-orange warning, blue note, etc.
|
|
The lambda logo's orange (#ffae42 -> #f57c00) drives the warning/danger look. */
|
|
.md-typeset .admonition,
|
|
.md-typeset details {
|
|
border-width: 0 0 0 .2rem;
|
|
background-color: var(--rt-surface);
|
|
}
|
|
|
|
/* warning / caution: the orange Gitea callout */
|
|
.md-typeset .admonition.warning,
|
|
.md-typeset details.warning,
|
|
.md-typeset .admonition.caution,
|
|
.md-typeset details.caution {
|
|
border-color: #f57c00;
|
|
}
|
|
.md-typeset .warning > .admonition-title,
|
|
.md-typeset .warning > summary,
|
|
.md-typeset .caution > .admonition-title,
|
|
.md-typeset .caution > summary {
|
|
background-color: rgba(245, 124, 0, 0.12);
|
|
}
|
|
.md-typeset .warning > .admonition-title::before,
|
|
.md-typeset .caution > .admonition-title::before {
|
|
background-color: #f57c00;
|
|
}
|
|
|
|
/* danger: a hotter orange-red for true footguns */
|
|
.md-typeset .admonition.danger,
|
|
.md-typeset details.danger {
|
|
border-color: #e8590c;
|
|
}
|
|
.md-typeset .danger > .admonition-title,
|
|
.md-typeset .danger > summary {
|
|
background-color: rgba(232, 89, 12, 0.14);
|
|
}
|
|
|
|
/* note / info / tip: blue + cyan from the rethink palette */
|
|
.md-typeset .admonition.note,
|
|
.md-typeset details.note,
|
|
.md-typeset .admonition.info,
|
|
.md-typeset details.info {
|
|
border-color: var(--rt-primary);
|
|
}
|
|
.md-typeset .note > .admonition-title,
|
|
.md-typeset .info > .admonition-title {
|
|
background-color: rgba(86, 155, 204, 0.12);
|
|
}
|
|
.md-typeset .admonition.tip,
|
|
.md-typeset details.tip,
|
|
.md-typeset .admonition.example,
|
|
.md-typeset details.example {
|
|
border-color: var(--rt-accent);
|
|
}
|
|
.md-typeset .tip > .admonition-title,
|
|
.md-typeset .example > summary {
|
|
background-color: rgba(85, 187, 255, 0.1);
|
|
}
|
|
|
|
/* Code annotation markers (the (1) callouts) in brand blue. */
|
|
.md-typeset .md-annotation__index {
|
|
background-color: var(--rt-primary);
|
|
color: var(--rt-body);
|
|
}
|
|
|
|
/* Landing-page cards: surface tint + blue border like Gitea panels. */
|
|
.md-typeset .grid.cards > :is(ul, ol) > li,
|
|
.md-typeset .grid > .card {
|
|
background-color: var(--rt-surface);
|
|
border: 1px solid var(--rt-border);
|
|
border-radius: 0;
|
|
}
|
|
.md-typeset .grid.cards > :is(ul, ol) > li:hover {
|
|
border-color: var(--rt-primary);
|
|
}
|