fix

LaMobilery · Oct 19, 2023 · e85701a · e85701a
2 parents 5a6b745 + 6523818
commit e85701a
Show file tree

Hide file tree

Showing 3 changed files with 46 additions and 46 deletions.
diff --git a/pages/index.tsx b/pages/index.tsx
@@ -4,11 +4,8 @@ import styles from "@/styles/Home.module.css";
 import { useState } from "react";
 import DatePicker from "react-datepicker";
 import "react-datepicker/dist/react-datepicker.css";
-import Link from "next/link";
 import dates from "../utils/dates.json";
 
-const inter = Inter({ subsets: ["latin"] });
-
 const dataJson = dates;
 
 export default function Home() {

diff --git a/styles/Home.module.css b/styles/Home.module.css
@@ -5,6 +5,7 @@
   align-items: center;
   padding: 6rem;
   min-height: 100vh;
+  background-color: #FFEBCD;
 }
 
 .description {
@@ -120,7 +121,7 @@
   transform: translateZ(0);
   border-radius: var(--border-radius);
   overflow: hidden;
-  box-shadow: 0px 2px 8px -1px #0000001a;
+  box-shadow: 0 2px 8px -1px #0000001a;
 }
 
 .thirteen::before,

diff --git a/styles/globals.css b/styles/globals.css
@@ -4,72 +4,74 @@
   --font-mono: ui-monospace, Menlo, Monaco, 'Cascadia Mono', 'Segoe UI Mono',
     'Roboto Mono', 'Oxygen Mono', 'Ubuntu Monospace', 'Source Code Pro',
     'Fira Mono', 'Droid Sans Mono', 'Courier New', monospace;
+  --main-color: #FFEBCD;
+
+  --foreground-rgb: var(--main-color);
+  --background-start-rgb: var(--main-color);
+  --background-end-rgb: var(--main-color);
 
-  --foreground-rgb: 0, 0, 0;
-  --background-start-rgb: 214, 219, 220;
-  --background-end-rgb: 255, 255, 255;
 
   --primary-glow: conic-gradient(
     from 180deg at 50% 50%,
-    #16abff33 0deg,
-    #0885ff33 55deg,
-    #54d6ff33 120deg,
-    #0071ff33 160deg,
+    var(--main-color) 0deg,
+    var(--main-color) 55deg,
+    var(--main-color) 120deg,
+    var(--main-color) 160deg,
     transparent 360deg
   );
   --secondary-glow: radial-gradient(
-    rgba(255, 255, 255, 1),
-    rgba(255, 255, 255, 0)
+          var(--main-color),
+          var(--main-color)
   );
 
-  --tile-start-rgb: 239, 245, 249;
-  --tile-end-rgb: 228, 232, 233;
+  --tile-start-rgb: var(--main-color);
+  --tile-end-rgb: var(--main-color);
   --tile-border: conic-gradient(
-    #00000080,
-    #00000040,
-    #00000030,
-    #00000020,
-    #00000010,
-    #00000010,
-    #00000080
+          var(--main-color)
+          var(--main-color)
+          var(--main-color)
+          var(--main-color)
+          var(--main-color)
+          var(--main-color)
+          var(--main-color)
   );
 
-  --callout-rgb: 238, 240, 241;
-  --callout-border-rgb: 172, 175, 176;
-  --card-rgb: 180, 185, 188;
-  --card-border-rgb: 131, 134, 135;
+  --callout-rgb: var(--main-color);
+  --callout-border-rgb: var(--main-color);
+  --card-rgb: var(--main-color);
+  --card-border-rgb: var(--main-color);
 }
 
 @media (prefers-color-scheme: dark) {
   :root {
-    --foreground-rgb: 255, 255, 255;
-    --background-start-rgb: 0, 0, 0;
-    --background-end-rgb: 0, 0, 0;
+    --foreground-rgb: var(--main-color);
+    --background-start-rgb: var(--main-color);
+    --background-end-rgb: var(--main-color);
 
-    --primary-glow: radial-gradient(rgba(1, 65, 255, 0.4), rgba(1, 65, 255, 0));
+    --primary-glow: radial-gradient(var(--main-color), var(--main-color));
     --secondary-glow: linear-gradient(
       to bottom right,
-      rgba(1, 65, 255, 0),
-      rgba(1, 65, 255, 0),
-      rgba(1, 65, 255, 0.3)
+      var(--main-color),
+      var(--main-color),
+      var(--main-color),
     );
 
-    --tile-start-rgb: 2, 13, 46;
-    --tile-end-rgb: 2, 5, 19;
+    --tile-start-rgb: var(--main-color);
+    --tile-end-rgb: var(--main-color);
     --tile-border: conic-gradient(
-      #ffffff80,
-      #ffffff40,
-      #ffffff30,
-      #ffffff20,
-      #ffffff10,
-      #ffffff10,
-      #ffffff80
+            var(--main-color),
+            var(--main-color),
+            var(--main-color),
+            var(--main-color),
+            var(--main-color),
+            var(--main-color),
+            var(--main-color),
     );
 
-    --callout-rgb: 20, 20, 20;
-    --callout-border-rgb: 108, 108, 108;
-    --card-rgb: 100, 100, 100;
-    --card-border-rgb: 200, 200, 200;
+    --callout-rgb: var(--main-color);
+    --callout-border-rgb: var(--main-color);
+    --card-rgb: var(--main-color);
+    --card-border-rgb: var(--main-color);
   }
 }