From d6a45070e23ee7e52e4d12d23335aa9ba4923fa1 Mon Sep 17 00:00:00 2001 From: Filipe Veloso <2469500+Rovel@users.noreply.github.com> Date: Wed, 23 Apr 2025 04:35:25 +0000 Subject: [PATCH 1/2] add colors at step 500 --- .gitignore | 3 ++ lib/theme/c_s_s.rb | 93 +++++++++++++++++++++++----------------------- 2 files changed, 50 insertions(+), 46 deletions(-) diff --git a/.gitignore b/.gitignore index fbc8b045..62c6f907 100644 --- a/.gitignore +++ b/.gitignore @@ -43,3 +43,6 @@ config/credentials/production.key # Yarn yarn-error.log + +# OSX +.DS_Store \ No newline at end of file diff --git a/lib/theme/c_s_s.rb b/lib/theme/c_s_s.rb index 7f797c77..c773b113 100644 --- a/lib/theme/c_s_s.rb +++ b/lib/theme/c_s_s.rb @@ -128,15 +128,15 @@ def self.red { root: { **default_root, - primary: "oklch(0.577 0.245 27.325)", + primary: "oklch(63.7% 0.237 25.331)", "primary-foreground": "oklch(0.985 0 0)", - ring: "oklch(0.577 0.245 27.325)" + ring: "oklch(53.2% 0.234 27.2)" }, dark: { **default_dark, - primary: "oklch(0.396 0.141 25.723)", + primary: "oklch(63.7% 0.237 25.331)", "primary-foreground": "oklch(0.985 0 0)", - ring: "oklch(0.396 0.141 25.723)" + ring: "oklch(53.2% 0.234 27.2)" } } end @@ -145,15 +145,15 @@ def self.orange { root: { **default_root, - primary: "oklch(0.577 0.245 27.325)", + primary: "oklch(70.5% 0.213 47.604)", "primary-foreground": "oklch(0.985 0 0)", - ring: "oklch(0.577 0.245 27.325)" + ring: "oklch(64.8% 0.25 43.2)" }, dark: { **default_dark, - primary: "oklch(0.396 0.141 25.723)", + primary: "oklch(70.5% 0.213 47.604)", "primary-foreground": "oklch(0.985 0 0)", - ring: "oklch(0.396 0.141 25.723)" + ring: "oklch(64.8% 0.25 43.2)" } } end @@ -162,15 +162,15 @@ def self.amber { root: { **default_root, - primary: "oklch(0.577 0.245 27.325)", + primary: "oklch(76.9% 0.188 70.08)", "primary-foreground": "oklch(0.985 0 0)", - ring: "oklch(0.577 0.245 27.325)" + ring: "oklch(74.5% 0.3 68.6)" }, dark: { **default_dark, - primary: "oklch(0.396 0.141 25.723)", + primary: "oklch(76.9% 0.188 70.08)", "primary-foreground": "oklch(0.985 0 0)", - ring: "oklch(0.396 0.141 25.723)" + ring: "oklch(74.5% 0.3 68.6)" } } end @@ -179,15 +179,16 @@ def self.yellow { root: { **default_root, - primary: "oklch(0.577 0.245 27.325)", + primary: "oklch(79.5% 0.184 86.047)", + primary: "oklch(68.1% 0.162 75.834)", "primary-foreground": "oklch(0.985 0 0)", - ring: "oklch(0.577 0.245 27.325)" + ring: "oklch(76.8% 0.233 130.85)" }, dark: { **default_dark, - primary: "oklch(0.396 0.141 25.723)", + primary: "oklch(79.5% 0.184 86.047)", "primary-foreground": "oklch(0.985 0 0)", - ring: "oklch(0.396 0.141 25.723)" + ring: "oklch(76.8% 0.233 130.85)" } } end @@ -196,15 +197,15 @@ def self.lime { root: { **default_root, - primary: "oklch(0.577 0.245 27.325)", + primary: "oklch(76.8% 0.233 130.85)", "primary-foreground": "oklch(0.985 0 0)", - ring: "oklch(0.577 0.245 27.325)" + ring: "oklch(76.8% 0.233 130.85)" }, dark: { **default_dark, - primary: "oklch(0.396 0.141 25.723)", + primary: "oklch(76.8% 0.233 130.85)", "primary-foreground": "oklch(0.985 0 0)", - ring: "oklch(0.396 0.141 25.723)" + ring: "oklch(76.8% 0.233 130.85)" } } end @@ -213,15 +214,15 @@ def self.green { root: { **default_root, - primary: "oklch(0.577 0.245 27.325)", + primary: "oklch(72.3% 0.219 149.579)", "primary-foreground": "oklch(0.985 0 0)", - ring: "oklch(0.577 0.245 27.325)" + ring: "oklch(64.7% 0.2 145.0)" }, dark: { **default_dark, - primary: "oklch(0.396 0.141 25.723)", + primary: "ooklch(72.3% 0.219 149.579)", "primary-foreground": "oklch(0.985 0 0)", - ring: "oklch(0.396 0.141 25.723)" + ring: "oklch(64.7% 0.2 145.0)" } } end @@ -230,13 +231,13 @@ def self.emerald { root: { **default_root, - primary: "oklch(0.577 0.245 27.325)", + primary: "oklch(69.6% 0.17 162.48)", "primary-foreground": "oklch(0.985 0 0)", ring: "oklch(0.577 0.245 27.325)" }, dark: { **default_dark, - primary: "oklch(0.396 0.141 25.723)", + primary: "oklch(69.6% 0.17 162.48)", "primary-foreground": "oklch(0.985 0 0)", ring: "oklch(0.396 0.141 25.723)" } @@ -247,13 +248,13 @@ def self.teal { root: { **default_root, - primary: "oklch(0.577 0.245 27.325)", + primary: "oklch(70.4% 0.14 182.503)", "primary-foreground": "oklch(0.985 0 0)", ring: "oklch(0.577 0.245 27.325)" }, dark: { **default_dark, - primary: "oklch(0.396 0.141 25.723)", + primary: "oklch(70.4% 0.14 182.503)", "primary-foreground": "oklch(0.985 0 0)", ring: "oklch(0.396 0.141 25.723)" } @@ -264,13 +265,13 @@ def self.cyan { root: { **default_root, - primary: "oklch(0.577 0.245 27.325)", + primary: "oklch(71.5% 0.143 215.221)", "primary-foreground": "oklch(0.985 0 0)", ring: "oklch(0.577 0.245 27.325)" }, dark: { **default_dark, - primary: "oklch(0.396 0.141 25.723)", + primary: "oklch(71.5% 0.143 215.221)", "primary-foreground": "oklch(0.985 0 0)", ring: "oklch(0.396 0.141 25.723)" } @@ -281,13 +282,13 @@ def self.sky { root: { **default_root, - primary: "oklch(0.577 0.245 27.325)", + primary: "oklch(68.5% 0.169 237.323)", "primary-foreground": "oklch(0.985 0 0)", ring: "oklch(0.577 0.245 27.325)" }, dark: { **default_dark, - primary: "oklch(0.396 0.141 25.723)", + primary: "oklch(68.5% 0.169 237.323)", "primary-foreground": "oklch(0.985 0 0)", ring: "oklch(0.396 0.141 25.723)" } @@ -298,13 +299,13 @@ def self.blue { root: { **default_root, - primary: "oklch(0.577 0.245 27.325)", + primary: "oklch(62.3% 0.214 259.815)", "primary-foreground": "oklch(0.985 0 0)", ring: "oklch(0.577 0.245 27.325)" }, dark: { **default_dark, - primary: "oklch(0.396 0.141 25.723)", + primary: "oklch(62.3% 0.214 259.815)", "primary-foreground": "oklch(0.985 0 0)", ring: "oklch(0.396 0.141 25.723)" } @@ -315,13 +316,13 @@ def self.indigo { root: { **default_root, - primary: "oklch(0.577 0.245 27.325)", + primary: "oklch(58.5% 0.233 277.117)", "primary-foreground": "oklch(0.985 0 0)", ring: "oklch(0.577 0.245 27.325)" }, dark: { **default_dark, - primary: "oklch(0.396 0.141 25.723)", + primary: "oklch(58.5% 0.233 277.117)", "primary-foreground": "oklch(0.985 0 0)", ring: "oklch(0.396 0.141 25.723)" } @@ -332,13 +333,13 @@ def self.violet { root: { **default_root, - primary: "oklch(0.577 0.245 27.325)", + primary: "oklch(60.6% 0.25 292.717)", "primary-foreground": "oklch(0.985 0 0)", ring: "oklch(0.577 0.245 27.325)" }, dark: { **default_dark, - primary: "oklch(0.396 0.141 25.723)", + primary: "oklch(60.6% 0.25 292.717)", "primary-foreground": "oklch(0.985 0 0)", ring: "oklch(0.396 0.141 25.723)" } @@ -349,13 +350,13 @@ def self.purple { root: { **default_root, - primary: "oklch(0.577 0.245 27.325)", + primary: "oklch(62.7% 0.265 303.9)", "primary-foreground": "oklch(0.985 0 0)", ring: "oklch(0.577 0.245 27.325)" }, dark: { **default_dark, - primary: "oklch(0.396 0.141 25.723)", + primary: "oklch(62.7% 0.265 303.9)", "primary-foreground": "oklch(0.985 0 0)", ring: "oklch(0.396 0.141 25.723)" } @@ -366,13 +367,13 @@ def self.fuchsia { root: { **default_root, - primary: "oklch(0.577 0.245 27.325)", + primary: "oklch(66.7% 0.295 322.15)", "primary-foreground": "oklch(0.985 0 0)", ring: "oklch(0.577 0.245 27.325)" }, dark: { **default_dark, - primary: "oklch(0.396 0.141 25.723)", + primary: "oklch(66.7% 0.295 322.15)", "primary-foreground": "oklch(0.985 0 0)", ring: "oklch(0.396 0.141 25.723)" } @@ -383,13 +384,13 @@ def self.pink { root: { **default_root, - primary: "oklch(0.577 0.245 27.325)", + primary: "oklch(65.6% 0.241 354.308)", "primary-foreground": "oklch(0.985 0 0)", ring: "oklch(0.577 0.245 27.325)" }, dark: { **default_dark, - primary: "oklch(0.396 0.141 25.723)", + primary: "oklch(65.6% 0.241 354.308)", "primary-foreground": "oklch(0.985 0 0)", ring: "oklch(0.396 0.141 25.723)" } @@ -400,13 +401,13 @@ def self.rose { root: { **default_root, - primary: "oklch(0.577 0.245 27.325)", + primary: "oklch(64.5% 0.246 16.439)", "primary-foreground": "oklch(0.985 0 0)", ring: "oklch(0.577 0.245 27.325)" }, dark: { **default_dark, - primary: "oklch(0.396 0.141 25.723)", + primary: "oklch(64.5% 0.246 16.439)", "primary-foreground": "oklch(0.985 0 0)", ring: "oklch(0.396 0.141 25.723)" } From fba5f0fd05a1cc01b3b24da698b73eb63251e6f2 Mon Sep 17 00:00:00 2001 From: Filipe Veloso <2469500+Rovel@users.noreply.github.com> Date: Wed, 23 Apr 2025 04:37:46 +0000 Subject: [PATCH 2/2] fix typo on yellow color --- lib/theme/c_s_s.rb | 1 - 1 file changed, 1 deletion(-) diff --git a/lib/theme/c_s_s.rb b/lib/theme/c_s_s.rb index c773b113..1d7f3f03 100644 --- a/lib/theme/c_s_s.rb +++ b/lib/theme/c_s_s.rb @@ -180,7 +180,6 @@ def self.yellow root: { **default_root, primary: "oklch(79.5% 0.184 86.047)", - primary: "oklch(68.1% 0.162 75.834)", "primary-foreground": "oklch(0.985 0 0)", ring: "oklch(76.8% 0.233 130.85)" },