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

feat: theme fishing data graphics

Browse Source
This commit is contained in:
ik
2026-09-13 16:09:56 +07:00
parent 99c1498810
commit d8b0c08aaa
7 changed files with 31 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/styles/theme.css
+24
View File
@@ -44,6 +44,13 @@
--source-rf4map: light-dark(#2f704f, #79c79e);
--source-rf4posts: light-dark(#984a33, #ee9a7e);
--source-players: light-dark(#526b1c, #add066);
--graphic-line: light-dark(#3f7779, #79b5b8);
--graphic-grid: light-dark(#dce5de, #294244);
--tackle-orange: light-dark(#b96b27, #f0a55f);
--tackle-green: light-dark(#648b2b, #a8cf62);
--tackle-teal: light-dark(#34777a, #78bec1);
--tackle-violet: light-dark(#845787, #c795ca);
--tackle-red: light-dark(#a95041, #ed8e7c);
}
:root[data-theme="light"] { color-scheme: light; }
@@ -158,6 +165,23 @@
.health-state i { background: var(--status-warning); }
.source-health-grid [data-status="healthy"] .health-state i { background: var(--status-healthy); }
.source-health-grid [data-status="source_changed"] .health-state i { background: var(--status-changed); }
.activity-timeline header p { color: var(--text-secondary); }
.timeline-line { background: var(--graphic-line); }
.timeline-line i { box-shadow: 0 0 0 4px color-mix(in srgb,var(--lime) 12%,transparent); }
.coordinate-radar svg { stroke: color-mix(in srgb,var(--text-on-dark) 13%,transparent); }
.coordinate-radar .radar-sweep { fill: color-mix(in srgb,var(--lime) 5%,transparent); stroke: color-mix(in srgb,var(--lime) 22%,transparent); }
.admin-dashboard-grid > section, .admin-kpis > a, .admin-kpis > article,
.source-health-grid article { background: var(--surface-elevated); border-color: var(--border-subtle); }
.admin-history li small, .source-health-grid p, .health-state { color: var(--text-secondary); }
@media print {
:root { color-scheme: light; }
}
@media (forced-colors: active) {
.theme-switcher, .theme-switcher button, .spot-card, .record-table,
.report-form, .moderation-card, .catalog-grid > a, .data-passport,
.source-chip, .notice, .state { border: 1px solid CanvasText; }
.theme-switcher button[aria-pressed="true"] { background: Highlight; color: HighlightText; }
.source-chip i, .health-state i, .quality-chip i, .activity-pill i { forced-color-adjust: none; }
.fish-silhouette, .waterbody-mark, .tackle-glyph, .coordinate-radar { color: CanvasText; }
}