Add CSS variable for default color

jcwillox · Dec 13, 2022 · 7b430b9 · 7b430b9
1 parent 26d7b0c
commit 7b430b9
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/src/presets.ts b/src/presets.ts
@@ -33,6 +33,7 @@ const presetMushroom: ButtonConfig = {
       "box-sizing": "border-box",
       transition: "background-color 280ms ease-in-out 0s",
       "--pbs-button-rgb-color": "var(--rgb-primary-text-color)",
+      "--pbs-button-rgb-default-color": "var(--rgb-primary-text-color)",
       "--pbs-button-rgb-active-color": "var(--pbs-button-rgb-state-color)",
       "--pbs-button-rgb-bg-color": "var(--pbs-button-rgb-color)",
       "--pbs-button-rgb-bg-active-color": "var(--pbs-button-rgb-active-color)",

diff --git a/src/styles.css b/src/styles.css
@@ -20,7 +20,10 @@ paper-button {
     rgb(
       var(
         --pbs-button-rgb-color,
-        var(--pbs-button-rgb-state-color, var(--rgb-state-default-color))
+        var(
+          --pbs-button-rgb-state-color,
+          var(--pbs-button-rgb-default-color, var(--rgb-state-default-color))
+        )
       )
     )
   );
@@ -54,7 +57,10 @@ ha-icon {
       rgb(
         var(
           --pbs-button-rgb-active-color,
-          var(--pbs-button-rgb-state-color, var(--rgb-state-default-color))
+          var(
+            --pbs-button-rgb-state-color,
+            var(--pbs-button-rgb-default-color, var(--rgb-state-default-color))
+          )
         )
       )
     )