a11y

hewonjeong · Mar 12, 2024 · 586a6c0 · 586a6c0
1 parent 2826407
commit 586a6c0
Show file tree

Hide file tree

Showing 5 changed files with 4 additions and 10 deletions.
diff --git a/app/Time.tsx b/app/Time.tsx
@@ -8,7 +8,7 @@ export default function Time({ value, className }: Props) {
   return (
     <time
       dateTime={formatDateTime(date)}
-      className={`text-[13px] text-gray-400 dark:text-gray-500 font-mono flex ${className}`}
+      className={`text-[13px] text-gray-500 dark:text-gray-400 font-mono flex ${className}`}
     >
       {date.toLocaleDateString('en', {
         day: 'numeric',

diff --git a/app/[slug]/markdown.css b/app/[slug]/markdown.css
@@ -12,7 +12,7 @@
 }
 
 .markdown a {
-  @apply hover:text-gray-400 hover:border-gray-400 border-b-[1px] border-[--link] text-[--link];
+  @apply hover:text-gray-400 hover:border-gray-400 border-b-[1px] border-[--text] text-[--text];
 }
 
 .markdown hr {

diff --git a/app/[slug]/page.tsx b/app/[slug]/page.tsx
@@ -25,7 +25,7 @@ export default async function PostPage({
 
   return (
     <article>
-      <h1 className="text-[2.5rem] leading-tight font-bold text-[--title] break-keep">
+      <h1 className="text-[2.5rem] leading-tight font-bold break-keep">
         {data.title}
       </h1>
       <Time value={data.date} className="mt-2" />

diff --git a/app/global.css b/app/global.css
@@ -4,18 +4,12 @@
 
 :root {
   --text: #222;
-  --title: #222;
   --bg: white;
-  --code-bg: #232936;
-  --link: #222;
 }
 @media (prefers-color-scheme: dark) {
   :root {
     --text: rgba(255, 255, 255, 0.88);
-    --title: white;
     --bg: #222;
-    --code-bg: #191d27;
-    --link: rgba(255, 255, 255, 0.88);
   }
 }
 

diff --git a/app/not-found.tsx b/app/not-found.tsx
@@ -3,7 +3,7 @@ import './[slug]/markdown.css'
 export default function NotFound() {
   return (
     <article className="markdown">
-      <h1 className="text-[40px] font-bold leading-[44px] text-[--title]']">
+      <h1 className="text-[40px] font-bold leading-[44px]']">
         Not found
       </h1>
       <div className="markdown mt-10">