Add Starsector dark control primitives (slider/checkbox/scrollbar)

1 files changed, 40 insertions, 0 deletions

diff --git a/tokens/starsector-dark.controls.tokens.json b/tokens/starsector-dark.controls.tokens.json
new file mode 100644
index 0000000..ce1f60f
--- /dev/null
+++ b/tokens/starsector-dark.controls.tokens.json
@@ -0,0 +1,40 @@
+{
+  "meta": {
+    "name": "Starsector Dark Control Primitives",
+    "source": "Extracted from hyperkiki control skin",
+    "scope": [
+      "range slider",
+      "checkbox",
+      "scrollbar",
+      "control helper classes"
+    ]
+  },
+  "control": {
+    "palette": {
+      "bg": "rgba(4,12,18,0.82)",
+      "border": "rgba(68,152,176,0.36)",
+      "thumb": "#9fd7ea",
+      "thumb_edge": "#0b1a25",
+      "text_muted": "#9fb4ca"
+    },
+    "checkbox": {
+      "size": "1.03rem",
+      "bg": "linear-gradient(180deg, rgba(6,20,28,0.95), rgba(2,9,14,0.9))",
+      "bg_checked": "linear-gradient(180deg, rgba(11,42,56,0.95), rgba(4,18,28,0.9))"
+    },
+    "range": {
+      "track_height": "0.56rem",
+      "thumb_width": "0.58rem",
+      "thumb_height": "0.95rem"
+    },
+    "scrollbar": {
+      "size": "10px",
+      "track": "rgba(3,10,15,0.75)",
+      "thumb": "linear-gradient(180deg, rgba(68,152,176,0.9), rgba(22,82,106,0.95))"
+    },
+    "helpers": {
+      "range_field_gap": "0.45rem",
+      "check_control_gap": "0.5rem"
+    }
+  }
+}