From 97971206a28c65877162b099468472a2b281d974 Mon Sep 17 00:00:00 2001 From: Agustin Gomez Date: Thu, 5 Jun 2025 13:53:11 -0400 Subject: [PATCH] fix themes --- app/components/themes/customize_popover.rb | 4 +- lib/theme/c_s_s.rb | 128 ++++++++++----------- 2 files changed, 66 insertions(+), 66 deletions(-) diff --git a/app/components/themes/customize_popover.rb b/app/components/themes/customize_popover.rb index c602860..a3b76ef 100644 --- a/app/components/themes/customize_popover.rb +++ b/app/components/themes/customize_popover.rb @@ -33,9 +33,9 @@ def view_template def render_color_picker(name, color_hash, selected: false) Link(href: theme_path(name&.downcase), variant: :outline, class: ["!justify-start", ("ring-neutral-950 ring-1" if selected)]) do - div(class: "w-4 h-4 rounded-full shrink-0 mr-2 ring-white dark:hidden", style: "background-color: hsl(#{color_hash[:root][:primary].split.join(",")})") do + div(class: "w-4 h-4 rounded-full shrink-0 mr-2 ring-white dark:hidden", style: "background-color: #{color_hash[:root][:primary].split.join(" ")}") do end - div(class: "w-4 h-4 rounded-full shrink-0 mr-2 ring-white hidden dark:block", style: "background-color: hsl(#{color_hash[:dark][:primary].split.join(",")})") do + div(class: "w-4 h-4 rounded-full shrink-0 mr-2 ring-white hidden dark:block", style: "background-color: #{color_hash[:dark][:primary].split.join(" ")}") do end plain name&.capitalize end diff --git a/lib/theme/c_s_s.rb b/lib/theme/c_s_s.rb index 7f797c7..6551c09 100644 --- a/lib/theme/c_s_s.rb +++ b/lib/theme/c_s_s.rb @@ -145,15 +145,15 @@ def self.orange { root: { **default_root, - primary: "oklch(0.577 0.245 27.325)", + primary: "oklch(0.7048 0.1868 47.6)", "primary-foreground": "oklch(0.985 0 0)", - ring: "oklch(0.577 0.245 27.325)" + ring: "oklch(0.7048 0.1868 47.6)" }, dark: { **default_dark, - primary: "oklch(0.396 0.141 25.723)", + primary: "oklch(0.7048 0.1868 47.6)", "primary-foreground": "oklch(0.985 0 0)", - ring: "oklch(0.396 0.141 25.723)" + ring: "oklch(0.7048 0.1868 47.6)" } } end @@ -162,15 +162,15 @@ def self.amber { root: { **default_root, - primary: "oklch(0.577 0.245 27.325)", + primary: "oklch(0.7686 0.1646 70.11)", "primary-foreground": "oklch(0.985 0 0)", - ring: "oklch(0.577 0.245 27.325)" + ring: "oklch(0.7686 0.1646 70.11)" }, dark: { **default_dark, - primary: "oklch(0.396 0.141 25.723)", + primary: "oklch(0.7686 0.1646 70.11)", "primary-foreground": "oklch(0.985 0 0)", - ring: "oklch(0.396 0.141 25.723)" + ring: "oklch(0.7686 0.1646 70.11)" } } end @@ -179,15 +179,15 @@ def self.yellow { root: { **default_root, - primary: "oklch(0.577 0.245 27.325)", + primary: "oklch(0.8601 0.173 91.84)", "primary-foreground": "oklch(0.985 0 0)", - ring: "oklch(0.577 0.245 27.325)" + ring: "oklch(0.8601 0.173 91.84)" }, dark: { **default_dark, - primary: "oklch(0.396 0.141 25.723)", + primary: "oklch(0.8601 0.173 91.84)", "primary-foreground": "oklch(0.985 0 0)", - ring: "oklch(0.396 0.141 25.723)" + ring: "oklch(0.8601 0.173 91.84)" } } end @@ -196,15 +196,15 @@ def self.lime { root: { **default_root, - primary: "oklch(0.577 0.245 27.325)", + primary: "oklch(0.765 0.2044 131.05)", "primary-foreground": "oklch(0.985 0 0)", - ring: "oklch(0.577 0.245 27.325)" + ring: "oklch(0.765 0.2044 131.05)" }, dark: { **default_dark, - primary: "oklch(0.396 0.141 25.723)", + primary: "oklch(0.765 0.2044 131.05)", "primary-foreground": "oklch(0.985 0 0)", - ring: "oklch(0.396 0.141 25.723)" + ring: "oklch(0.765 0.2044 131.05)" } } end @@ -213,15 +213,15 @@ def self.green { root: { **default_root, - primary: "oklch(0.577 0.245 27.325)", + primary: "oklch(0.7205 0.192 149.49)", "primary-foreground": "oklch(0.985 0 0)", - ring: "oklch(0.577 0.245 27.325)" + ring: "oklch(0.7205 0.192 149.49)" }, dark: { **default_dark, - primary: "oklch(0.396 0.141 25.723)", + primary: "oklch(0.7205 0.192 149.49)", "primary-foreground": "oklch(0.985 0 0)", - ring: "oklch(0.396 0.141 25.723)" + ring: "oklch(0.7205 0.192 149.49)" } } end @@ -230,15 +230,15 @@ def self.emerald { root: { **default_root, - primary: "oklch(0.577 0.245 27.325)", + primary: "oklch(0.6902 0.1481 162.37)", "primary-foreground": "oklch(0.985 0 0)", - ring: "oklch(0.577 0.245 27.325)" + ring: "oklch(0.6902 0.1481 162.37)" }, dark: { **default_dark, - primary: "oklch(0.396 0.141 25.723)", + primary: "oklch(0.6902 0.1481 162.37)", "primary-foreground": "oklch(0.985 0 0)", - ring: "oklch(0.396 0.141 25.723)" + ring: "oklch(0.6902 0.1481 162.37)" } } end @@ -247,15 +247,15 @@ def self.teal { root: { **default_root, - primary: "oklch(0.577 0.245 27.325)", + primary: "oklch(0.7023 0.1232 181.8)", "primary-foreground": "oklch(0.985 0 0)", - ring: "oklch(0.577 0.245 27.325)" + ring: "oklch(0.7023 0.1232 181.8)" }, dark: { **default_dark, - primary: "oklch(0.396 0.141 25.723)", + primary: "oklch(0.7023 0.1232 181.8)", "primary-foreground": "oklch(0.985 0 0)", - ring: "oklch(0.396 0.141 25.723)" + ring: "oklch(0.7023 0.1232 181.8)" } } end @@ -264,15 +264,15 @@ def self.cyan { root: { **default_root, - primary: "oklch(0.577 0.245 27.325)", + primary: "oklch(0.7147 0.126 215.83)", "primary-foreground": "oklch(0.985 0 0)", - ring: "oklch(0.577 0.245 27.325)" + ring: "oklch(0.7147 0.126 215.83)" }, dark: { **default_dark, - primary: "oklch(0.396 0.141 25.723)", + primary: "oklch(0.7147 0.126 215.83)", "primary-foreground": "oklch(0.985 0 0)", - ring: "oklch(0.396 0.141 25.723)" + ring: "oklch(0.7147 0.126 215.83)" } } end @@ -281,15 +281,15 @@ def self.sky { root: { **default_root, - primary: "oklch(0.577 0.245 27.325)", + primary: "oklch(0.6847 0.1478 237.27)", "primary-foreground": "oklch(0.985 0 0)", - ring: "oklch(0.577 0.245 27.325)" + ring: "oklch(0.6847 0.1478 237.27)" }, dark: { **default_dark, - primary: "oklch(0.396 0.141 25.723)", + primary: "oklch(0.6847 0.1478 237.27)", "primary-foreground": "oklch(0.985 0 0)", - ring: "oklch(0.396 0.141 25.723)" + ring: "oklch(0.6847 0.1478 237.27)" } } end @@ -298,15 +298,15 @@ def self.blue { root: { **default_root, - primary: "oklch(0.577 0.245 27.325)", + primary: "oklch(0.6232 0.1879 259.8)", "primary-foreground": "oklch(0.985 0 0)", - ring: "oklch(0.577 0.245 27.325)" + ring: "oklch(0.6232 0.1879 259.8)" }, dark: { **default_dark, - primary: "oklch(0.396 0.141 25.723)", + primary: "oklch(0.6232 0.1879 259.8)", "primary-foreground": "oklch(0.985 0 0)", - ring: "oklch(0.396 0.141 25.723)" + ring: "oklch(0.6232 0.1879 259.8)" } } end @@ -315,15 +315,15 @@ def self.indigo { root: { **default_root, - primary: "oklch(0.577 0.245 27.325)", + primary: "oklch(0.5875 0.2039 277.36)", "primary-foreground": "oklch(0.985 0 0)", - ring: "oklch(0.577 0.245 27.325)" + ring: "oklch(0.5875 0.2039 277.36)" }, dark: { **default_dark, - primary: "oklch(0.396 0.141 25.723)", + primary: "oklch(0.5875 0.2039 277.36)", "primary-foreground": "oklch(0.985 0 0)", - ring: "oklch(0.396 0.141 25.723)" + ring: "oklch(0.5875 0.2039 277.36)" } } end @@ -332,15 +332,15 @@ def self.violet { root: { **default_root, - primary: "oklch(0.577 0.245 27.325)", + primary: "oklch(0.6016 0.2214 292.23)", "primary-foreground": "oklch(0.985 0 0)", - ring: "oklch(0.577 0.245 27.325)" + ring: "oklch(0.6016 0.2214 292.23)" }, dark: { **default_dark, - primary: "oklch(0.396 0.141 25.723)", + primary: "oklch(0.6016 0.2214 292.23)", "primary-foreground": "oklch(0.985 0 0)", - ring: "oklch(0.396 0.141 25.723)" + ring: "oklch(0.6016 0.2214 292.23)" } } end @@ -349,15 +349,15 @@ def self.purple { root: { **default_root, - primary: "oklch(0.577 0.245 27.325)", + primary: "oklch(0.6268 0.2332 304.11)", "primary-foreground": "oklch(0.985 0 0)", - ring: "oklch(0.577 0.245 27.325)" + ring: "oklch(0.6268 0.2332 304.11)" }, dark: { **default_dark, - primary: "oklch(0.396 0.141 25.723)", + primary: "oklch(0.6268 0.2332 304.11)", "primary-foreground": "oklch(0.985 0 0)", - ring: "oklch(0.396 0.141 25.723)" + ring: "oklch(0.6268 0.2332 304.11)" } } end @@ -366,15 +366,15 @@ def self.fuchsia { root: { **default_root, - primary: "oklch(0.577 0.245 27.325)", + primary: "oklch(0.6683 0.2569 322.02)", "primary-foreground": "oklch(0.985 0 0)", - ring: "oklch(0.577 0.245 27.325)" + ring: "oklch(0.6683 0.2569 322.02)" }, dark: { **default_dark, - primary: "oklch(0.396 0.141 25.723)", + primary: "oklch(0.6683 0.2569 322.02)", "primary-foreground": "oklch(0.985 0 0)", - ring: "oklch(0.396 0.141 25.723)" + ring: "oklch(0.6683 0.2569 322.02)" } } end @@ -383,15 +383,15 @@ def self.pink { root: { **default_root, - primary: "oklch(0.577 0.245 27.325)", + primary: "oklch(0.6538 0.2133 354.06)", "primary-foreground": "oklch(0.985 0 0)", - ring: "oklch(0.577 0.245 27.325)" + ring: "oklch(0.6538 0.2133 354.06)" }, dark: { **default_dark, - primary: "oklch(0.396 0.141 25.723)", + primary: "oklch(0.6538 0.2133 354.06)", "primary-foreground": "oklch(0.985 0 0)", - ring: "oklch(0.396 0.141 25.723)" + ring: "oklch(0.6538 0.2133 354.06)" } } end @@ -400,15 +400,15 @@ def self.rose { root: { **default_root, - primary: "oklch(0.577 0.245 27.325)", + primary: "oklch(0.6437 0.2159 16.81)", "primary-foreground": "oklch(0.985 0 0)", - ring: "oklch(0.577 0.245 27.325)" + ring: "oklch(0.6437 0.2159 16.81)" }, dark: { **default_dark, - primary: "oklch(0.396 0.141 25.723)", + primary: "oklch(0.6437 0.2159 16.81)", "primary-foreground": "oklch(0.985 0 0)", - ring: "oklch(0.396 0.141 25.723)" + ring: "oklch(0.6437 0.2159 16.81)" } } end