Reverted to commit ec814a9d47

src/index.css

@@ -1,7 +1,4 @@
 @import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap');
-@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&display=swap");
 
 @tailwind base;
 @tailwind components;
@@ -9,108 +6,47 @@
 
 @layer base {
   :root {
-    --background: 240 4% 95%;
+    --background: 220 20% 7%;
-    --foreground: 240 5% 10%;
+    --foreground: 210 20% 92%;
 
-    --card: 0 0% 98%;
+    --card: 220 18% 10%;
-    --card-foreground: 240 5% 10%;
+    --card-foreground: 210 20% 92%;
 
-    --popover: 240 5% 90%;
+    --popover: 220 18% 10%;
-    --popover-foreground: 240 5% 10%;
+    --popover-foreground: 210 20% 92%;
 
-    --primary: 333 71% 50%;
+    --primary: 38 92% 55%;
-    --primary-foreground: 327 73% 97%;
+    --primary-foreground: 220 20% 7%;
 
-    --secondary: 240 5% 33%;
+    --secondary: 220 16% 16%;
-    --secondary-foreground: 0 0% 98%;
+    --secondary-foreground: 210 20% 85%;
 
-    --muted: 240 4% 83%;
+    --muted: 220 14% 14%;
-    --muted-foreground: 240 5% 10%;
+    --muted-foreground: 215 12% 55%;
 
-    --accent: 355 100% 97%;
+    --accent: 200 80% 50%;
-    --accent-foreground: 349 89% 60%;
+    --accent-foreground: 220 20% 7%;
 
-    --destructive: 0 72% 50%;
+    --destructive: 0 72% 51%;
-    --destructive-foreground: 0 85% 97%;
+    --destructive-foreground: 210 40% 98%;
 
     --success: 142 72% 42%;
     --success-foreground: 220 20% 7%;
 
-    --border: 240 4% 83%;
+    --border: 220 14% 18%;
-    --input: 240 4% 83%;
+    --input: 220 14% 18%;
-    --ring: 333 71% 50%;
+    --ring: 38 92% 55%;
 
-    --radius: 1.5rem;
+    --radius: 0.5rem;
 
     --sidebar-background: 220 18% 9%;
-    --sidebar-foreground: 240 5% 10%;
+    --sidebar-foreground: 210 20% 85%;
-    --sidebar-primary: 333 71% 50%;
+    --sidebar-primary: 38 92% 55%;
-    --sidebar-primary-foreground: 327 73% 97%;
+    --sidebar-primary-foreground: 220 20% 7%;
-    --sidebar-accent: 240 5% 33%;
+    --sidebar-accent: 220 14% 14%;
-    --sidebar-accent-foreground: 0 0% 98%;
+    --sidebar-accent-foreground: 210 20% 85%;
-    --sidebar-border: 240 4% 83%;
+    --sidebar-border: 220 14% 18%;
-    --sidebar-ring: 333 71% 50%;
+    --sidebar-ring: 38 92% 55%;
-    --chart-1: 328 85% 70%;
-    --chart-2: 351 94% 71%;
-    --chart-3: 327 87% 81%;
-    --chart-4: 352 95% 81%;
-    --chart-5: 240 3% 46%;
-    --sidebar: 0 0% 98%;
-    --font-sans: 'Poppins', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif;
-    --font-serif: 'Merriweather', ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
-    --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
-    --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
-    --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
-    --shadow-sm: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
-    --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
-    --shadow-md: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 2px 4px -1px hsl(0 0% 0% / 0.1);
-    --shadow-lg: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 4px 6px -1px hsl(0 0% 0% / 0.1);
-    --shadow-xl: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 8px 10px -1px hsl(0 0% 0% / 0.1);
-    --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);
-    --tracking-normal: 0em;
-    --spacing: 0.25rem;
-  }
-  .dark {
-    --background: 240 5% 10%;
-    --foreground: 0 0% 98%;
-    --card: 240 3% 15%;
-    --card-foreground: 0 0% 98%;
-    --popover: 240 5% 26%;
-    --popover-foreground: 0 0% 98%;
-    --primary: 328 85% 70%;
-    --primary-foreground: 336 83% 17%;
-    --secondary: 240 3% 46%;
-    --secondary-foreground: 0 0% 98%;
-    --muted: 240 3% 46%;
-    --muted-foreground: 0 0% 98%;
-    --accent: 343 87% 15%;
-    --accent-foreground: 351 94% 71%;
-    --destructive: 0 84% 60%;
-    --destructive-foreground: 0 85% 97%;
-    --border: 240 5% 33%;
-    --input: 240 5% 33%;
-    --ring: 328 85% 70%;
-    --chart-1: 327 87% 81%;
-    --chart-2: 352 95% 81%;
-    --chart-3: 328 85% 70%;
-    --chart-4: 351 94% 71%;
-    --chart-5: 240 5% 33%;
-    --sidebar: 240 3% 15%;
-    --sidebar-foreground: 0 0% 98%;
-    --sidebar-primary: 328 85% 70%;
-    --sidebar-primary-foreground: 336 83% 17%;
-    --sidebar-accent: 351 94% 71%;
-    --sidebar-accent-foreground: 343 87% 15%;
-    --sidebar-border: 240 5% 33%;
-    --sidebar-ring: 328 85% 70%;
-    --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
-    --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
-    --shadow-sm: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
-    --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
-    --shadow-md: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 2px 4px -1px hsl(0 0% 0% / 0.1);
-    --shadow-lg: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 4px 6px -1px hsl(0 0% 0% / 0.1);
-    --shadow-xl: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 8px 10px -1px hsl(0 0% 0% / 0.1);
-    --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);
   }
 }
 
