Change uses of primary to pink

WordPress · Feb 9, 2022 · b00007a · b00007a
1 parent 6542037
commit b00007a
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 3 deletions.
diff --git a/src/components/VCheckbox/VCheckbox.vue b/src/components/VCheckbox/VCheckbox.vue
@@ -128,7 +128,7 @@ export default VCheckbox
 }
 .checkbox {
   @apply appearance-none w-5 h-5 border-dark-charcoal border rounded-sm me-3 flex-shrink-0 relative;
-  @apply focus:outline-none focus:ring focus:ring-offset-2 focus:ring-primary;
+  @apply focus:outline-none focus:ring focus:ring-offset-2 focus:ring-pink;
   @apply transition-colors disabled:bg-dark-charcoal-10 disabled:border-dark-charcoal-40;
   @apply checked:bg-dark-charcoal;
 }

diff --git a/src/components/VRadio/VRadio.vue b/src/components/VRadio/VRadio.vue
@@ -4,7 +4,7 @@
       :id="id"
       v-bind="$attrs"
       :value="value"
-      class="radio appearance-none relative flex-shrink-0 bg-white w-5 h-5 border border-dark-charcoal rounded-full me-3 transition-colors focus:outline-none focus:ring focus:ring-offset-2 focus:ring-primary disabled:bg-dark-charcoal-10 disabled:border-dark-charcoal-40"
+      class="radio appearance-none relative flex-shrink-0 bg-white w-5 h-5 border border-dark-charcoal rounded-full me-3 transition-colors focus:outline-none focus:ring focus:ring-offset-2 focus:ring-pink disabled:bg-dark-charcoal-10 disabled:border-dark-charcoal-40"
       type="radio"
       :checked="isChecked"
       @input="handleInput"

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -27,7 +27,6 @@ module.exports = {
       // Brand
       yellow: '#ffe033',
       pink: '#c52b9b',
-      primary: '#c52b9b', // TODO: Change usages to 'pink'
       // Active
       'dark-pink': '#7c2264',