fix: text color

k-urtica · Jul 10, 2024 · 1988e0c · 1988e0c
1 parent 4655927
commit 1988e0c
Show file tree

Hide file tree

Showing 6 changed files with 33 additions and 33 deletions.
diff --git a/src/components/LikeLists.vue b/src/components/LikeLists.vue
@@ -35,10 +35,10 @@ const likes = [
           <span v-twemoji class="text-5xl">{{ like.icon }}</span>
         </div>
 
-        <h3 class="mt-3 font-bold text-slate-100">
+        <h3 class="mt-3 font-bold text-zinc-50">
           {{ like.title }}
         </h3>
-        <p class="mt-1 text-sm text-slate-300/95">
+        <p class="mt-1 text-sm text-zinc-300/95">
           {{ like.text }}
         </p>
       </li>

diff --git a/src/components/PortfolioLists.vue b/src/components/PortfolioLists.vue
@@ -41,24 +41,24 @@ const portfolios = [
 <template>
   <div>
     <ul class="grid grid-cols-1 gap-8 sm:grid-cols-2">
-      <li v-for="portfolio in portfolios" :key="portfolio.title">
-        <NuxtLink :to="portfolio.url" target="_blank">
+      <li v-for="p in portfolios" :key="p.title">
+        <NuxtLink :to="p.url" target="_blank">
           <article
             class="flex flex-col overflow-hidden rounded-2xl border border-slate-200/10 bg-gray-600/25 shadow-lg shadow-slate-700/20 transition duration-300 hover:bg-slate-500/20 hover:shadow-slate-200/20"
           >
             <div class="aspect-video">
-              <img :alt="portfolio.title" :src="`/images/${portfolio.image}`">
+              <img :alt="p.title" :src="`/images/${p.image}`">
             </div>
 
             <section class="p-4">
-              <h3 v-twemoji class="text-center text-lg font-bold text-teal-400">
-                {{ portfolio.title }}
+              <h3 v-twemoji class="text-center text-lg font-bold text-orange-200">
+                {{ p.title }}
               </h3>
-              <p v-twemoji class="mt-2 text-sm text-slate-300/95">
-                {{ portfolio.text }}
+              <p v-twemoji class="mt-2 text-sm text-zinc-200/90">
+                {{ p.text }}
               </p>
-              <p class="mt-2 text-xs text-amber-300/90">
-                {{ portfolio.tools }}
+              <p class="mt-2 text-xs font-bold text-zinc-50">
+                {{ p.tools }}
               </p>
             </section>
           </article>

diff --git a/src/pages/about.vue b/src/pages/about.vue
@@ -11,20 +11,20 @@ useHead({
   <div class="flex min-h-dvh items-center px-5 py-20">
     <GlassCard tag="article" class="mx-auto max-w-5xl p-8">
       <NavLink
-        class="absolute right-0 top-0 rounded-bl-xl rounded-tr-2xl border-b border-l border-slate-300/20 bg-gray-700/50"
+        class="absolute right-0 top-0 rounded-bl-xl rounded-tr-2xl border-b border-l border-zinc-300/20 bg-gray-700/50"
       />
 
       <FadeUp>
         <header>
-          <h1 class="text-4xl font-bold text-lime-300 underline underline-offset-8">
+          <h1 class="text-4xl font-bold text-orange-200 underline underline-offset-8">
             About
           </h1>
-          <p class="mt-6 text-slate-300/95">
+          <p class="mt-6 text-zinc-200/90">
             Brief introduction about me.
           </p>
         </header>
 
-        <section v-twemoji class="mt-14 text-slate-200">
+        <section v-twemoji class="mt-14 text-zinc-200">
           <p class="mt-2">
             Hi there👋 I'm K.
           </p>
@@ -44,10 +44,10 @@ useHead({
 
       <FadeUp delay="0.35s">
         <section class="mt-14">
-          <h2 class="mb-3 text-2xl font-bold text-lime-300">
+          <h2 class="mb-3 text-2xl font-bold text-orange-200">
             Skills
           </h2>
-          <p v-twemoji class="text-slate-300/80">
+          <p v-twemoji class="text-zinc-300/80">
             Note: 😅It may seem a bit silly to describe one's own skills in this way.
             <br>
             And, of course, there are things not written here!
@@ -56,31 +56,31 @@ useHead({
         </section>
 
         <section class="mt-14">
-          <h2 class="mb-3 text-2xl font-bold text-lime-300">
+          <h2 class="mb-3 text-2xl font-bold text-orange-200">
             Likes
           </h2>
-          <p class="text-slate-200">
+          <p class="text-zinc-200">
             Some of my favorite things.
           </p>
-          <p class="text-slate-200">
+          <p class="text-zinc-200">
             A scene from the travel can be seen
-            <NuxtLink to="/picture" class="text-teal-300 underline underline-offset-2">
+            <NuxtLink to="/picture" class="text-orage-200 underline underline-offset-2">
               here.
             </NuxtLink>
           </p>
           <like-lists class="mt-6" />
         </section>
 
         <section class="mt-14">
-          <h2 class="mb-3 text-2xl font-bold text-lime-300">
+          <h2 class="mb-3 text-2xl font-bold text-orange-200">
             Contact
           </h2>
-          <p class="text-slate-200">
+          <p class="text-zinc-200">
             Contact me on
             <NuxtLink
               to="https://twitter.com/k_urtica"
               target="_blank"
-              class="inline-flex items-center gap-1 text-teal-300"
+              class="inline-flex items-center gap-1 text-orange-200"
             >
               Twitter
               <MdiIcon size="16" :icon="mdiOpenInNew" />

diff --git a/src/pages/index.vue b/src/pages/index.vue
@@ -53,13 +53,13 @@ const menus = [
       <section class="mb-3 mt-6 border-t border-zinc-400/40">
         <ul class="mt-5 space-y-5">
           <li v-for="{ title, to, icon, caption } in menus" :key="title">
-            <NuxtLink :to class="flex items-center justify-between gap-2 text-indigo-300">
+            <NuxtLink :to class="flex items-center justify-between gap-2 text-orange-200">
               <h2 class="text-xl font-bold underline-offset-2 hover:underline">
                 {{ title }}
               </h2>
               <MdiIcon :icon size="18" />
             </NuxtLink>
-            <p class="mt-1 text-sm text-slate-200/90">
+            <p class="mt-1 text-sm text-zinc-200/80">
               {{ caption }}
             </p>
           </li>
@@ -70,7 +70,7 @@ const menus = [
         <NuxtLink
           to="https://github.com/k-urtica/k-urtica.github.io"
           target="_blank"
-          class="text-sm text-indigo-300/90"
+          class="text-sm text-zinc-200/90"
         >
           GitHub
         </NuxtLink>

diff --git a/src/pages/picture.vue b/src/pages/picture.vue
@@ -14,15 +14,15 @@ useHead({
 
       <FadeUp>
         <header>
-          <h1 class="text-4xl font-bold text-lime-300 underline underline-offset-8">
+          <h1 class="text-4xl font-bold text-orange-200 underline underline-offset-8">
             Picture
           </h1>
-          <p class="mt-6 text-slate-300/95">
+          <p class="mt-6 text-zinc-200/90">
             Some fascinating travel scenes.
           </p>
         </header>
 
-        <section v-twemoji class="mt-14 text-slate-200 ">
+        <section v-twemoji class="mt-14 text-zinc-200 ">
           <p class="mt-2">
             I love to travel as much as I love programming✈
           </p>

diff --git a/src/pages/portfolio.vue b/src/pages/portfolio.vue
@@ -14,15 +14,15 @@ useHead({
 
       <FadeUp>
         <header>
-          <h1 class="text-4xl font-bold text-lime-300 underline underline-offset-8">
+          <h1 class="text-4xl font-bold text-orange-200 underline underline-offset-8">
             Portfolio
           </h1>
-          <p class="mt-6 text-slate-300/95">
+          <p class="mt-6 text-zinc-200/90">
             Some of my personal works.
           </p>
         </header>
 
-        <section class="mt-14 text-slate-200">
+        <section class="mt-14 text-zinc-200">
           <p class="mt-2">
             I like to work on personal projects outside of work.
           </p>