From 92e80666d516de64e488e04911c09e65a32e2a05 Mon Sep 17 00:00:00 2001
From: Jake Vanderwerf <get@jakevanderwerf.ca>
Date: Sat, 23 May 2026 18:48:30 +0000
Subject: [PATCH] =Base Styles overhaul. MAJOR NOTE: colour vars changed from hex codes to the rgb numbers (ex: 0,0,0) - this makes setting colour opacity much easier throughout. Likely breaking for most existing themes though
---
theme.json | 201 +++++++++++++++++++++++--------------------------
1 files changed, 94 insertions(+), 107 deletions(-)
diff --git a/theme.json b/theme.json
index 49674d2..19a0eb5 100644
--- a/theme.json
+++ b/theme.json
@@ -7,168 +7,155 @@
"wideSize": "1100px"
},
"color": {
+ "customDuotone": false,
+ "duotone": [
+ {
+ "slug": "base",
+ "name": "Base",
+ "colors": ["#231f20", "#faf9fa"]
+ },
+ {
+ "slug": "action",
+ "name": "Action",
+ "colors": ["#05a54b", "#faf9fa"]
+ },
+ {
+ "slug": "secondary",
+ "name": "Secondary",
+ "colors": ["#FFD25A", "#231f20"]
+ },
+ {
+ "slug": "action-alt",
+ "name": "Action Alt",
+ "colors": ["#05a54b", "#fff0e0"]
+ },
+ {
+ "slug": "secondary-alt",
+ "name": "Secondary Alt",
+ "colors": ["#FFD25A", "#f0ffe0"]
+ }
+ ],
"palette": [
{
"slug": "dark-0",
- "color": "#2a2b2a",
- "name": "Darkest"
+ "color": "#151515",
+ "name": "Dark"
},
{
"slug": "dark-50",
- "color": "#2f302f",
- "name": "Darker"
+ "color": "#222222",
+ "name": "Dark 50"
},
{
"slug": "dark-100",
- "color": "#393a39",
- "name": "Dark"
+ "color": "#2e2e2e",
+ "name": "Dark 100"
},
{
"slug": "dark-200",
- "color": "#3e403e",
- "name": "Dark"
+ "color": "#3b3b3b",
+ "name": "Dark 200"
},
{
"slug": "light-0",
- "color": "#2a2b2a",
- "name": "Lightest"
- },
- {
- "slug": "light-50",
- "color": "#2f302f",
- "name": "Lighterer"
- },
- {
- "slug": "light-100",
- "color": "#393a39",
- "name": "Lighter"
- },
- {
- "slug": "light-200",
- "color": "#3e403e",
+ "color": "#efefef",
"name": "Light"
},
{
- "slug": "red-0",
- "color": "#ef767a",
- "name": "Red"
+ "slug": "light-50",
+ "color": "#e2e2e2",
+ "name": "Light 50"
},
{
- "slug": "red-50",
- "color": "#ec5f64",
- "name": "Red 50"
+ "slug": "light-100",
+ "color": "#d5d5d5",
+ "name": "Light 100"
},
{
- "slug": "red-100",
- "color": "#ea484e",
- "name": "Red 100"
+ "slug": "light-200",
+ "color": "#c9c9c9",
+ "name": "Light 200"
},
{
- "slug": "red-200",
- "color": "#e73238",
- "name": "Red 200"
+ "slug": "action-0",
+ "color": "#ff0080",
+ "name": "Action"
},
{
- "slug": "orange-0",
- "color": "#ef9e76",
- "name": "Orange"
+ "slug": "action-50",
+ "color": "#ff2492",
+ "name": "Action 50"
},
{
- "slug": "orange-50",
- "color": "#ec8e5f",
- "name": "Orange 50"
+ "slug": "action-100",
+ "color": "#ff47a4",
+ "name": "Action 100"
},
{
- "slug": "orange-100",
- "color": "#ea7e48",
- "name": "Orange 100"
+ "slug": "action-200",
+ "color": "#ff6bb5",
+ "name": "Action 200"
},
{
- "slug": "orange-200",
- "color": "#e76e32",
- "name": "Orange 200"
+ "slug": "action-comp",
+ "color": "oklch(from #ff0080 .18 .02 h)",
+ "name": "Action Complement"
},
{
- "slug": "yellow-0",
- "color": "#E3BE39",
- "name": "Yellow"
+ "slug": "action-tri",
+ "color": "oklch(from #ff0080 .24 .1 calc(h + 120))",
+ "name": "Action Triadic"
},
{
- "slug": "yellow-50",
- "color": "#cca61d",
- "name": "Yellow 50"
+ "slug": "action-tri-alt",
+ "color": "oklch(from #ff0080 .24 .1 calc(h - 120))",
+ "name": "Action Triadic Alt"
},
{
- "slug": "yellow-100",
- "color": "#9f8217",
- "name": "Yellow 100"
+ "slug": "action-mono",
+ "color": "oklch(from #ff0080 .3 .04 h)",
+ "name": "Action Monochrome"
},
{
- "slug": "yellow-200",
- "color": "#735d10",
- "name": "Yellow 200"
+ "slug": "secondary-0",
+ "color": "#D69121",
+ "name": "Secondary"
},
{
- "slug": "green-0",
- "color": "#32cb82",
- "name": "Green"
+ "slug": "secondary-50",
+ "color": "#ffc421",
+ "name": "Secondary 50"
},
{
- "slug": "green-50",
- "color": "#28a268",
- "name": "Green 50"
+ "slug": "secondary-100",
+ "color": "#ffcd44",
+ "name": "Secondary 100"
},
{
- "slug": "green-100",
- "color": "#1e794e",
- "name": "Green 100"
+ "slug": "secondary-200",
+ "color": "#ffd768",
+ "name": "Secondary 200"
},
{
- "slug": "green-200",
- "color": "#145033",
- "name": "Green 200"
+ "slug": "secondary-comp",
+ "color": "oklch(from #D69121 .18 .02 h)",
+ "name": "Secondary Complement"
},
{
- "slug": "blue-0",
- "color": "#329dcb",
- "name": "Blue"
+ "slug": "secondary-tri",
+ "color": "oklch(from #D69121 .24 .1 calc(h + 120))",
+ "name": "Secondary Triadic"
},
{
- "slug": "blue-50",
- "color": "#287da2",
- "name": "Blue 50"
+ "slug": "secondary-tri-alt",
+ "color": "oklch(from #D69121 .24 .1 calc(h - 120))",
+ "name": "Secondary Triadic Alt"
},
{
- "slug": "blue-100",
- "color": "#1e5e79",
- "name": "Blue 100"
- },
- {
- "slug": "blue-200",
- "color": "#143e50",
- "name": "Blue 200"
- },
- {
- "slug": "purple-0",
- "color": "#ba76ef",
- "name": "Purple"
- },
- {
- "slug": "purple-50",
- "color": "#a348ea",
- "name": "Purple 50"
- },
- {
- "slug": "purple-100",
- "color": "#8c1be4",
- "name": "Purple 100"
- },
- {
- "slug": "purple-200",
- "color": "#7015b7",
- "name": "Purple 200"
+ "slug": "secondary-mono",
+ "color": "oklch(from #D69121 .3 .04 h)",
+ "name": "Secondary Monochrome"
}
-
]
}
}
--
Gitblit v1.10.0