refactor: modify base style

Author: patrickluzdev

app/assets/css/tailwind.css

@@ -52,15 +52,15 @@
   --popover-foreground: oklch(0.145 0 0);
   --primary: oklch(0.205 0 0);
   --primary-foreground: oklch(0.985 0 0);
-  --secondary: oklch(0.97 0 0);
+  --secondary: oklch(0.94 0 0);
   --secondary-foreground: oklch(0.205 0 0);
-  --muted: oklch(0.97 0 0);
+  --muted: oklch(0.94 0 0);
   --muted-foreground: oklch(0.556 0 0);
-  --accent: oklch(0.97 0 0);
+  --accent: oklch(0.94 0 0);
   --accent-foreground: oklch(0.205 0 0);
   --destructive: oklch(0.577 0.245 27.325);
-  --border: oklch(0.922 0 0);
-  --input: oklch(0.922 0 0);
+  --border: oklch(0.85 0 0);
+  --input: oklch(0.85 0 0);
   --ring: oklch(0.708 0 0);
   --chart-1: oklch(0.646 0.222 41.116);
   --chart-2: oklch(0.6 0.118 184.704);
@@ -71,9 +71,9 @@
   --sidebar-foreground: oklch(0.145 0 0);
   --sidebar-primary: oklch(0.205 0 0);
   --sidebar-primary-foreground: oklch(0.985 0 0);
-  --sidebar-accent: oklch(0.97 0 0);
+  --sidebar-accent: oklch(0.94 0 0);
   --sidebar-accent-foreground: oklch(0.205 0 0);
-  --sidebar-border: oklch(0.922 0 0);
+  --sidebar-border: oklch(0.85 0 0);
   --sidebar-ring: oklch(0.708 0 0);
 }
 
@@ -93,8 +93,8 @@
   --accent: oklch(0.269 0 0);
   --accent-foreground: oklch(0.985 0 0);
   --destructive: oklch(0.704 0.191 22.216);
-  --border: oklch(1 0 0 / 10%);
-  --input: oklch(1 0 0 / 15%);
+  --border: oklch(1 0 0 / 18%);
+  --input: oklch(1 0 0 / 22%);
   --ring: oklch(0.556 0 0);
   --chart-1: oklch(0.488 0.243 264.376);
   --chart-2: oklch(0.696 0.17 162.48);
@@ -107,7 +107,7 @@
   --sidebar-primary-foreground: oklch(0.985 0 0);
   --sidebar-accent: oklch(0.269 0 0);
   --sidebar-accent-foreground: oklch(0.985 0 0);
-  --sidebar-border: oklch(1 0 0 / 10%);
+  --sidebar-border: oklch(1 0 0 / 18%);
   --sidebar-ring: oklch(0.556 0 0);
 }
 

app/pages/sobre.vue

@@ -29,8 +29,8 @@
     <div class="mb-10">
       <p class="text-stone-600 leading-relaxed mb-4 text-[15px]">
         Sou Patrick Luz, engenheiro de software com +5 anos de experiência em
-        empresas como Mercado Livre, Inter e Hurst Capital. Transformo ideias
-        em produtos digitais escaláveis e de alta qualidade.
+        empresas como Mercado Livre, Inter e Hurst Capital. Transformo ideias em
+        produtos digitais escaláveis e de alta qualidade.
       </p>
       <p class="text-stone-600 leading-relaxed text-[15px]">
         Trabalho com todo o ciclo de desenvolvimento — do planejamento à
@@ -152,7 +152,9 @@
             <h3 class="font-medium text-stone-800 text-[15px]">
               {{ exp.title }}
             </h3>
-            <p class="text-xs text-stone-400 mb-2">{{ exp.period }} · {{ calculateDuration(exp.period) }}</p>
+            <p class="text-xs text-stone-400 mb-2">
+              {{ exp.period }} · {{ calculateDuration(exp.period) }}
+            </p>
             <p class="text-stone-600 text-sm leading-relaxed">
               {{ exp.description }}
             </p>
@@ -216,7 +218,9 @@
       <h2 class="text-lg font-semibold text-stone-900 mb-3">
         Formação acadêmica
       </h2>
-      <p class="text-stone-500 text-[15px] mb-6">Minha trajetória educacional.</p>
+      <p class="text-stone-500 text-[15px] mb-6">
+        Minha trajetória educacional.
+      </p>
 
       <div class="space-y-6">
         <div v-for="edu in education" :key="edu.institution" class="flex gap-4">
@@ -301,5 +305,11 @@ useSeoMeta({
 });
 
 const { metricsAbout: metrics, serviceCategories } = useContent();
-const { experiences, education, skillCategories, testimonials, calculateDuration } = useProfile();
+const {
+  experiences,
+  education,
+  skillCategories,
+  testimonials,
+  calculateDuration,
+} = useProfile();
 </script>