fix(a11y): contrast on resume

kettei-sproutty · Jun 9, 2024 · 8d44b08 · 8d44b08
1 parent 28067df
commit 8d44b08
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 10 deletions.
diff --git a/src/components/resume/resume-header.svelte b/src/components/resume/resume-header.svelte
@@ -1,14 +1,14 @@
 <script lang="ts">
-  import type { ResumeType } from "./resume.svelte";
+import type { ResumeType } from './resume.svelte'
 
-  type ResumeHeaderProps = {
-    resume: ResumeType;
-  };
+type ResumeHeaderProps = {
+  resume: ResumeType
+}
 
-  const { resume }: ResumeHeaderProps = $props();
-  const [firstLetter, lastLetter] = resume.name
-    .split(" ")
-    .reduce((acc, name) => acc.concat(name[0]), [] as string[]);
+const { resume }: ResumeHeaderProps = $props()
+const [firstLetter, lastLetter] = resume.name
+  .split(' ')
+  .reduce((acc, name) => acc.concat(name[0]), [] as string[])
 </script>
 
 <section id="resume-header">
@@ -21,5 +21,5 @@
       {resume.name}
     </h1>
   </div>
-  <h2 class="text-xl text-primary-400 text-right">{resume.role}</h2>
+  <h2 class="text-xl text-primary-500 text-right">{resume.role}</h2>
 </section>
diff --git a/src/components/resume/resume-sidebar.svelte b/src/components/resume/resume-sidebar.svelte
@@ -15,7 +15,7 @@ export type ResumeSidebarType = Record<string, string[]>
 <aside id="resume-sidebar" class="w-full bg-primary-800 border-primary-300 flex flex-col gap-4 p-2 min-h-full">
   {#each Object.keys(sidebarInfos) as category}
     <div class="gap-2">
-      <TextDivider padding={false} className="text-sm pb-2 first-letter:uppercase">{category}</TextDivider>
+      <TextDivider padding={false} className="text-sm pb-2 first-letter:uppercase text-primary-200">{category}</TextDivider>
       <ul class="pl-3">
         {#each sidebarInfos[category] as item}
           <li class="text-xs text-primary-200 list-disc">{item}</li>