fix: remove light mode, default to dark mode

metacube-games · Feb 9, 2024 · 57f5569 · 57f5569
1 parent 6847617
commit 57f5569
Show file tree

Hide file tree

Showing 7 changed files with 18 additions and 26 deletions.
diff --git a/src/app/globals.css b/src/app/globals.css
@@ -7,18 +7,10 @@
 @tailwind utilities; */
 
 :root {
-  --foreground-rgb: 0, 0, 0;
-  --background-start-rgb: 255, 255, 255;
-  --background-end-rgb: 255, 255, 255;
-}
-
-@media (prefers-color-scheme: dark) {
-  :root {
-    --foreground-rgb: 255, 255, 255;
-    --background-start-rgb: 0, 0, 0;
-    --background-end-rgb: 0, 0, 0;
-    scrollbar-color: rgba(200, 200, 200, 0.5) rgba(255, 255, 255, 0.1);
-  }
+  --foreground-rgb: 255, 255, 255;
+  --background-start-rgb: 0, 0, 0;
+  --background-end-rgb: 0, 0, 0;
+  scrollbar-color: rgba(200, 200, 200, 0.5) rgba(255, 255, 255, 0.1);
 }
 
 body {

diff --git a/src/components/features/cards.tsx b/src/components/features/cards.tsx
@@ -25,7 +25,7 @@ export const HoverEffect = ({
       <AnimatePresence>
         {hoveredIndex === idx && (
           <motion.span
-            className="absolute inset-0 h-full w-full bg-neutral-200 dark:bg-slate-800/[0.8] block rounded-3xl"
+            className="absolute inset-0 h-full w-full bg-slate-800/[0.8] block rounded-3xl"
             layoutId="hoverBackground"
             initial={{ opacity: 0 }}
             animate={{
@@ -81,7 +81,7 @@ export const Card = ({
   return (
     <div
       className={cn(
-        "rounded-2xl h-full w-full p-4 overflow-hidden bg-black border border-transparent dark:border-white/[0.2] group-hover:border-slate-700 relative z-50",
+        "rounded-2xl h-full w-full p-4 overflow-hidden bg-black border border-white/[0.2] group-hover:border-slate-700 relative z-50",
         className
       )}
     >

diff --git a/src/components/features/index.tsx b/src/components/features/index.tsx
@@ -3,7 +3,7 @@ import { HoverEffect } from "./cards";
 export default function Features() {
   return (
     <div className="flex flex-col justify-center items-center relative mb-24 text-black">
-      <h1 className="text-3xl font-medium tracking-widest uppercase text-center text-black dark:text-white">Play with Us</h1>
+      <h1 className="text-3xl font-medium tracking-widest uppercase text-center text-white">Play with Us</h1>
       <HoverEffect items={projects} />
     </div>
   );

diff --git a/src/components/motion-card/index.tsx b/src/components/motion-card/index.tsx
@@ -8,21 +8,21 @@ import Link from "next/link";
 export function MotionCard() {
   return (
     <div className="flex flex-col items-center justify-center">
-      <h1 className="text-3xl font-medium tracking-widest uppercase text-center text-black dark:text-white">
+      <h1 className="text-3xl font-medium tracking-widest uppercase text-center text-white">
         Earn Rewards
       </h1>
       <CardContainer className="inter-var">
-        <CardBody className="bg-gray-50 relative group/card  dark:hover:shadow-2xl dark:hover:shadow-emerald-500/[0.1] dark:bg-black dark:border-white/[0.2] border-black/[0.1] w-auto sm:w-[30rem] h-auto rounded-xl p-6 border  ">
+        <CardBody className="relative group/card  hover:shadow-2xl hover:shadow-emerald-500/[0.1] bg-black border-white/[0.2] w-auto sm:w-[30rem] h-auto rounded-xl p-6 border  ">
           <CardItem
             translateZ="0"
-            className="text-xl font-bold text-neutral-600 dark:text-white"
+            className="text-xl font-bold text-white"
           >
             Collect your assets
           </CardItem>
           <CardItem
             as="p"
             translateZ="0"
-            className="text-neutral-500 text-sm max-w-sm mt-2 dark:text-neutral-300"
+            className=" text-sm max-w-sm mt-2 text-neutral-300"
           >
             The first Game is a race to collect unique cards hidden in the
             Metacube. Those will yield special powers and abilities to the
@@ -41,7 +41,7 @@ export function MotionCard() {
           <CardItem
             as="p"
             translateZ="0"
-            className="text-neutral-500 text-sm max-w-sm my-4 dark:text-neutral-300"
+            className="text-sm max-w-sm my-4 text-neutral-300"
           >
             To collect and interact with your assets, you will need a Starknet
             wallet. We recommend Argent X or Braavos.
@@ -50,7 +50,7 @@ export function MotionCard() {
             <CardItem
               translateZ={30}
               as="div"
-              className="px-4 py-2 text-xs dark:text-white justify-center hover:brightness-90"
+              className="px-4 py-2 text-xs text-white justify-center hover:brightness-110"
             >
               <Link
                 href="https://www.argent.xyz/argent-x/"
@@ -71,7 +71,7 @@ export function MotionCard() {
             <CardItem
               translateZ={30}
               as="div"
-              className="px-4 py-2 dark:text-white text-xs justify-center hover:brightness-90"
+              className="px-4 py-2 text-white text-xs justify-center hover:brightness-110"
             >
               <Link
                 href="https://braavos.app/"

diff --git a/src/components/team/index.tsx b/src/components/team/index.tsx
@@ -49,7 +49,7 @@ export default function Team() {
   return (
     <div>
       <div className="flex flex-row items-center justify-center w-full">
-        <h1 className="text-3xl font-medium tracking-widest uppercase text-center text-black dark:text-white">Our Team</h1>
+        <h1 className="text-3xl font-medium tracking-widest uppercase text-center text-white">Our Team</h1>
       </div>
       <div className="flex flex-row items-center justify-center mb-10 w-full">
         <ProfileList items={people} />

diff --git a/src/components/trailer/index.tsx b/src/components/trailer/index.tsx
@@ -11,7 +11,7 @@ export function Trailer() {
 
   return (
     <div className="flex flex-col justify-center items-center relative mb-24 text-black">
-      <h1 className="text-3xl font-medium tracking-widest uppercase text-center text-black dark:text-white mb-4">
+      <h1 className="text-3xl font-medium tracking-widest uppercase text-center text-white mb-4">
         Watch the Trailer
       </h1>
       <blockquote className="twitter-tweet" data-media-max-width="560">

diff --git a/src/components/typed/index.tsx b/src/components/typed/index.tsx
@@ -8,15 +8,15 @@ export function TypewriterEffectSmoothDemo() {
   const words = [
     {
       text: "Metacube",
-      className: "text-white-500 dark:text-white-500",
+      className: "text-white-500",
     },
   ];
   return (
     <div className="flex flex-col items-center justify-center h-[40rem]  ">
       <h1 className="md:text-6xl font-medium tracking-widest uppercase text-white m-4">
         Metacube
       </h1>
-      <p className="text-neutral-600 dark:text-neutral-200 text-xs sm:text-base">
+      <p className="text-neutral-200 text-xs sm:text-base">
         Join the Community
       </p>
       <div className="flex flex-row space-y-0  space-x-24 p-0">