aboutsummaryrefslogtreecommitdiff
path: root/static
diff options
context:
space:
mode:
authorBobby <[email protected]>2026-04-22 07:56:14 +0530
committerBobby <[email protected]>2026-04-22 07:56:14 +0530
commit4938bd9e1454769f5cc338ba9fab437eaa7e8f58 (patch)
tree6ffb701fa5820986781d07a3b331353a8983f5f9 /static
parent6e8adbaabedba12e81bf0fdfe3dc42108255bd11 (diff)
downloadhollowdark-4938bd9e1454769f5cc338ba9fab437eaa7e8f58.tar.xz
hollowdark-4938bd9e1454769f5cc338ba9fab437eaa7e8f58.zip
Strip comments from CSS, YAML, gitignore, JS configs; JSDoc-on-declarations is the only allowed comment
Diffstat (limited to 'static')
-rw-r--r--static/css/app.css37
1 files changed, 1 insertions, 36 deletions
diff --git a/static/css/app.css b/static/css/app.css
index 6ea23f1..57859a4 100644
--- a/static/css/app.css
+++ b/static/css/app.css
@@ -1,26 +1,15 @@
-/* ---------------------------------------------------------------------------
- * Hollowdark — global styles and design tokens
- *
- * Component styles live in scoped <style> blocks per ui/00-ui-principles.md
- * and rules/01-code-style.md. This file is the only place for reset, root
- * tokens, scrollbar styling, no-select, and base typography.
- * ------------------------------------------------------------------------ */
-
:root {
- /* Colors — dark mode default */
--color-bg: #13100e;
--color-text: #e5dfd3;
--color-text-secondary: #8a8275;
--color-text-tertiary: #5c564c;
--color-accent: #b8884a;
- --color-accent-warm: #c47a2e; /* crisis mode */
+ --color-accent-warm: #c47a2e;
- /* Fonts */
--font-body: 'Literata', 'Source Serif Pro', Georgia, serif;
--font-ui: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
--font-memoir: 'Crimson Pro', 'Source Serif Pro', Georgia, serif;
- /* Spacing (8pt grid) */
--space-1: 4px;
--space-2: 8px;
--space-3: 12px;
@@ -29,7 +18,6 @@
--space-8: 32px;
--space-12: 48px;
- /* Type scale */
--text-xs: 11px;
--text-sm: 13px;
--text-base: 16px;
@@ -37,25 +25,21 @@
--text-lg: 21px;
--text-xl: 28px;
- /* Line height */
--leading-tight: 1.4;
--leading-normal: 1.6;
--leading-loose: 1.75;
- /* Timing */
--transition-soft: 400ms ease-out;
--transition-fast: 250ms ease-out;
--transition-ceremonial: 600ms ease-out;
}
-/* Crisis-mode palette swap. Engaged via body.crisis-mode — see docs/22-crisis-mode.md */
body.crisis-mode {
--color-bg: #0f0c0b;
--color-text: #e5d8c3;
--color-accent: var(--color-accent-warm);
}
-/* Reset */
*,
*::before,
*::after {
@@ -74,7 +58,6 @@ body {
line-height: var(--leading-normal);
}
-/* Smooth transitions on root colors so crisis-mode changes feel deliberate */
body {
transition:
background-color var(--transition-ceremonial),
@@ -86,8 +69,6 @@ html {
-webkit-text-size-adjust: 100%;
}
-/* Text is not selectable anywhere. This is a reading game, not a document.
- * Exceptions use the .selectable class (rare — input fields in settings only). */
*,
*::before,
*::after {
@@ -109,7 +90,6 @@ img {
-webkit-user-select: text;
}
-/* Long-content areas scroll smoothly */
.scrollable {
overflow-y: auto;
scroll-behavior: smooth;
@@ -117,7 +97,6 @@ img {
overscroll-behavior: contain;
}
-/* Scrollbar styling — minimal, nearly invisible, slightly visible on hover */
::-webkit-scrollbar {
width: 6px;
}
@@ -141,12 +120,10 @@ img {
}
}
-/* Base typography — paragraphs */
p {
line-height: var(--leading-normal);
}
-/* Buttons carry no default chrome */
button {
background: none;
border: none;
@@ -161,7 +138,6 @@ button:focus-visible {
outline-offset: 2px;
}
-/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
*,
*::before,
@@ -173,17 +149,6 @@ button:focus-visible {
}
}
-/* ---------------------------------------------------------------------------
- * Font-face declarations
- *
- * Literata and Inter ship in static/fonts/ under the SIL Open Font License
- * (see static/fonts/Literata.OFL.txt and Inter.OFL.txt). Inter's static
- * distribution is optical-size-tiered; the 18pt variants are tuned for
- * the 13–18px range our UI uses and are aliased here as the base "Inter".
- * Crimson Pro (memoir body) is not yet sourced — the memoir view will add
- * its @font-face block when the screen is built.
- * ------------------------------------------------------------------------ */
-
@font-face {
font-family: 'Literata';
font-style: normal;