diff --git a/custom.css b/custom.css
index af5ea9d..0ee2a9f 100644
--- a/custom.css
+++ b/custom.css
@@ -268,6 +268,8 @@ html[data-theme='dark'] {
     --ls-success-text-color: var(--color-green-500);
     --ls-header-button-background: hsl(var(--cl-text-color), 0.75);
     --ls-table-tr-even-background-color: var(--bg-color-1);
+    --ls-button-background-hsl: 200, 98%, 35%;
+    --ls-button-background: hsl(var(--ls-button-background-hsl));
     /* shadcn UI vars */
     --popover: var(--background-color-h),var(--background-color-s),var(--bg-lightness-1);
     --accent: var(--cl-primary);
@@ -407,6 +409,8 @@ html[data-theme='light'] {
     --ls-success-text-color: var(--color-green-500);
     --ls-header-button-background: hsl(var(--cl-text-color), 0.75);
     --ls-table-tr-even-background-color: var(--bg-color-1);
+    --ls-button-background-hsl: 200, 98%, 35%;
+    --ls-button-background: hsl(var(--ls-button-background-hsl));
     /* shadcn UI vars */
     --popover: var(--background-color-h),var(--background-color-s),var(--bg-lightness-1);
     --accent: var(--cl-primary);
@@ -1645,7 +1649,7 @@ span.inline.px-1.with-bg-color[style*="pink"] {
 }
 */
 :root {
-    --cl-button-background: var(--cl-primary, var(--ls-button-background-hsl));
+    --cl-button-background: var(--cl-primary, var(--ls-button-background-hsl, var(--nord-frost-nord10)));
 }
 
 /******************************,
diff --git a/latte.css b/latte.css
index d860a0b..4b9ec08 100644
--- a/latte.css
+++ b/latte.css
@@ -268,6 +268,8 @@ html[data-theme='dark'] {
     --ls-success-text-color: var(--color-green-500);
     --ls-header-button-background: hsl(var(--cl-text-color), 0.75);
     --ls-table-tr-even-background-color: var(--bg-color-1);
+    --ls-button-background-hsl: 200, 98%, 35%;
+    --ls-button-background: hsl(var(--ls-button-background-hsl));
     /* shadcn UI vars */
     --popover: var(--background-color-h),var(--background-color-s),var(--bg-lightness-1);
     --accent: var(--cl-primary);
@@ -407,6 +409,8 @@ html[data-theme='light'] {
     --ls-success-text-color: var(--color-green-500);
     --ls-header-button-background: hsl(var(--cl-text-color), 0.75);
     --ls-table-tr-even-background-color: var(--bg-color-1);
+    --ls-button-background-hsl: 200, 98%, 35%;
+    --ls-button-background: hsl(var(--ls-button-background-hsl));
     /* shadcn UI vars */
     --popover: var(--background-color-h),var(--background-color-s),var(--bg-lightness-1);
     --accent: var(--cl-primary);
@@ -1645,7 +1649,7 @@ span.inline.px-1.with-bg-color[style*="pink"] {
 }
 */
 :root {
-    --cl-button-background: var(--cl-primary, var(--ls-button-background-hsl));
+    --cl-button-background: var(--cl-primary, var(--ls-button-background-hsl, var(--nord-frost-nord10)));
 }
 
 /******************************,
diff --git a/macchiato.css b/macchiato.css
index ff549ba..a54e2f5 100644
--- a/macchiato.css
+++ b/macchiato.css
@@ -268,6 +268,8 @@ html[data-theme='dark'] {
     --ls-success-text-color: var(--color-green-500);
     --ls-header-button-background: hsl(var(--cl-text-color), 0.75);
     --ls-table-tr-even-background-color: var(--bg-color-1);
+    --ls-button-background-hsl: 200, 98%, 35%;
+    --ls-button-background: hsl(var(--ls-button-background-hsl));
     /* shadcn UI vars */
     --popover: var(--background-color-h),var(--background-color-s),var(--bg-lightness-1);
     --accent: var(--cl-primary);
@@ -407,6 +409,8 @@ html[data-theme='light'] {
     --ls-success-text-color: var(--color-green-500);
     --ls-header-button-background: hsl(var(--cl-text-color), 0.75);
     --ls-table-tr-even-background-color: var(--bg-color-1);
+    --ls-button-background-hsl: 200, 98%, 35%;
+    --ls-button-background: hsl(var(--ls-button-background-hsl));
     /* shadcn UI vars */
     --popover: var(--background-color-h),var(--background-color-s),var(--bg-lightness-1);
     --accent: var(--cl-primary);
@@ -1645,7 +1649,7 @@ span.inline.px-1.with-bg-color[style*="pink"] {
 }
 */
 :root {
-    --cl-button-background: var(--cl-primary, var(--ls-button-background-hsl));
+    --cl-button-background: var(--cl-primary, var(--ls-button-background-hsl, var(--nord-frost-nord10)));
 }
 
 /******************************,
diff --git a/nord.css b/nord.css
index 16ed8c2..1ab373a 100644
--- a/nord.css
+++ b/nord.css
@@ -268,6 +268,8 @@ html[data-theme='dark'] {
     --ls-success-text-color: var(--color-green-500);
     --ls-header-button-background: hsl(var(--cl-text-color), 0.75);
     --ls-table-tr-even-background-color: var(--bg-color-1);
+    --ls-button-background-hsl: 200, 98%, 35%;
+    --ls-button-background: hsl(var(--ls-button-background-hsl));
     /* shadcn UI vars */
     --popover: var(--background-color-h),var(--background-color-s),var(--bg-lightness-1);
     --accent: var(--cl-primary);
@@ -407,6 +409,8 @@ html[data-theme='light'] {
     --ls-success-text-color: var(--color-green-500);
     --ls-header-button-background: hsl(var(--cl-text-color), 0.75);
     --ls-table-tr-even-background-color: var(--bg-color-1);
+    --ls-button-background-hsl: 200, 98%, 35%;
+    --ls-button-background: hsl(var(--ls-button-background-hsl));
     /* shadcn UI vars */
     --popover: var(--background-color-h),var(--background-color-s),var(--bg-lightness-1);
     --accent: var(--cl-primary);
@@ -1645,7 +1649,7 @@ span.inline.px-1.with-bg-color[style*="pink"] {
 }
 */
 :root {
-    --cl-button-background: var(--cl-primary, var(--ls-button-background-hsl));
+    --cl-button-background: var(--cl-primary, var(--ls-button-background-hsl, var(--nord-frost-nord10)));
 }
 
 /******************************,
diff --git a/onedark.css b/onedark.css
index cb0b82d..d295ce9 100644
--- a/onedark.css
+++ b/onedark.css
@@ -268,6 +268,8 @@ html[data-theme='dark'] {
     --ls-success-text-color: var(--color-green-500);
     --ls-header-button-background: hsl(var(--cl-text-color), 0.75);
     --ls-table-tr-even-background-color: var(--bg-color-1);
+    --ls-button-background-hsl: 200, 98%, 35%;
+    --ls-button-background: hsl(var(--ls-button-background-hsl));
     /* shadcn UI vars */
     --popover: var(--background-color-h),var(--background-color-s),var(--bg-lightness-1);
     --accent: var(--cl-primary);
@@ -407,6 +409,8 @@ html[data-theme='light'] {
     --ls-success-text-color: var(--color-green-500);
     --ls-header-button-background: hsl(var(--cl-text-color), 0.75);
     --ls-table-tr-even-background-color: var(--bg-color-1);
+    --ls-button-background-hsl: 200, 98%, 35%;
+    --ls-button-background: hsl(var(--ls-button-background-hsl));
     /* shadcn UI vars */
     --popover: var(--background-color-h),var(--background-color-s),var(--bg-lightness-1);
     --accent: var(--cl-primary);
@@ -1645,7 +1649,7 @@ span.inline.px-1.with-bg-color[style*="pink"] {
 }
 */
 :root {
-    --cl-button-background: var(--cl-primary, var(--ls-button-background-hsl));
+    --cl-button-background: var(--cl-primary, var(--ls-button-background-hsl, var(--nord-frost-nord10)));
 }
 
 /******************************,
diff --git a/package.json b/package.json
index cc1dcdc..6778a12 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "Flow Nord theme",
   "author": "henices && nmartin84",
-  "version": "0.10.21",
+  "version": "0.10.22",
   "description": "Minimalistic Nord Theme that's soft around the edges.",
   "logseq": {
     "themes": [
diff --git a/sepia.css b/sepia.css
index 4bb2ec1..f4bcfcf 100644
--- a/sepia.css
+++ b/sepia.css
@@ -268,6 +268,8 @@ html[data-theme='dark'] {
     --ls-success-text-color: var(--color-green-500);
     --ls-header-button-background: hsl(var(--cl-text-color), 0.75);
     --ls-table-tr-even-background-color: var(--bg-color-1);
+    --ls-button-background-hsl: 200, 98%, 35%;
+    --ls-button-background: hsl(var(--ls-button-background-hsl));
     /* shadcn UI vars */
     --popover: var(--background-color-h),var(--background-color-s),var(--bg-lightness-1);
     --accent: var(--cl-primary);
@@ -407,6 +409,8 @@ html[data-theme='light'] {
     --ls-success-text-color: var(--color-green-500);
     --ls-header-button-background: hsl(var(--cl-text-color), 0.75);
     --ls-table-tr-even-background-color: var(--bg-color-1);
+    --ls-button-background-hsl: 200, 98%, 35%;
+    --ls-button-background: hsl(var(--ls-button-background-hsl));
     /* shadcn UI vars */
     --popover: var(--background-color-h),var(--background-color-s),var(--bg-lightness-1);
     --accent: var(--cl-primary);
@@ -1645,7 +1649,7 @@ span.inline.px-1.with-bg-color[style*="pink"] {
 }
 */
 :root {
-    --cl-button-background: var(--cl-primary, var(--ls-button-background-hsl));
+    --cl-button-background: var(--cl-primary, var(--ls-button-background-hsl, var(--nord-frost-nord10)));
 }
 
 /******************************,
diff --git a/xiaobot.css b/xiaobot.css
index 3c429f2..43d50b6 100644
--- a/xiaobot.css
+++ b/xiaobot.css
@@ -268,6 +268,8 @@ html[data-theme='dark'] {
     --ls-success-text-color: var(--color-green-500);
     --ls-header-button-background: hsl(var(--cl-text-color), 0.75);
     --ls-table-tr-even-background-color: var(--bg-color-1);
+    --ls-button-background-hsl: 200, 98%, 35%;
+    --ls-button-background: hsl(var(--ls-button-background-hsl));
     /* shadcn UI vars */
     --popover: var(--background-color-h),var(--background-color-s),var(--bg-lightness-1);
     --accent: var(--cl-primary);
@@ -407,6 +409,8 @@ html[data-theme='light'] {
     --ls-success-text-color: var(--color-green-500);
     --ls-header-button-background: hsl(var(--cl-text-color), 0.75);
     --ls-table-tr-even-background-color: var(--bg-color-1);
+    --ls-button-background-hsl: 200, 98%, 35%;
+    --ls-button-background: hsl(var(--ls-button-background-hsl));
     /* shadcn UI vars */
     --popover: var(--background-color-h),var(--background-color-s),var(--bg-lightness-1);
     --accent: var(--cl-primary);
@@ -1645,7 +1649,7 @@ span.inline.px-1.with-bg-color[style*="pink"] {
 }
 */
 :root {
-    --cl-button-background: var(--cl-primary, var(--ls-button-background-hsl));
+    --cl-button-background: var(--cl-primary, var(--ls-button-background-hsl, var(--nord-frost-nord10)));
 }
 
 /******************************,