Remove unused colors from the tailwind config (#3961)

* Remove unused colors * Fix color changes
WordPress · Mar 26, 2024 · a872fec · a872fec
1 parent 6b49eed
commit a872fec
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 19 deletions.
diff --git a/frontend/src/components/TableSortIcon.vue b/frontend/src/components/TableSortIcon.vue
@@ -1,5 +1,8 @@
 <template>
-  <div class="flex flex-col" :class="[active ? 'text-dark-blue' : 'text-gray']">
+  <div
+    class="flex flex-col"
+    :class="[active ? 'text-dark-charcoal' : 'text-gray']"
+  >
     <svg
       width="12"
       height="6"

diff --git a/frontend/src/components/VAudioTrack/layouts/VBoxLayout.vue b/frontend/src/components/VAudioTrack/layouts/VBoxLayout.vue
@@ -1,6 +1,6 @@
 <template>
   <div
-    class="box-track group relative h-0 w-full rounded-sm bg-yellow pt-full text-dark-blue"
+    class="box-track group relative h-0 w-full rounded-sm bg-yellow pt-full text-dark-charcoal"
   >
     <div class="absolute inset-0 flex flex-col">
       <div class="info flex flex-grow flex-col justify-between px-4 pt-4">

diff --git a/frontend/src/components/VMediaTag/VMediaTag.vue b/frontend/src/components/VMediaTag/VMediaTag.vue
@@ -2,7 +2,7 @@
   <Component
     :is="tag"
     v-bind="$attrs"
-    class="caption-bold md:description-bold inline-flex rounded-full bg-dark-charcoal-10 px-3 py-1 text-dark-blue md:px-4 md:py-2"
+    class="caption-bold md:description-bold inline-flex rounded-full bg-dark-charcoal-10 px-3 py-1 text-dark-charcoal md:px-4 md:py-2"
   >
     <!-- @slot Content goes here -->
     <slot />

diff --git a/frontend/src/styles/accent.css b/frontend/src/styles/accent.css
@@ -9,7 +9,7 @@
 
 ::selection {
   /* Using white text because selection background is dark. */
-  @apply bg-trans-blue text-white;
+  @apply bg-dark-charcoal text-white;
 }
 
 ::-webkit-calendar-picker-indicator,
@@ -18,5 +18,5 @@
 ::-webkit-outer-spin-button,
 ::marker {
   /* List markers can be tinted as text. */
-  @apply text-trans-blue;
+  @apply text-pink;
 }
diff --git a/frontend/tailwind.config.ts b/frontend/tailwind.config.ts
@@ -17,16 +17,6 @@ export default {
     screens: SCREENS,
     zIndex: Z_INDICES,
     colors: {
-      // Accents
-      tomato: "#e23600",
-      gold: "#efbe00",
-      "forest-green": "#008300",
-      "dark-turquoise": "#05b5da",
-      "dark-slate-blue": "#3c5c99",
-      "trans-blue": "#3e58e1",
-      "trans-blue-action": "#5067e4",
-      "dark-blue": "#23282d",
-
       // Semantic
       "info-soft": "#dbe2ff",
       info: "#2349e7",
@@ -49,10 +39,6 @@ export default {
       gray: "#b0b0b0", // rgb(176, 176, 176)
       "light-gray": "#d8d8d8", // rgb(216, 216, 216)
       white: "white",
-
-      // WordPress
-      "admin-gray": "#dcdcde",
-
       // Dark Charcoal
       "dark-charcoal": {
         DEFAULT: "#30272e",