-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathstyles.css
More file actions
110 lines (101 loc) · 6.92 KB
/
Copy pathstyles.css
File metadata and controls
110 lines (101 loc) · 6.92 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
/* Severity hues (RGB triples) — shared by badges, stat bars, and rule borders */
:root {
--sev-critical: 239,68,68;
--sev-high: 249,115,22;
--sev-medium: 234,179,8;
--sev-low: 59,130,246;
}
.bg-grid {
background-image:
linear-gradient(to right, #18181b 1px, transparent 1px),
linear-gradient(to bottom, #18181b 1px, transparent 1px);
background-size: 4rem 4rem;
}
/* Severity badge colours — defined explicitly so Tailwind CDN doesn't purge them */
.sev { display:inline-flex; align-items:center; padding:0.125rem 0.5rem;
border-radius:0.25rem; border-width:1px; font-size:0.7rem;
font-family:ui-monospace,monospace; font-weight:700;
text-transform:uppercase; letter-spacing:.06em; }
.sev-Critical { background:rgba(var(--sev-critical),.10); color:#f87171; border-color:rgba(var(--sev-critical),.25); }
.sev-High { background:rgba(var(--sev-high),.10); color:#fb923c; border-color:rgba(var(--sev-high),.25); }
.sev-Medium { background:rgba(var(--sev-medium),.10); color:#facc15; border-color:rgba(var(--sev-medium),.25); }
.sev-Low { background:rgba(var(--sev-low),.10); color:#60a5fa; border-color:rgba(var(--sev-low),.25); }
.sev-unknown { background:rgba(82,82,91,.30); color:#a1a1aa; border-color:rgba(82,82,91,.50); }
/* Highlight for an expanded alert row */
tr.row-expanded { background-color: rgba(var(--sev-high),.08); }
tr.row-expanded:hover { background-color: rgba(var(--sev-high),.14); }
html[data-theme="light"] tr.row-expanded td { background-color: rgba(var(--sev-high),.08) !important; }
/* Stat card accent bar */
.stat-bar-Critical { background:rgba(var(--sev-critical),.50); }
.stat-bar-High { background:rgba(var(--sev-high),.50); }
.stat-bar-Medium { background:rgba(var(--sev-medium),.50); }
.stat-bar-Low { background:rgba(var(--sev-low),.50); }
/* Detail rule-header border left */
.rule-border-Critical { border-left-color:rgba(var(--sev-critical),.60); }
.rule-border-High { border-left-color:rgba(var(--sev-high),.60); }
.rule-border-Medium { border-left-color:rgba(var(--sev-medium),.60); }
.rule-border-Low { border-left-color:rgba(var(--sev-low),.60); }
/* Prevent default outline on selects/inputs */
select:focus, input:focus { outline:none; }
/* Toggle switch */
.toggle { position:relative; display:inline-block; width:30px; height:17px; flex-shrink:0; }
.toggle input { opacity:0; width:0; height:0; position:absolute; }
.toggle-track { position:absolute; inset:0; background:#3f3f46; border-radius:17px;
transition:background .2s; cursor:pointer; }
.toggle-track::before { content:''; position:absolute; width:11px; height:11px;
left:3px; top:3px; background:#a1a1aa; border-radius:50%;
transition:transform .2s, background .2s; }
.toggle input:checked + .toggle-track { background:#f97316; }
.toggle input:checked + .toggle-track::before { transform:translateX(13px); background:#fff; }
/* Scrollbar */
::-webkit-scrollbar { width:6px; height:6px; }
::-webkit-scrollbar-track { background:#09090b; }
::-webkit-scrollbar-thumb { background:#3f3f46; border-radius:3px; }
/* ── Light theme ──────────────────────────────────────────────────────── */
html[data-theme="light"] body { background-color:#f4f4f5!important; color:#18181b!important; }
html[data-theme="light"] header { background-color:rgba(250,250,250,.92)!important; border-color:#e4e4e7!important; }
html[data-theme="light"] .bg-grid { background-image:linear-gradient(to right,#d4d4d8 1px,transparent 1px),linear-gradient(to bottom,#d4d4d8 1px,transparent 1px)!important; }
/* backgrounds */
html[data-theme="light"] .bg-zinc-950 { background-color:#f4f4f5!important; }
html[data-theme="light"] .bg-zinc-950\/80 { background-color:rgba(250,250,250,.92)!important; }
html[data-theme="light"] .bg-zinc-900\/60 { background-color:rgba(255,255,255,.95)!important; }
html[data-theme="light"] .bg-zinc-900\/80 { background-color:rgba(255,255,255,.97)!important; }
html[data-theme="light"] .bg-zinc-900 { background-color:#fff!important; }
html[data-theme="light"] .bg-zinc-800 { background-color:#f0f0f1!important; }
html[data-theme="light"] .bg-zinc-800\/30 { background-color:rgba(228,228,231,.35)!important; }
html[data-theme="light"] .bg-zinc-800\/60 { background-color:rgba(228,228,231,.6)!important; }
html[data-theme="light"] .bg-zinc-800\/80 { background-color:rgba(228,228,231,.8)!important; }
/* borders */
html[data-theme="light"] .border-zinc-800 { border-color:#e4e4e7!important; }
html[data-theme="light"] .border-zinc-800\/60 { border-color:rgba(228,228,231,.6)!important; }
html[data-theme="light"] .border-zinc-800\/50 { border-color:rgba(228,228,231,.5)!important; }
html[data-theme="light"] .border-zinc-800\/40 { border-color:rgba(228,228,231,.4)!important; }
html[data-theme="light"] .border-zinc-700 { border-color:#d4d4d8!important; }
html[data-theme="light"] .divide-zinc-800\/50>*+* { border-color:rgba(228,228,231,.5)!important; }
/* text */
html[data-theme="light"] .text-white { color:#18181b!important; }
html[data-theme="light"] .text-zinc-100 { color:#18181b!important; }
html[data-theme="light"] .text-zinc-300 { color:#3f3f46!important; }
html[data-theme="light"] .text-zinc-400 { color:#71717a!important; }
html[data-theme="light"] .text-zinc-500 { color:#a1a1aa!important; }
html[data-theme="light"] .text-zinc-600 { color:#a1a1aa!important; }
/* hover text overrides */
html[data-theme="light"] .hover\:text-white:hover { color:#18181b!important; }
/* hover background */
html[data-theme="light"] .hover\:bg-zinc-800\/80:hover { background-color:rgba(228,228,231,.6)!important; }
html[data-theme="light"] tr.group:hover td { background-color:rgba(228,228,231,.3)!important; }
/* backdrop */
html[data-theme="light"] .backdrop-blur-xl { backdrop-filter:blur(16px); }
/* toggle track in light mode */
html[data-theme="light"] .toggle-track { background:#c4c4c8!important; }
html[data-theme="light"] .toggle-track::before { background:#71717a!important; }
html[data-theme="light"] input:checked + .toggle-track { background:#f97316!important; }
html[data-theme="light"] input:checked + .toggle-track::before{ background:#fff!important; }
/* scrollbar */
html[data-theme="light"] ::-webkit-scrollbar-track { background:#f0f0f1!important; }
html[data-theme="light"] ::-webkit-scrollbar-thumb { background:#d4d4d8!important; }
/* placeholder */
html[data-theme="light"] ::placeholder { color:#a1a1aa!important; }
/* glow tint — softer in light mode */
html[data-theme="light"] .bg-orange-500\/5 { background-color:rgba(249,115,22,.03)!important; }
html[data-theme="light"] #filterPanel { background-color:#fff!important; }