Merge pull request #6 from nix6839:base-style

feat: add base style for html
nix6839 · Sep 14, 2023 · e34e0b8 · e34e0b8
2 parents 83e960b + 121c4da
commit e34e0b8
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 8 deletions.
diff --git a/apps/portfolio/src/layouts/BaseLayout.astro b/apps/portfolio/src/layouts/BaseLayout.astro
@@ -9,7 +9,7 @@ const { title } = Astro.props;
 ---
 
 <!DOCTYPE html>
-<html lang="ko">
+<html lang="ko" class="bg-primary font-default scheme-dark">
   <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width" />

diff --git a/apps/portfolio/src/styles/global.css b/apps/portfolio/src/styles/global.css
diff --git a/apps/portfolio/src/styles/index.css b/apps/portfolio/src/styles/index.css
@@ -5,4 +5,3 @@
 
 @import 'tailwindcss/components';
 @import 'tailwindcss/utilities';
-@import url('./global.css');
diff --git a/apps/portfolio/tailwind.config.ts b/apps/portfolio/tailwind.config.ts
@@ -1,5 +1,6 @@
 import tailwindColors from 'tailwindcss/colors.js';
 import defaultTheme from 'tailwindcss/defaultTheme.js';
+import plugin from 'tailwindcss/plugin.js';
 
 import type { Config } from 'tailwindcss';
 
@@ -73,6 +74,16 @@ const config = {
       },
     },
   },
+
+  plugins: [
+    plugin(({ addUtilities }) => {
+      addUtilities({
+        '.scheme-dark': {
+          colorScheme: 'dark',
+        },
+      });
+    }),
+  ],
 } satisfies Config;
 
 export default config;