fix: tailwind color

newt239 · newt239 · commit f1ac85cd938d · 2025-04-11T22:39:33.000+09:00
diff --git a/src/app/globals.css b/src/app/globals.css
@@ -1,5 +1,13 @@
 @import "tailwindcss";
 
+@theme {
+  --color-black: #202020;
+  --color-blue: #0c5ae9;
+  --color-gray: #84929e;
+  --color-sky: #00b0f0;
+  --color-white: #ffffff;
+}
+
 @layer base {
   body {
     @apply font-sans;
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -100,7 +100,7 @@ export default function RootLayout({
       <body className={`${notoSansJp.variable} ${inter.variable}`}>
         {children}
 
-        <footer className="bg-blue-500">
+        <footer className="bg-blue">
           <div className="container">
             <nav className="flex flex-col items-center gap-y-[32px] md:gap-y-[64px]">
               <DigicreLogo className="logo" />
diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -50,7 +50,7 @@ const menu = [
 
 export default function Home() {
   return (
-    <main className="bg-sky-500">
+    <main className="bg-sky">
       <div className="container">
         <section className="flex flex-col items-center gap-y-[32px] md:gap-y-[64px]">
           <DigicreLogo className="logo" />
