feature: Configure global theme (font/colors) (#10)

* Configure global theme (font/colors) * Fix linting errors
ufssd · Oct 21, 2023 · b0d3612 · b0d3612
1 parent 004cab1
commit b0d3612
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 19 deletions.
diff --git a/src/app/globals.css b/src/app/globals.css
@@ -3,25 +3,20 @@
 @tailwind utilities;
 
 :root {
-  --foreground-rgb: 0, 0, 0;
-  --background-start-rgb: 214, 219, 220;
-  --background-end-rgb: 255, 255, 255;
-}
+  --theme-color-primary: #057CDE;
+  --theme-color-secondary: #035496;
+  --theme-color-accent: #59B1F9;
+  --theme-color-text: white;
 
-@media (prefers-color-scheme: dark) {
-  :root {
-    --foreground-rgb: 255, 255, 255;
-    --background-start-rgb: 0, 0, 0;
-    --background-end-rgb: 0, 0, 0;
-  }
+  --background-gradiant-light: #004278;
+  --background-gradiant-dark: #030304;
 }
 
 body {
-  color: rgb(var(--foreground-rgb));
+  color: var(--theme-color-text);
   background: linear-gradient(
-      to bottom,
-      transparent,
-      rgb(var(--background-end-rgb))
-    )
-    rgb(var(--background-start-rgb));
+    to bottom right,
+    var(--background-gradiant-dark),
+    var(--background-gradiant-light)
+  )
 }
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -1,8 +1,11 @@
 import "./globals.css";
 import type { Metadata } from "next";
-import { Inter } from "next/font/google";
+import { Poppins } from "next/font/google";
 
-const inter = Inter({ subsets: ["latin"] });
+const font = Poppins({
+  weight: ["400", "700"],
+  subsets: ["latin"],
+});
 
 export const metadata: Metadata = {
   title: "Society of Software Developers",
@@ -16,7 +19,7 @@ export default function RootLayout({
 }) {
   return (
     <html lang="en">
-      <body className={inter.className}>{children}</body>
+      <body className={font.className}>{children}</body>
     </html>
   );
 }