summaryrefslogtreecommitdiff
path: root/.zs
diff options
context:
space:
mode:
Diffstat (limited to '.zs')
-rwxr-xr-x.zs/generate_colors2
-rw-r--r--.zs/generate_colors.jq10
-rw-r--r--.zs/layout.html2
-rw-r--r--.zs/palette.json132
4 files changed, 145 insertions, 1 deletions
diff --git a/.zs/generate_colors b/.zs/generate_colors
new file mode 100755
index 0000000..7ade457
--- /dev/null
+++ b/.zs/generate_colors
@@ -0,0 +1,2 @@
+#!/bin/sh
+cat .zs/palette.json | jq -r -f .zs/generate_colors.jq
diff --git a/.zs/generate_colors.jq b/.zs/generate_colors.jq
new file mode 100644
index 0000000..d61686a
--- /dev/null
+++ b/.zs/generate_colors.jq
@@ -0,0 +1,10 @@
+to_entries |
+map([
+ (.key | gsub("_"; "-")),
+ ("oklch(" + (.value | join(" ")) + ")")
+]) |
+# group_by(.[0] | gsub("-.*"; "")) |
+reduce .[] as $item ([]; .[if ($item[0] | test("fg|bg|border")) then 0 else 1 end] += [$item]) |
+map(reduce .[] as $item ({}; .[$item[0] | gsub("-.*"; "")] += [$item])) |
+map(map(map("<div style=\"background-color: var(--\(.[0]))\"\(if (.[0] | test("bg|border")) then " class=\"fg-light\"" else "" end)><div class=\"color_name\">\(.[0])</div><div class=\"color_value\">\(.[1])</div></div>") | "<div>" + join("") + "</div>") | "<div>" + join("") + "</div>" ) |
+join("\n")
diff --git a/.zs/layout.html b/.zs/layout.html
index a686192..5c0671b 100644
--- a/.zs/layout.html
+++ b/.zs/layout.html
@@ -24,7 +24,7 @@
</head>
<body>
- <div id="deco">
+ <div id="deco" aria-hidden=true>
<div id="rainbow"></div>
<div id="triangles"></div>
</div>
diff --git a/.zs/palette.json b/.zs/palette.json
new file mode 100644
index 0000000..56b1944
--- /dev/null
+++ b/.zs/palette.json
@@ -0,0 +1,132 @@
+{
+ "fg_low": {
+ "l": "75%",
+ "c": "0.01368",
+ "h": "253.09"
+ },
+ "fg": {
+ "l": "85%",
+ "c": "0.01368",
+ "h": "253.09"
+ },
+ "fg_high": {
+ "l": "95%",
+ "c": "0.01368",
+ "h": "253.09"
+ },
+ "bg_lowest": {
+ "l": "15%",
+ "c": "0.01368",
+ "h": "253.09"
+ },
+ "bg_low": {
+ "l": "17.5%",
+ "c": "0.01368",
+ "h": "253.09"
+ },
+ "bg": {
+ "l": "20%",
+ "c": "0.01368",
+ "h": "253.09"
+ },
+ "bg_high": {
+ "l": "22.5%",
+ "c": "0.01368",
+ "h": "253.09"
+ },
+ "bg_highest": {
+ "l": "25%",
+ "c": "0.01368",
+ "h": "253.09"
+ },
+ "border": {
+ "l": "35%",
+ "c": "0.023",
+ "h": "253.09"
+ },
+ "border_variant": {
+ "l": "30%",
+ "c": "0.023",
+ "h": "253.09"
+ },
+ "red": {
+ "l": "80%",
+ "c": "0.15765",
+ "h": "24.728"
+ },
+ "red_bright": {
+ "l": "90%",
+ "c": "0.15765",
+ "h": "24.728"
+ },
+ "orange": {
+ "l": "80%",
+ "c": "0.139",
+ "h": "45.216"
+ },
+ "orange_bright": {
+ "l": "90%",
+ "c": "0.139",
+ "h": "45.216"
+ },
+ "yellow": {
+ "l": "80%",
+ "c": "0.12758",
+ "h": "76.402"
+ },
+ "yellow_bright": {
+ "l": "90%",
+ "c": "0.12758",
+ "h": "76.402"
+ },
+ "green": {
+ "l": "80%",
+ "c": "0.11211",
+ "h": "147.63"
+ },
+ "green_bright": {
+ "l": "90%",
+ "c": "0.11211",
+ "h": "147.63"
+ },
+ "cyan": {
+ "l": "80%",
+ "c": "0.09919",
+ "h": "181.49"
+ },
+ "cyan_bright": {
+ "l": "90%",
+ "c": "0.09919",
+ "h": "181.49"
+ },
+ "blue": {
+ "l": "80%",
+ "c": "0.09994",
+ "h": "249.58"
+ },
+ "blue_bright": {
+ "l": "90%",
+ "c": "0.09994",
+ "h": "249.58"
+ },
+ "purple": {
+ "l": "80%",
+ "c": "0.09923",
+ "h": "296.61"
+ },
+ "purple_bright": {
+ "l": "90%",
+ "c": "0.09923",
+ "h": "296.61"
+ },
+ "pink": {
+ "l": "80%",
+ "c": "0.06662",
+ "h": "9.2146"
+ },
+ "pink_bright": {
+ "l": "90%",
+ "c": "0.06662",
+ "h": "9.2146"
+ }
+}