From 019c7a9f9185096bfc7ae9a30cd89726058e235b Mon Sep 17 00:00:00 2001
From: Christian Cueni <christian.cueni@iterativ.ch>
Date: Tue, 2 Aug 2022 11:42:23 +0200
Subject: [PATCH] Update colors

---
 client/src/components/Footer.vue      |   2 +-
 client/src/views/CircleView.vue       |   2 +-
 client/src/views/CockpitView.vue      |   2 +-
 client/src/views/LearningPathView.vue |   2 +-
 client/src/views/StyelGuideView.vue   |   4 ++--
 client/tailwind.config.js             |  15 ++++++++-------
 client/tailwind.css                   |   4 ++--
 env_secrets/local_chrigu.env          | Bin 0 -> 1763 bytes
 8 files changed, 16 insertions(+), 15 deletions(-)
 create mode 100644 env_secrets/local_chrigu.env

diff --git a/client/src/components/Footer.vue b/client/src/components/Footer.vue
index 262251e0..7d678303 100644
--- a/client/src/components/Footer.vue
+++ b/client/src/components/Footer.vue
@@ -10,7 +10,7 @@ log.debug('Footer created');
     class="
         px-8
         py-4
-        bg-gray-100
+        bg-gray-200
         border-t border-gray-500
       ">
     @2022 VBV
diff --git a/client/src/views/CircleView.vue b/client/src/views/CircleView.vue
index dd155b85..b5fbb561 100644
--- a/client/src/views/CircleView.vue
+++ b/client/src/views/CircleView.vue
@@ -81,7 +81,7 @@ onMounted(async () => {
             </div>
           </div>
 
-          <div class="flex-auto bg-gray-100 px-4 py-8 lg:px-24">
+          <div class="flex-auto bg-gray-200 px-4 py-8 lg:px-24">
             <div
               v-for="learningSequence in circleStore.circle?.learningSequences || []"
               :key="learningSequence.translation_key"
diff --git a/client/src/views/CockpitView.vue b/client/src/views/CockpitView.vue
index 191d1b0d..b0dd0a70 100644
--- a/client/src/views/CockpitView.vue
+++ b/client/src/views/CockpitView.vue
@@ -9,7 +9,7 @@ const userStore = useUserStore();
 </script>
 
 <template>
-  <main class="px-8 py-8 lg:px-12 lg:py-12 bg-gray-100">
+  <main class="px-8 py-8 lg:px-12 lg:py-12 bg-gray-200">
     <h1>Willkommen, {{userStore.first_name}}</h1>
 
     <h2 class="mt-12">Deine Kurse</h2>
diff --git a/client/src/views/LearningPathView.vue b/client/src/views/LearningPathView.vue
index 071cc8f5..58d48d14 100644
--- a/client/src/views/LearningPathView.vue
+++ b/client/src/views/LearningPathView.vue
@@ -26,7 +26,7 @@ onMounted(async () => {
 </script>
 
 <template>
-  <div class="bg-gray-100" v-if="learningPathStore.learningPath">
+  <div class="bg-gray-200" v-if="learningPathStore.learningPath">
 
     <div class="learningpath flex flex-col">
       <div class="flex flex-col h-max">
diff --git a/client/src/views/StyelGuideView.vue b/client/src/views/StyelGuideView.vue
index 8f617f84..f0d842fd 100644
--- a/client/src/views/StyelGuideView.vue
+++ b/client/src/views/StyelGuideView.vue
@@ -272,11 +272,11 @@ function colorBgClass(color: string, value: number) {
         <transition leave-active-class="transition ease-in duration-100" leave-from-class="opacity-100"
                     leave-to-class="opacity-0">
           <ListboxOptions
-            class="absolute z-10 mt-1 w-full bg-white shadow-lg max-h-60 py-1 text-base ring-1 ring-gray-900 ring-opacity-5 overflow-auto focus:outline-none sm:text-sm">
+            class="absolute z-10 mt-1 w-full bg-white shadow-lg max-h-60 py-1 text-base ring-1 ring-black ring-opacity-5 overflow-auto focus:outline-none sm:text-sm">
             <ListboxOption as="template" v-for="person in state.dropdownValues" :key="person.id" :value="person"
                            v-slot="{ active, selected }">
               <li
-                :class="[active ? 'text-white bg-blue-900' : 'text-gray-900', 'cursor-default select-none relative py-2 pl-3 pr-9']">
+                :class="[active ? 'text-white bg-blue-900' : 'text-black', 'cursor-default select-none relative py-2 pl-3 pr-9']">
               <span :class="[state.dropdownSelected ? 'font-semibold' : 'font-normal', 'block truncate']">
                 {{ person.name }}
               </span>
diff --git a/client/tailwind.config.js b/client/tailwind.config.js
index 5994b410..99ce023a 100644
--- a/client/tailwind.config.js
+++ b/client/tailwind.config.js
@@ -21,8 +21,9 @@ module.exports = {
       transparent: 'transparent',
       current: 'currentColor',
       'white': '#ffffff',
+      'black': '#000000',
       'blue': {
-        700: '#1A5197',
+        700: '#2957A6',
         900: '#00224D',
       },
       'sky': {
@@ -31,21 +32,21 @@ module.exports = {
       },
       'orange': {
         500: '#FE955A',
-        600: '#F37F3E',
+        600: '#E68B4E',
       },
       'green': {
-        500: '#3EDF9C',
-        600: '#17D29A',
+        500: '#54CE8B',
+        600: '#5BB782',
       },
       'red': {
-        500: '#DE3618',
+        500: '#EF7D68',
       },
       'gray': {
-        100: '#EDF2F6',
+        200: '#EDF2F6',
         300: '#E0E5EC',
         500: '#B1C1CA',
         700: '#6F787E',
-        900: '#0A0A0A',
+        900: '#585F63',
       },
     }
   },
diff --git a/client/tailwind.css b/client/tailwind.css
index 8f5c57af..b7017a32 100644
--- a/client/tailwind.css
+++ b/client/tailwind.css
@@ -3,7 +3,7 @@
 @tailwind utilities;
 
 html {
-  @apply text-gray-900
+  @apply text-black
 }
 
 svg {
@@ -59,7 +59,7 @@ svg {
   .btn-secondary {
     @apply font-bold py-2 px-4 align-middle inline-block
     bg-white text-blue-900 border-2 border-blue-900
-    hover:bg-gray-100
+    hover:bg-gray-200
     disabled:opacity-50 disabled:cursor-not-allowed
   }
 
diff --git a/env_secrets/local_chrigu.env b/env_secrets/local_chrigu.env
new file mode 100644
index 0000000000000000000000000000000000000000..da72a3923c00f047eaf0179d0919bf133f7cf5dd
GIT binary patch
literal 1763
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
FslQAkY&!q|

literal 0
HcmV?d00001