From ce06016e9651b16935a6c6d2c6fc8f71735b55c7 Mon Sep 17 00:00:00 2001
From: Azmi TOUIL <42934070+AzmiTouil@users.noreply.github.com>
Date: Tue, 2 Jan 2024 14:27:35 +0100
Subject: [PATCH] fix: Update the color (dark grey) in connectors admin -
 MEED-3067 - Meeds-io/meeds#1430 (#141)

---
 .../GithubAdminConnectionSettingDrawer.vue    | 36 +++++++++----------
 .../GithubAdminConnectorHookList.vue          |  2 +-
 .../components/GithubAdminConnectorItem.vue   |  6 ++--
 .../components/GithubAdminHookFormDrawer.vue  | 22 ++++++------
 4 files changed, 33 insertions(+), 33 deletions(-)

diff --git a/gamification-github-webapp/src/main/webapp/vue-app/githubAdminConnectorExtension/components/GithubAdminConnectionSettingDrawer.vue b/gamification-github-webapp/src/main/webapp/vue-app/githubAdminConnectorExtension/components/GithubAdminConnectionSettingDrawer.vue
index e26d67f6..6fb582e1 100644
--- a/gamification-github-webapp/src/main/webapp/vue-app/githubAdminConnectorExtension/components/GithubAdminConnectionSettingDrawer.vue
+++ b/gamification-github-webapp/src/main/webapp/vue-app/githubAdminConnectorExtension/components/GithubAdminConnectionSettingDrawer.vue
@@ -43,19 +43,19 @@ Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
               :step="1"
               class="ma-0 pa-0"
               editable>
-              <span class="font-weight-bold dark-grey-color text-subtitle-1">{{ $t('githubConnector.admin.label.stepOne') }}</span>
+              <span class="font-weight-bold text-color text-subtitle-1">{{ $t('githubConnector.admin.label.stepOne') }}</span>
             </v-stepper-step>
             <v-stepper-items>
               <v-stepper-content step="1" class="mx-0 px-0">
                 <v-slide-y-transition>
-                  <div class="pb-4 d-flex flex-column dark-grey-color">
-                    <v-card-text class="ps-0 py-0 dark-grey-color">
+                  <div class="pb-4 d-flex flex-column text-color">
+                    <v-card-text class="ps-0 py-0 text-color">
                       {{ $t('githubConnector.admin.label.stepOne.noteOne') }}
                     </v-card-text>
-                    <v-card-text class="ps-0 pb-0 dark-grey-color">
+                    <v-card-text class="ps-0 pb-0 text-color">
                       {{ $t('githubConnector.admin.label.stepOne.instructionsOne') }}
                     </v-card-text>
-                    <v-card-text class="ps-0 py-0 dark-grey-color">
+                    <v-card-text class="ps-0 py-0 text-color">
                       {{ $t('githubConnector.admin.label.stepOne.instructionsTwo') }}
                       <a href="https://github.com/settings/apps" target="_blank">{{ $t('githubConnector.admin.label.developerSettings') }}
                         <v-icon size="14" class="pb-1 pe-1">fas fa-external-link-alt</v-icon>
@@ -71,23 +71,23 @@ Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
               :step="2"
               class="ma-0 pa-0"
               editable>
-              <span class="font-weight-bold dark-grey-color text-subtitle-1">{{ $t('githubConnector.admin.label.stepTwo') }}</span>
+              <span class="font-weight-bold text-color text-subtitle-1">{{ $t('githubConnector.admin.label.stepTwo') }}</span>
             </v-stepper-step>
             <v-stepper-items>
               <v-stepper-content step="2" class="mx-0 px-0">
                 <v-slide-y-transition>
-                  <div class="pb-4 d-flex flex-column dark-grey-color">
-                    <v-card-text class="ps-0 py-0 dark-grey-color">
+                  <div class="pb-4 d-flex flex-column text-color">
+                    <v-card-text class="ps-0 py-0 text-color">
                       {{ $t('githubConnector.admin.label.stepTwo.instructionsOne') }}
                       <a href="https://github.com/settings/developers" target="_blank">{{ $t('githubConnector.admin.label.oAuthApps') }} </a>
                     </v-card-text>
-                    <v-card-text class="ps-0 pt-0 py-0 dark-grey-color">
+                    <v-card-text class="ps-0 pt-0 py-0 text-color">
                       {{ $t('githubConnector.admin.label.stepTwo.instructionsTwo') }}
                     </v-card-text>
-                    <v-card-text class="ps-0 py-0 dark-grey-color">
+                    <v-card-text class="ps-0 py-0 text-color">
                       {{ $t('githubConnector.admin.label.stepTwo.instructionsThree') }}
                     </v-card-text>
-                    <v-card-text class="dark-grey-color pb-1">
+                    <v-card-text class="text-color pb-1">
                       {{ $t('githubConnector.admin.label.homepageURL') }}:
                     </v-card-text>
                     <div class="d-flex flex-row">
