zaine/org_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

retro
All checks were successful
Build Org Website / build (push) Successful in 42s
Details

Browse Source
This commit is contained in:
Zaine Arch
2026-05-07 00:12:39 +01:00
parent fa992de25a
commit 11fbf2f331
4 changed files with 292 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

112
assets/styles/zhd.css
View File

@@ -14,6 +14,18 @@
box-sizing: border-box;
}
:root[data-mode="retro"] .db-root {
--db-surface: #fff9df;
--db-surface-strong: #f3e9c6;
--db-line: #29251c;
--db-text-soft: #4e4635;
--db-blue: #275db3;
--db-green: #116a4b;
--db-amber: #9b5c00;
--db-red: #a3372f;
color: #241f18;
}
.db-root *,
.db-root *::before,
.db-root *::after {
@@ -470,6 +482,106 @@
--db-red: #e28982;
}
:root[data-theme="dark"][data-mode="retro"] .db-root {
--db-surface: #111915;
--db-surface-strong: #18251f;
--db-line: #71d08f;
--db-text-soft: #a9c9ad;
--db-blue: #7cc7ff;
--db-green: #71d08f;
--db-amber: #f3c969;
--db-red: #ff8b7e;
color: #d9f7d7;
}
:root[data-mode="retro"] .db-root {
font-family: "Times", "Courier New", monospace;
}
:root[data-mode="retro"] .db-root .db-kicker,
:root[data-mode="retro"] .db-root .db-qn-meta,
:root[data-mode="retro"] .db-root .db-stat__label,
:root[data-mode="retro"] .db-root .db-now__label,
:root[data-mode="retro"] .db-root .db-task-list strong {
letter-spacing: 0.08em;
}
:root[data-mode="retro"] .db-root .db-hero,
:root[data-mode="retro"] .db-root .db-now,
:root[data-mode="retro"] .db-root .db-command__search,
:root[data-mode="retro"] .db-root .db-qn-item,
:root[data-mode="retro"] .db-root .db-qn-icon,
:root[data-mode="retro"] .db-root .db-panel,
:root[data-mode="retro"] .db-root .db-stat,
:root[data-mode="retro"] .db-root .db-task-list a,
:root[data-mode="retro"] .db-root .db-link-stack a,
:root[data-mode="retro"] .db-root .db-tag {
color: currentColor;
border-width: 2px;
border-radius: 0;
box-shadow: 5px 5px 0 color-mix(in oklab, var(--db-line) 72%, transparent);
}
:root[data-mode="retro"] .db-root .db-hero__sub,
:root[data-mode="retro"] .db-root .db-panel__desc,
:root[data-mode="retro"] .db-root .db-qn-meta,
:root[data-mode="retro"] .db-root .db-feed__meta,
:root[data-mode="retro"] .db-root .db-stat__label,
:root[data-mode="retro"] .db-root .db-now__label {
color: var(--db-text-soft);
}
:root[data-mode="retro"] .db-root .db-command__search input,
:root[data-mode="retro"] .db-root .db-feed__item a,
:root[data-mode="retro"] .db-root .db-task-list a,
:root[data-mode="retro"] .db-root .db-link-stack a {
color: currentColor;
}
:root[data-mode="retro"] .db-root .db-hero,
:root[data-mode="retro"] .db-root .db-panel {
background:
repeating-linear-gradient(
0deg,
color-mix(in oklab, var(--db-surface) 96%, var(--db-line) 4%) 0,
color-mix(in oklab, var(--db-surface) 96%, var(--db-line) 4%) 1px,
var(--db-surface) 1px,
var(--db-surface) 12px
);
}
:root[data-mode="retro"] .db-root .db-hero__title,
:root[data-mode="retro"] .db-root .db-command__title,
:root[data-mode="retro"] .db-root .db-panel__title,
:root[data-mode="retro"] .db-root .db-stat__num,
:root[data-mode="retro"] .db-root .db-now__clock {
color: currentColor;
text-shadow: 1px 1px 0 color-mix(in oklab, var(--db-amber) 45%, transparent);
}
:root[data-mode="retro"] .db-root .db-hero__logo {
image-rendering: pixelated;
border-radius: 0;
filter: saturate(0.85) contrast(1.2);
}
:root[data-mode="retro"] .db-root .db-qn-item:hover,
:root[data-mode="retro"] .db-root .db-qn-item:focus-visible {
transform: translate(-2px, -2px);
box-shadow: 8px 8px 0 color-mix(in oklab, var(--db-line) 72%, transparent);
}
:root[data-mode="retro"] .db-root .db-feed__dot,
:root[data-mode="retro"] .db-root .db-year-bar,
:root[data-mode="retro"] .db-root .db-year-bar__fill {
border-radius: 0;
}
:root[data-mode="retro"] .db-root a,
:root[data-mode="retro"] .db-root .db-panel__more {
color: var(--db-blue);
}
@media (max-width: 980px) {
.db-quicknav {
grid-template-columns: repeat(2, minmax(0, 1fr));