end of project

src/views/Technologies.vue

@@ -33,7 +33,7 @@ const showWordpressUnderList=ref(false)
         <li v-bind:class="{ hide : !showVueUnderList }" class="under-li">Vue2 / Vue3</li>
         <li v-bind:class="{ hide : !showVueUnderList }" class="under-li">Option api / Composition api</li>
         <li v-bind:class="{ hide : !showVueUnderList }" class="under-li">Nuxt</li>
-        <li v-bind:class="{ hide : !showVueUnderList }" class="under-li last">Vuetify <span class=red>💚</span></li>
+        <li v-bind:class="{ hide : !showVueUnderList }" class="under-li last">Vuetify <span>💚</span></li>
       <li  @click="showWordpressUnderList = !showWordpressUnderList" v-bind:class="{ open : showWordpressUnderList }" class="under-listed">Worpress</li>
       <li v-bind:class="{ hide : !showWordpressUnderList }" class="under-li">Custom plugins</li>
       <li v-bind:class="{ hide : !showWordpressUnderList }" class="under-li">Custom themes</li>
@@ -48,7 +48,7 @@ const showWordpressUnderList=ref(false)
   </div>
 </template>
 <style lang="scss" scoped>
-@import '../style/shared.scss';
+@import '../style/colors.scss';
 
 .content{
   & > .title {
@@ -62,7 +62,7 @@ const showWordpressUnderList=ref(false)
   }
   
   & > p, & li{
-    //color : $white;
+    //color : $main-normal;
     //opacity : 0;
     line-height: 1.25em;
    // animation: text 0.7s cubic-bezier(0.445, 0.05, 0.55, 0.95) forwards;
@@ -84,7 +84,7 @@ const showWordpressUnderList=ref(false)
     font-size: 1em;
 	  content: "•";
 	  word-spacing: 0.5em;
-	  color: $green;    
+	  color: $action-normal;    
   }
     &.under-listed{
       font-weight: bold;
@@ -111,7 +111,7 @@ const showWordpressUnderList=ref(false)
         }
       }
       &:hover{
-        color: $red-light;
+        color: $renforced-light;
         cursor: pointer;
       }
     }
@@ -127,16 +127,13 @@ const showWordpressUnderList=ref(false)
       font-size:small;
       content: "■";
       word-spacing: 0.5em;
-      color: $green;
+      color: $action-normal;
     }
     &.hide{
       display: none;
    }
   }
 }}
-span.red{
-  color:$red;
-}  
 
 @keyframes text{
 0%{