@cr8rcho/alkahest 0.1.9 → 0.1.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -58,6 +58,12 @@
|
|
|
58
58
|
flex: 0 0 auto;
|
|
59
59
|
}
|
|
60
60
|
.theme-toggle { cursor: pointer; border: 1px solid var(--line); background: var(--bg); color: var(--ink); border-radius: 7px; padding: 4px 9px; font-size: 12px; }
|
|
61
|
+
/* The theme toggle is an icon button (moon in light, sun in dark) — #fit-btn keeps the text look. */
|
|
62
|
+
#theme-toggle { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 8px; background: var(--panel); padding: 0; }
|
|
63
|
+
#theme-toggle:hover { border-color: var(--accent); }
|
|
64
|
+
#theme-toggle svg { width: 16px; height: 16px; }
|
|
65
|
+
[data-theme="dark"] #theme-toggle .i-sun { display: block; } [data-theme="dark"] #theme-toggle .i-moon { display: none; }
|
|
66
|
+
[data-theme="light"] #theme-toggle .i-sun { display: none; } [data-theme="light"] #theme-toggle .i-moon { display: block; }
|
|
61
67
|
.brand { font-weight: 700; letter-spacing: 0.3px; white-space: nowrap; }
|
|
62
68
|
.brand .sub { color: var(--muted); font-weight: 400; margin-left: 6px; }
|
|
63
69
|
.counts { color: var(--muted); white-space: nowrap; }
|
|
@@ -160,7 +166,7 @@
|
|
|
160
166
|
<span><span class="edge" style="border-top-style: dashed; border-color: var(--edge)"></span>Call</span>
|
|
161
167
|
</div>
|
|
162
168
|
<button class="theme-toggle" id="fit-btn" aria-label="Fit to view">⤢ Fit</button>
|
|
163
|
-
<button class="theme-toggle" id="theme-toggle" aria-label="Toggle theme"
|
|
169
|
+
<button class="theme-toggle" id="theme-toggle" aria-label="Toggle theme" title="Toggle theme"><svg class="i-moon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12.8A9 9 0 1 1 11.2 3a7 7 0 0 0 9.8 9.8z"/></svg><svg class="i-sun" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="4"/><path d="M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4"/></svg></button>
|
|
164
170
|
</header>
|
|
165
171
|
<main>
|
|
166
172
|
<svg id="graph">
|