ik/rf4-spotter
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: theme atlas and state components
CI / backend-and-migrations (push) Canceled after 0s
Details
CI / astro-build (push) Canceled after 0s
Details
CI / dependency-audit (push) Canceled after 0s
Details
CI / compose-e2e (push) Canceled after 0s
Details

Browse Source
This commit is contained in:
ik
2026-09-13 15:52:03 +07:00
parent 703a0ba32f
commit 4f5fb6d7c2
7 changed files with 34 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/styles/theme.css
+23 -1
View File
@@ -29,6 +29,12 @@
--warning-soft: light-dark(#fff0c7, #46391d);
--danger: light-dark(#842f25, #ffafa3);
--danger-soft: light-dark(#f5d8d2, #4b2928);
--info: light-dark(#59438d, #c9baf2);
--info-soft: light-dark(#e8e2f4, #302844);
--accent-muted: light-dark(#6d8d2a, #c0e562);
--decorative-water: light-dark(#315f63, #72a9ad);
--skeleton: light-dark(#e7ede7, #1c3537);
--skeleton-strong: light-dark(#d8e2d8, #294548);
}
:root[data-theme="light"] { color-scheme: light; }
@@ -63,7 +69,7 @@
.alpha-banner strong { color: var(--text-primary); }
.alpha-banner__cta { background: light-dark(var(--deep), var(--lime)); color: light-dark(#fff, #082226); }
.spot-card:hover { background: var(--surface-raised); border-color: #6f8988; box-shadow: 0 18px 40px var(--shadow-color); }
.spot-card:hover { background: var(--surface-raised); border-color: var(--border-strong); box-shadow: 0 18px 40px var(--shadow-color); }
.report-form input, .report-form textarea, .report-form select,
.moderation-actions textarea { background: var(--surface-control); color: var(--text-primary); border-color: var(--border-strong); }
.record-head, .no-proof { background: var(--surface-raised); }
@@ -98,6 +104,22 @@
.timeline-chart { border-color: var(--border-strong); background: repeating-linear-gradient(to top, transparent 0, transparent 35px, var(--border-subtle) 36px); }
.timeline-slot strong { color: var(--text-primary); }
.timeline-slot small, .activity-legend { color: var(--text-tertiary); }
.catalog-hero { border-color: var(--border-strong); }
.catalog-hero p, .catalog-results aside a, .catalog-grid span { color: var(--text-secondary); }
.catalog-results aside { background: var(--surface-elevated); border-color: var(--border-subtle); }
.catalog-results aside a { border-color: var(--border-subtle); }
.catalog-grid > a { background: linear-gradient(145deg,var(--surface-elevated),var(--surface-raised)); border-color: var(--border-subtle); }
.catalog-grid > a:hover { border-color: var(--border-strong); box-shadow: 0 14px 30px var(--shadow-color); }
.catalog-grid i, .catalog-grid > a > i b { color: var(--accent-muted); }
.waterbody-mark, .fish-silhouette { color: var(--decorative-water); stroke: currentColor; }
.signal-more, .load-more { color: var(--text-secondary); background: var(--surface-elevated); border-color: var(--border-strong); box-shadow: 0 8px 22px var(--shadow-color); }
.signal-more span, .load-more span { color: var(--text-secondary); }
.signal-more:hover, .load-more:hover { background: var(--surface-raised); border-color: var(--border-strong); }
.state { color: var(--text-secondary); border-color: var(--border-strong); }
.state::before { border-color: var(--border-strong); }
.state::after { border-color: var(--decorative-water); box-shadow: 0 -7px 0 -6px var(--decorative-water),0 7px 0 -6px var(--decorative-water); }
.data-passport header strong[data-passport-status="unverified"] { background: var(--info-soft); color: var(--info); }
@media print {
:root { color-scheme: light; }
}