feat(ui): remplace header bolds with semibold

onetdev · Nov 26, 2024 · bc4492c · bc4492c
1 parent 0e20aa8
commit bc4492c
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 8 deletions.
diff --git a/src/components/organisms/Header.tsx b/src/components/organisms/Header.tsx
@@ -14,13 +14,14 @@ const Header: FunctionComponent = () => {
 
   return (
     <header className="grid grid-cols-2 gap-1 py-2">
-      <h1 className="pb-3 font-bold tracking-tighter">
+      <h1 className="pb-3 font-semibold tracking-tighter">
         <Link href="/" prefetch={false} title={t('app.title')}>
           <span className="text-on-surface lg:hidden">
             <i className="font-light">the</i> MAW
           </span>
           <span className="hidden text-on-surface lg:inline">
-            <i className="font-light">the</i> <span>Most Annoying Website</span>
+            <i className="text-3xl font-light opacity-80">the</i>{' '}
+            <span>Most Annoying Website</span>
           </span>
         </Link>
       </h1>

diff --git a/src/styles/globals.css b/src/styles/globals.css
@@ -20,22 +20,22 @@ a:hover {
 }
 
 h1 {
-  @apply text-4xl font-bold;
+  @apply text-4xl font-semibold;
 }
 h2 {
-  @apply text-3xl font-bold;
+  @apply text-3xl font-semibold;
 }
 h3 {
-  @apply text-2xl font-bold;
+  @apply text-2xl font-semibold;
 }
 h4 {
-  @apply text-xl font-bold;
+  @apply text-xl font-semibold;
 }
 h5 {
-  @apply text-lg font-bold;
+  @apply text-lg font-semibold;
 }
 h6 {
-  @apply text-base font-bold;
+  @apply text-base font-semibold;
 }
 
 small {