изменение цветов бренда

src/components/BaseLogo.vue

@@ -68,12 +68,12 @@
       </g>
     </svg>
 
-    <span class="text-h4 text-bold q-pr-xs" style="color: var(--logo-color-bg-white);">
+    <span class="text-h4 q-pr-xs text-brand" style="color: var(--logo-color-bg-white);">
       tg
     </span>
 
-    <span class="text-h4 text-brand text-bold  q-pa-0">
-      Projects
+    <span class="text-h4 text-brand2 text-bold  q-pa-0">
+      Crew
     </span>
 
   </div>
@@ -99,16 +99,16 @@
   }
 
   .iconcolor {
-    --icon-color: var(--logo-color-bg-white);
+    --icon-color: #27A7E7;
   }
 
   @keyframes blink {
     100%,
     0% {
-      fill: $light-green-14;
+      fill: #f8b59b;
     }
     60% {
-      fill: $green-14;
+      fill: #F36D3A;
     }
   }
 

src/components/HeroBanner.vue

@@ -30,7 +30,7 @@
         <div>
           <q-btn
             size="lg"
-            color="brand"
+            color="brand2"
             class="q-mt-xl"
             >
             <div class="flex items-center no-wrap">

src/components/meshBackground.vue

@@ -1,8 +1,8 @@
 <template>
   <div 
     id="background-canvas-wrapper"
-    class="flex fit column"
-    style="background-color: #00c853; opacity:0.65"
+    class="flex fit column bg-brand"
+    style="opacity:0.65"
     >
     <canvas id="canvas" class="fit"/>
   </div>