@@ -156,4 +92,4 @@
       linear-gradient(90deg, hsl(220 14% 18% / 0.5) 1px, transparent 1px);
     background-size: 20px 20px;
   }
-}
+}

tailwind.config.ts

@@ -5,144 +5,92 @@ export default {
   content: ["./pages/**/*.{ts,tsx}", "./components/**/*.{ts,tsx}", "./app/**/*.{ts,tsx}", "./src/**/*.{ts,tsx}"],
   prefix: "",
   theme: {
-  	container: {
+    container: {
-  		center: true,
+      center: true,
-  		padding: '2rem',
+      padding: "2rem",
-  		screens: {
+      screens: {
-  			'2xl': '1400px'
+        "2xl": "1400px",
-  		}
+      },
-  	},
+    },
-  	extend: {
+    extend: {
-  		fontFamily: {
+      fontFamily: {
-  			mono: [
+        mono: ["JetBrains Mono", "monospace"],
-  				'JetBrains Mono',
+        sans: ["Inter", "system-ui", "sans-serif"],
-  				'ui-monospace',
+      },
-  				'SFMono-Regular',
+      colors: {
-  				'Menlo',
+        border: "hsl(var(--border))",
-  				'Monaco',
+        input: "hsl(var(--input))",
-  				'Consolas',
+        ring: "hsl(var(--ring))",
-  				'Liberation Mono',
+        background: "hsl(var(--background))",
-  				'Courier New',
+        foreground: "hsl(var(--foreground))",
-  				'monospace'
+        primary: {
-  			],
+          DEFAULT: "hsl(var(--primary))",
-  			sans: [
+          foreground: "hsl(var(--primary-foreground))",
-  				'Poppins',
+        },
-  				'ui-sans-serif',
+        secondary: {
-  				'system-ui',
+          DEFAULT: "hsl(var(--secondary))",
-  				'-apple-system',
+          foreground: "hsl(var(--secondary-foreground))",
-  				'BlinkMacSystemFont',
+        },
-  				'Segoe UI',
+        destructive: {
-  				'Roboto',
+          DEFAULT: "hsl(var(--destructive))",
-  				'Helvetica Neue',
+          foreground: "hsl(var(--destructive-foreground))",
-  				'Arial',
+        },
-  				'Noto Sans',
+        success: {
-  				'sans-serif'
+          DEFAULT: "hsl(var(--success))",
-  			],
+          foreground: "hsl(var(--success-foreground))",
-  			serif: [
+        },
-  				'Merriweather',
+        muted: {
-  				'ui-serif',
+          DEFAULT: "hsl(var(--muted))",
-  				'Georgia',
+          foreground: "hsl(var(--muted-foreground))",
-  				'Cambria',
+        },
-  				'Times New Roman',
+        accent: {
-  				'Times',
+          DEFAULT: "hsl(var(--accent))",
-  				'serif'
+          foreground: "hsl(var(--accent-foreground))",
-  			]
+        },
-  		},
+        popover: {
-  		colors: {
+          DEFAULT: "hsl(var(--popover))",
-  			border: 'hsl(var(--border))',
+          foreground: "hsl(var(--popover-foreground))",
-  			input: 'hsl(var(--input))',
+        },
-  			ring: 'hsl(var(--ring))',
+        card: {
-  			background: 'hsl(var(--background))',
+          DEFAULT: "hsl(var(--card))",
-  			foreground: 'hsl(var(--foreground))',
+          foreground: "hsl(var(--card-foreground))",
-  			primary: {
+        },
-  				DEFAULT: 'hsl(var(--primary))',
+        sidebar: {
-  				foreground: 'hsl(var(--primary-foreground))'
+          DEFAULT: "hsl(var(--sidebar-background))",
-  			},
+          foreground: "hsl(var(--sidebar-foreground))",
-  			secondary: {
+          primary: "hsl(var(--sidebar-primary))",
-  				DEFAULT: 'hsl(var(--secondary))',
+          "primary-foreground": "hsl(var(--sidebar-primary-foreground))",
-  				foreground: 'hsl(var(--secondary-foreground))'
+          accent: "hsl(var(--sidebar-accent))",
-  			},
+          "accent-foreground": "hsl(var(--sidebar-accent-foreground))",
-  			destructive: {
+          border: "hsl(var(--sidebar-border))",
-  				DEFAULT: 'hsl(var(--destructive))',
+          ring: "hsl(var(--sidebar-ring))",
-  				foreground: 'hsl(var(--destructive-foreground))'
+        },
-  			},
+      },
-  			success: {
+      borderRadius: {
-  				DEFAULT: 'hsl(var(--success))',
+        lg: "var(--radius)",
-  				foreground: 'hsl(var(--success-foreground))'
+        md: "calc(var(--radius) - 2px)",
-  			},
+        sm: "calc(var(--radius) - 4px)",
-  			muted: {
+      },
-  				DEFAULT: 'hsl(var(--muted))',
+      keyframes: {
-  				foreground: 'hsl(var(--muted-foreground))'
+        "accordion-down": {
-  			},
+          from: { height: "0" },
-  			accent: {
+          to: { height: "var(--radix-accordion-content-height)" },
-  				DEFAULT: 'hsl(var(--accent))',
+        },
-  				foreground: 'hsl(var(--accent-foreground))'
+        "accordion-up": {
-  			},
+          from: { height: "var(--radix-accordion-content-height)" },
-  			popover: {
+          to: { height: "0" },
-  				DEFAULT: 'hsl(var(--popover))',
+        },
-  				foreground: 'hsl(var(--popover-foreground))'
+        "pulse-glow": {
-  			},
+          "0%, 100%": { opacity: "1" },
-  			card: {
+          "50%": { opacity: "0.5" },
-  				DEFAULT: 'hsl(var(--card))',
+        },
-  				foreground: 'hsl(var(--card-foreground))'
+      },
-  			},
+      animation: {
-  			sidebar: {
+        "accordion-down": "accordion-down 0.2s ease-out",
-  				DEFAULT: 'hsl(var(--sidebar-background))',
+        "accordion-up": "accordion-up 0.2s ease-out",
-  				foreground: 'hsl(var(--sidebar-foreground))',
+        "pulse-glow": "pulse-glow 2s ease-in-out infinite",
-  				primary: 'hsl(var(--sidebar-primary))',
+      },
-  				'primary-foreground': 'hsl(var(--sidebar-primary-foreground))',
+    },
-  				accent: 'hsl(var(--sidebar-accent))',
-  				'accent-foreground': 'hsl(var(--sidebar-accent-foreground))',
-  				border: 'hsl(var(--sidebar-border))',
-  				ring: 'hsl(var(--sidebar-ring))'
-  			}
-  		},
-  		borderRadius: {
-  			lg: 'var(--radius)',
-  			md: 'calc(var(--radius) - 2px)',
-  			sm: 'calc(var(--radius) - 4px)'
-  		},
-  		keyframes: {
-  			'accordion-down': {
-  				from: {
-  					height: '0'
-  				},
-  				to: {
-  					height: 'var(--radix-accordion-content-height)'
-  				}
-  			},
-  			'accordion-up': {
-  				from: {
-  					height: 'var(--radix-accordion-content-height)'
-  				},
-  				to: {
-  					height: '0'
-  				}
-  			},
-  			'pulse-glow': {
-  				'0%, 100%': {
-  					opacity: '1'
-  				},
-  				'50%': {
-  					opacity: '0.5'
-  				}
-  			}
-  		},
-  		animation: {
-  			'accordion-down': 'accordion-down 0.2s ease-out',
-  			'accordion-up': 'accordion-up 0.2s ease-out',
-  			'pulse-glow': 'pulse-glow 2s ease-in-out infinite'
-  		},
-  		boxShadow: {
-  			'2xs': 'var(--shadow-2xs)',
-  			xs: 'var(--shadow-xs)',
-  			sm: 'var(--shadow-sm)',
-  			md: 'var(--shadow-md)',
-  			lg: 'var(--shadow-lg)',
-  			xl: 'var(--shadow-xl)',
-  			'2xl': 'var(--shadow-2xl)'
-  		}
-  	}
   },
   plugins: [require("tailwindcss-animate")],
 } satisfies Config;