@skyhook-io/k8s-ui 1.3.1 → 1.3.2

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.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/src/theme/variables.css +7 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@skyhook-io/k8s-ui",
3
- "version": "1.3.1",
3
+ "version": "1.3.2",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "https://github.com/skyhook-io/radar",
package/src/theme/variables.css CHANGED
@@ -11,7 +11,7 @@
11
11
  */
12
12
 
13
13
  :root {
14
- color-scheme: light dark;
14
+ color-scheme: light;
15
15
 
16
16
  /* ── Brand (refined blue — more life than slate, less generic than tech blue) ── */
17
17
  --color-brand: light-dark(#4A7CC9, #6A9FE0);
@@ -128,8 +128,13 @@
128
128
  --scrollbar-thumb-hover: light-dark(#AABACF, #484C55);
129
129
  }
130
130
 
131
- /* Dark overrides for comma-separated values that can't use light-dark() */
131
+ /* Dark overrides — color-scheme drives light-dark() resolution.
132
+ We declare it in CSS (not just via JS inline style) because Lightning CSS
133
+ may compile light-dark() into a @media (prefers-color-scheme) polyfill
134
+ (e.g. on Node <22), which only responds to CSS color-scheme declarations.
135
+ Also guards against WKWebView quirks in the desktop app. */
132
136
  .dark {
137
+ color-scheme: dark;
133
138
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.3), 0 1px 2px rgba(0,0,0,0.2), 0 0 0 1px rgba(255,255,255,0.06);
134
139
  --shadow-md: 0 4px 12px -2px rgba(0,0,0,0.35), 0 2px 4px rgba(0,0,0,0.15), 0 0 0 1px rgba(255,255,255,0.06);
135
140
  --shadow-lg: 0 12px 32px -6px rgba(0,0,0,0.3), 0 4px 8px rgba(0,0,0,0.1);