From 50bb8c4fdde46586f1bbaf868e2bf233f752d66c Mon Sep 17 00:00:00 2001
From: Joel Jacob Stephen <joeljacobstephen@gmail.com>
Date: Tue, 1 Jun 2021 22:44:22 +0530
Subject: [PATCH] Simplified the capitalization of Accent Color Names by using
 a function.

---
 components/smart/AccentModePicker.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/components/smart/AccentModePicker.vue b/components/smart/AccentModePicker.vue
index 7bbc65d3f..be27754a2 100644
--- a/components/smart/AccentModePicker.vue
+++ b/components/smart/AccentModePicker.vue
@@ -2,7 +2,7 @@
   <div class="flex flex-col">
     <label
       >{{ $t("color") }}:
-      {{ active.charAt(0).toUpperCase() + active.slice(1) }}</label
+      {{ capitalized(active) }}</label
     >
     <div>
       <!-- text-blue-400 -->
@@ -17,7 +17,7 @@
       <span
         v-for="(color, index) of accentColors"
         :key="`color-${index}`"
-        v-tooltip="`${color.charAt(0).toUpperCase()}${color.slice(1)}`"
+        v-tooltip="capitalized(color)"
         class="
           inline-flex
           items-center
@@ -61,14 +61,19 @@ export default {
   },
   watch: {
     active(color) {
+      
       localStorage.setItem("THEME_COLOR", color)
     },
   },
+
   methods: {
     setActiveColor(color) {
       document.documentElement.setAttribute("data-accent", color)
       this.active = color
     },
+    capitalized(color) {
+      return `${color.charAt(0).toUpperCase()}${color.slice(1)}`  
+    },
   },
 }
 </script>