fix(Header): light theme color

Author: xdeq

assets/styles/base.scss

@@ -28,6 +28,7 @@ $grayscale: (
 	--txt-tertiary: rgba(255, 255, 255, 35%);
 	--txt-support: rgba(255, 255, 255, 15%);
 	--txt-black: rgba(0, 0, 0, 95%);
+	--txt-white: rgba(255, 255, 255, 95%);
 
 	/* General */
 	--brand: #924dff;
@@ -80,6 +81,7 @@ $grayscale: (
 	--txt-tertiary: rgba(0, 0, 0, 40%);
 	--txt-support: rgba(0, 0, 0, 20%);
 	--txt-black: rgba(0, 0, 0, 95%);
+	--txt-white: rgba(255, 255, 255, 95%);
 
 	/* General */
 	--brand: #924dff;

assets/styles/text.scss

@@ -55,6 +55,7 @@ $textColors: (
 	"tertiary": "--txt-tertiary",
 	"support": "--txt-support",
 	"black": "--txt-black",
+	"white": "--txt-white",
 	"blue": "--blue",
 	"orange": "--orange",
 	"light-orange": "--light-orange",

components/TheHeader.vue

@@ -35,7 +35,7 @@ const isActive = (link) => {
 
 				<NuxtLink to="/">
 					<Flex align="center" gap="8" :class="$style.logo">
-						<Icon name="logo" size="18" color="primary" />
+						<Icon name="logo" size="18" color="white" />
 					</Flex>
 				</NuxtLink>
 			</Flex>