fix css variables

Author: pratikb64

wiki/public/scss/edit_wiki.scss

@@ -445,6 +445,34 @@ $font-sizes-mobile: (
     width: fit-content;
   }
 
+  .btn-primary {
+    color: var(--btn-primary-color) !important;
+    background-color: var(--btn-primary-bg-color) !important;
+  }
+  
+  .btn-primary:hover {
+    background-color: var(--btn-primary-hover-bg-color) !important;
+  }
+  
+  .btn-primary:active {
+    color: var(--btn-primary-color) !important;
+    background-color: var(--btn-primary-active-bg-color) !important;
+  }
+  
+  .btn-secondary {
+    color: var(--btn-secondary-color) !important;
+    background-color: var(--btn-secondary-bg-color) !important;
+  }
+  
+  .btn-secondary:hover {
+    background-color: var(--btn-secondary-hover-bg-color) !important;
+  }
+  
+  .btn-secondary:active {
+    background-color: var(--btn-secondary-active-bg-color) !important;
+  }
+
+
   a.btn-primary-light {
     background-color: var(--btn-secondary-color) !important;
   }

wiki/public/scss/wiki.scss

@@ -11,10 +11,16 @@ body {
   --sidebar-bg-color: #f8f8f8;
   --sidebar-hover-color: #ebebe9;
   --toc-hover-text-color: var(--gray-900);
+  
+  --btn-primary-color: #fff;
+  --btn-primary-bg-color: #171717;
+  --btn-primary-hover-bg-color: #383838;
+  --btn-primary-active-bg-color: #525252;
 
-  --btn-text-color: var(--gray-900);
-  --btn-secondary-color: #f4f5f6;
-  --btn-secondary-hover-color: var(--gray-300);
+  --btn-secondary-color: #383838;
+  --btn-secondary-bg-color: #f3f3f3;
+  --btn-secondary-hover-bg-color: #ededed;
+  --btn-secondary-active-bg-color: #e2e2e2;
 
   --active-item-color: #f1f1f0;
   --active-item-text-color: var(--primary);
@@ -61,10 +67,15 @@ body.dark {
   --sidebar-hover-color: #242a30;
   --toc-hover-text-color: var(--gray-500);
 
-  --btn-text-color: var(--blue-500);
-  --btn-color: #4c5a67;
-  --btn-secondary-color: var(--btn-color);
-  --btn-secondary-hover-color: var(--gray-500);
+  --btn-primary-color: #000;
+  --btn-primary-bg-color: #fff;
+  --btn-primary-hover-bg-color: #d4d4d4;
+  --btn-primary-active-bg-color: #afafaf;
+
+  --btn-secondary-color: #d4d4d4;
+  --btn-secondary-bg-color: #333c44;
+  --btn-secondary-hover-bg-color: #313a41;
+  --btn-secondary-active-bg-color: #2b3339;
 
   --active-item-color: var(--gray-700);
   --searchbar-color: #242a30;