Initial Commit

2026-02-22 09:44:19 +05:30
commit 8df4ef3b49
15 changed files with 4870 additions and 0 deletions
--- a/src/theme.css
+++ b/src/theme.css
@@ -0,0 +1,92 @@
+@import url('https://fonts.googleapis.com/css2?family=Architects+Daughter&family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap');
+
+:root {
+    /* =========================================
+     🎨 CENTRAL COLOR PALETTE
+     Modify these variables to change the theme!
+     ========================================= */
+
+    /* Backgrounds */
+    --bg-base: #111113;
+    /* Main page background */
+    --bg-surface: rgba(24, 24, 27, 0.4);
+    /* Cards and secondary backgrounds */
+    --bg-panel: rgba(9, 9, 11, 0.85);
+    /* Terminal panes and rigid components */
+
+    /* Typography */
+    --text-main: #f4f4f5;
+    /* Headings and primary text */
+    --text-muted: #a1a1aa;
+    /* Paragraphs and secondary text */
+    --text-dim: #52525b;
+    /* Annotations and subtle details */
+
+    /* Structure */
+    --border-main: #27272a;
+    /* Dashed lines and pane borders */
+    --grid-pattern: rgba(255, 255, 255, 0.08);
+    /* Background dot grid color */
+
+    /* Status Indicators */
+    --status-success: #34d399;
+    /* Emerald color for 'Online' status */
+
+    /* Easter Egg (Cat) */
+    --cat-body: #111113;
+    /* Main body color (usually matches bg-base) */
+    --cat-stroke: #60a5fa;
+    /* Blue stroke outline */
+    --cat-nose: #f472b6;
+    /* Pink nose */
+    --cat-eyes: #ffffff;
+    /* White eyes */
+    --heart-color: #f472b6;
+    /* Heart animation color */
+}
+
+.font-sketch {
+    font-family: 'Architects Daughter', cursive;
+}
+
+.font-mono {
+    font-family: 'Space Mono', monospace;
+}
+
+.accent-text {
+    color: var(--color-accent);
+    transition: color 0.3s ease;
+}
+
+.accent-bg {
+    background-color: var(--color-accent);
+    transition: background-color 0.3s ease;
+}
+
+/* Indie / Hand-drawn borders */
+.sketch-border {
+    border: 2px solid var(--color-accent-muted);
+    border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
+    transition: all 0.3s ease;
+}
+
+.sketch-border:hover {
+    border-color: var(--color-accent);
+    border-radius: 15px 225px 15px 255px/255px 15px 225px 15px;
+}
+
+.sketch-border-subtle {
+    border: 1px solid var(--border-main);
+    border-radius: 2px 255px 3px 25px / 255px 5px 225px 3px;
+    transition: all 0.3s ease;
+}
+
+.sketch-border-subtle:hover {
+    border-color: var(--color-accent);
+    border-radius: 255px 5px 225px 3px / 2px 255px 3px 25px;
+}
+
+.dot-grid {
+    background-image: radial-gradient(var(--grid-pattern) 1px, transparent 1px);
+    background-size: 24px 24px;
+}