refactor: update tailwind configure contant

app/src/components/ControlPalette.vue

@@ -1,29 +1,25 @@
 <template>
   <section class="h-[10%] p-3 grid grid-cols-3 gap-4 place-content-between">
-    <button id="solution" class="bg-disabled-background rounded-lg p-2">
+    <button id="solution" class="bg-bg-disabled rounded-lg p-2">
       <font-awesome-icon
         :icon="['far', 'circle-question']"
-        class="text-disabled-text"
+        class="text-text-disabled"
       />
-      <p class="text-disabled-text inline">Solution</p>
+      <p class="text-text-disabled inline">Solution</p>
     </button>
-    <button
-      id="reset"
-      class="bg-background-secondary rounded-lg p-2"
-      @click="reset"
-    >
+    <button id="reset" class="bg-bg-secondary rounded-lg p-2" @click="reset">
       <font-awesome-icon
         :icon="['fas', 'arrow-rotate-left']"
         class="text-text-primary"
       />
       <p class="text-text-primary inline">Reset</p>
     </button>
-    <button id="continue" class="bg-disabled-background rounded-lg p-2">
+    <button id="continue" class="bg-bg-disabled rounded-lg p-2">
       <font-awesome-icon
         :icon="['far', 'circle-right']"
-        class="text-disabled-text"
+        class="text-text-disabled"
       />
-      <p class="text-disabled-text inline">Continue</p>
+      <p class="text-text-disabled inline">Continue</p>
     </button>
   </section>
 </template>