@@ -102,7 +102,7 @@ Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
                         <v-icon>fas fa-copy</v-icon>
                       </v-btn>
                     </div>
-                    <v-card-text class="dark-grey-color pb-1">
+                    <v-card-text class="text-color pb-1">
                       {{ $t('githubConnector.admin.label.authorizationCallbackURL') }}:
                     </v-card-text>
                     <div class="d-flex flex-row">
@@ -127,13 +127,13 @@ Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
               :step="3"
               class="ma-0 pa-0"
               editable>
-              <span class="font-weight-bold dark-grey-color text-subtitle-1">{{ $t('githubConnector.admin.label.stepThree') }}</span>
+              <span class="font-weight-bold text-color text-subtitle-1">{{ $t('githubConnector.admin.label.stepThree') }}</span>
             </v-stepper-step>
             <v-stepper-items>
               <v-stepper-content step="3" class="mx-0 px-0">
                 <v-slide-y-transition>
-                  <div class="pb-4 d-flex flex-column dark-grey-color">
-                    <v-card-text class="ps-0 py-0 pb-4 dark-grey-color">
+                  <div class="pb-4 d-flex flex-column text-color">
+                    <v-card-text class="ps-0 py-0 pb-4 text-color">
                       {{ $t('githubConnector.admin.label.stepThree.instructionsOne') }}
                     </v-card-text>
                     <img
@@ -141,10 +141,10 @@ Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
                       src="/gamification-github/skin/images/github-oauth-creation.png"
                       alt="SignUpAgreement"
                       width="300">
-                    <v-card-text class="ps-0 pb-4 dark-grey-color">
+                    <v-card-text class="ps-0 pb-4 text-color">
                       {{ $t('githubConnector.admin.label.stepThree.instructionsTwo') }}
                     </v-card-text>
-                    <v-card-text class="text-left ps-0 py-0 dark-grey-color">
+                    <v-card-text class="text-left ps-0 py-0 text-color">
                       {{ $t('githubConnector.admin.label.clientId') }}
                     </v-card-text>
                     <v-card-text class="ps-0 pt-2">
@@ -158,7 +158,7 @@ Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
                         @input="disabled = false"
                         @change="disabled = false">
                     </v-card-text>
-                    <v-card-text class="text-left ps-0 py-0 dark-grey-color">
+                    <v-card-text class="text-left ps-0 py-0 text-color">
                       {{ $t('githubConnector.admin.label.clientSecret') }}
                     </v-card-text>
                     <v-card-text class="ps-0 pt-2">
diff --git a/gamification-github-webapp/src/main/webapp/vue-app/githubAdminConnectorExtension/components/GithubAdminConnectorHookList.vue b/gamification-github-webapp/src/main/webapp/vue-app/githubAdminConnectorExtension/components/GithubAdminConnectorHookList.vue
index 995d7118..3454cc08 100644
--- a/gamification-github-webapp/src/main/webapp/vue-app/githubAdminConnectorExtension/components/GithubAdminConnectorHookList.vue
+++ b/gamification-github-webapp/src/main/webapp/vue-app/githubAdminConnectorExtension/components/GithubAdminConnectorHookList.vue
@@ -18,7 +18,7 @@ Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
   <v-card class="pt-5 px-4" flat>
     <div class="d-flex flex-row">
       <div>
-        <v-card-text class="px-0 py-0 dark-grey-color font-weight-bold">
+        <v-card-text class="px-0 py-0 text-color font-weight-bold">
           {{ $t('githubConnector.webhook.label.watchProject') }}
         </v-card-text>
         <v-card-text class="dark-grey-color px-0 pt-0">
diff --git a/gamification-github-webapp/src/main/webapp/vue-app/githubAdminConnectorExtension/components/GithubAdminConnectorItem.vue b/gamification-github-webapp/src/main/webapp/vue-app/githubAdminConnectorExtension/components/GithubAdminConnectorItem.vue
index a8339d6f..2ab21b22 100644
--- a/gamification-github-webapp/src/main/webapp/vue-app/githubAdminConnectorExtension/components/GithubAdminConnectorItem.vue
+++ b/gamification-github-webapp/src/main/webapp/vue-app/githubAdminConnectorExtension/components/GithubAdminConnectorItem.vue
@@ -25,8 +25,8 @@ Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
               outlined
               v-on="on"
               @click="backToConnectorDetail">
-              <v-icon size="18" class="icon-default-color mx-2">fa-arrow-left</v-icon>
-              <span class="text-header-title">{{ $t('githubConnector.admin.label.configuration') }}</span>
+              <v-icon size="18" class="text-color mx-2">fa-arrow-left</v-icon>
+              <span class="text-color font-weight-bold icon-default-size">{{ $t('githubConnector.admin.label.configuration') }}</span>
             </v-btn>
           </template>
           <span>{{ $t('gamification.connectors.settings.BackToDetail') }}</span>
@@ -41,7 +41,7 @@ Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
       </div>
       <div class="d-flex flex-row px-4">
         <div>
