diff --git a/styles/vars.css b/styles/vars.css
index 5b90e0dd..95f85089 100644
--- a/styles/vars.css
+++ b/styles/vars.css
@@ -1,14 +1,17 @@
 :root {
-  --c-primary: #CF7C17;
-  --c-primary-active: #A45923;
+  --c-primary: #EA9E44;
+  --c-primary-active: #C16929;
   --c-border: #88888820;
   --c-bg-base: #fff;
   --c-bg-active: #f6f6f6;
   --c-bg-code: #00000006;
   --c-bg-selection: #8885;
-  --c-text-base: #222;
+  --c-text-base: #232323;
   --c-text-secondary: #686868;
   --c-text-secondary-light: #919191;
+  --c-bg-btn-disabled: #a1a1a1;
+  --c-text-btn-disabled: #fff;
+  --c-text-btn: #232323;
 }
 
 .dark {
@@ -18,4 +21,6 @@
   --c-text-base: #fff;
   --c-text-secondary: #888;
   --c-text-secondary-light: #686868;
+  --c-bg-btn-disabled: #2a2a2a;
+  --c-text-btn-disabled: #919191;
 }
diff --git a/unocss.config.ts b/unocss.config.ts
index 9ec146be..142d96fd 100644
--- a/unocss.config.ts
+++ b/unocss.config.ts
@@ -26,8 +26,8 @@ export default defineConfig({
       'text-secondary-light': 'text-$c-text-secondary-light',
 
       // buttons
-      'btn-base': 'cursor-pointer disabled:opacity-50 disabled:pointer-events-none disabled:saturate-0 disabled:brightness-[0.7] disabled:contrast-[2]',
-      'btn-solid': 'btn-base px-4 py-2 rounded text-white bg-$c-primary hover:bg-$c-primary-active',
+      'btn-base': 'cursor-pointer disabled:pointer-events-none disabled:bg-$c-bg-btn-disabled disabled:text-$c-text-btn-disabled',
+      'btn-solid': 'btn-base px-4 py-2 rounded text-$c-text-btn bg-$c-primary hover:bg-$c-primary-active',
       'btn-outline': 'btn-base px-4 py-2 rounded text-$c-primary border border-$c-primary hover:bg-$c-primary hover:text-white',
       'btn-text': 'btn-base px-4 py-2 text-$c-primary hover:text-$c-primary-active',
       'btn-action-icon': 'btn-base hover:bg-active rounded-full h9 w9 flex items-center justify-center',