-          <v-card-text class="px-0 py-0 dark-grey-color font-weight-bold">
+          <v-card-text class="px-0 py-0 text-color font-weight-bold">
             {{ $t('githubConnector.admin.label.connect') }}
           </v-card-text>
           <v-card-text class="dark-grey-color px-0 pt-0">
diff --git a/gamification-github-webapp/src/main/webapp/vue-app/githubAdminConnectorExtension/components/GithubAdminHookFormDrawer.vue b/gamification-github-webapp/src/main/webapp/vue-app/githubAdminConnectorExtension/components/GithubAdminHookFormDrawer.vue
index 9a704695..cea6faa8 100644
--- a/gamification-github-webapp/src/main/webapp/vue-app/githubAdminConnectorExtension/components/GithubAdminHookFormDrawer.vue
+++ b/gamification-github-webapp/src/main/webapp/vue-app/githubAdminConnectorExtension/components/GithubAdminHookFormDrawer.vue
@@ -40,32 +40,32 @@ Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
             <v-stepper-step
               step="1"
               class="ma-0">
-              <span class="font-weight-bold dark-grey-color text-subtitle-1">{{ $t('githubConnector.admin.label.addAccessToken') }}</span>
+              <span class="font-weight-bold text-color text-subtitle-1">{{ $t('githubConnector.admin.label.addAccessToken') }}</span>
             </v-stepper-step>
             <v-slide-y-transition>
               <div v-show="stepper === 1" class="px-6">
-                <div class="pb-4 d-flex flex-column dark-grey-color">
-                  <v-card-text class="ps-0 dark-grey-color">
+                <div class="pb-4 d-flex flex-column text-color">
+                  <v-card-text class="ps-0 text-color">
                     {{ $t('githubConnector.admin.label.accessToken.instructions.stepOne') }}
                     (<a href="https://docs.github.com/en/authentication/keeping-your-account-and-data-secure/managing-your-personal-access-tokens#creating-a-personal-access-token-classic" target="_blank">{{ $t('githubConnector.admin.label.seeMore') }}
                       <v-icon size="14" class="pb-1 pe-1">fas fa-external-link-alt</v-icon>
                     </a>)
                   </v-card-text>
-                  <v-card-text class="pt-0 ps-0 dark-grey-color">
+                  <v-card-text class="pt-0 ps-0 text-color">
                     {{ $t('githubConnector.admin.label.accessToken.instructions.stepTwo') }}
                   </v-card-text>
-                  <v-card-text class="pt-0 pb-1 ps-0 dark-grey-color">
+                  <v-card-text class="pt-0 pb-1 ps-0 text-color">
                     {{ $t('githubConnector.admin.label.accessToken.instructions.stepThree') }} :
                   </v-card-text>
-                  <span class="pt-0 ps-0 dark-grey-color">
+                  <span class="pt-0 ps-0 text-color">
                     - repo
                   </span>
-                  <span class="pt-0 ps-0 dark-grey-color">
+                  <span class="pt-0 ps-0 text-color">
                     - admin:org_hook
                   </span>
                 </div>
                 <div class="d-flex flex-column py-0">
-                  <v-card-text class="pt-0 pb-1 ps-0 dark-grey-color subtitle-1">
+                  <v-card-text class="pt-0 pb-1 ps-0 text-color subtitle-1">
                     {{ $t('githubConnector.admin.label.accessToken') }}
                   </v-card-text>
                   <v-text-field
@@ -91,7 +91,7 @@ Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
                       </v-slide-x-reverse-transition>
                     </template>
                   </v-text-field>
-                  <span v-if="isTokenEditing && accessTokenInput" class="text-caption dark-grey-color">{{ $t('githubConnector.webhook.message.confirmBeforeProceeding') }} ↵</span>
+                  <span v-if="isTokenEditing && accessTokenInput" class="text-caption text-color">{{ $t('githubConnector.webhook.message.confirmBeforeProceeding') }} ↵</span>
                 </div>
               </div>
             </v-slide-y-transition>
@@ -101,11 +101,11 @@ Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
               :complete="stepper > 2"
               step="2"
               class="ma-0">
-              <span class="font-weight-bold dark-grey-color text-subtitle-1">{{ $t('githubConnector.admin.label.identifyOrganization') }}</span>
+              <span class="font-weight-bold text-color text-subtitle-1">{{ $t('githubConnector.admin.label.identifyOrganization') }}</span>
             </v-stepper-step>
             <v-slide-y-transition>
               <div v-show="stepper > 1" class="px-6">
-                <v-card-text class="d-flex flex-grow-1 text-no-wrap text-left dark-grey-color text-subtitle-1 pb-2 ps-0">
+                <v-card-text class="d-flex flex-grow-1 text-no-wrap text-left text-color text-subtitle-1 pb-2 ps-0">
                   {{ $t('githubConnector.admin.label.organization') }}
                 </v-card-text>
                 <v-card-text class="d-flex py-0 ps-0">