style: Added more themes

- added grass theme
- added tokyo night blue theme

src/components/InteractiveSystemOverview.tsx

@@ -3,7 +3,7 @@ import { useState } from 'react';
 const CONTENT_MODULES = [
     {
         id: 'bio',
-        title: '/home/sortedcord/bio.txt',
+        title: '/home/aditya/bio.txt',
         tty: 'tty1',
         content: (
             <div className="font-mono text-sm sm:text-base text-(--text-muted) leading-relaxed flex-1 space-y-4">

src/themes.ts

@@ -256,4 +256,52 @@ export const THEMES: Theme[] = [
         },
     }
 
+    ,
+    {
+        id: 'grass',
+        name: 'Grass',
+        variant: 'dark',
+        colors: {
+            accent: '#E7B000',
+            bgBase: '#13773D',
+            bgSurface: 'rgba(19, 119, 61, 0.72)',
+            bgPanel: 'rgba(19, 119, 61, 0.88)',
+            textMain: '#FFF0A5',
+            textMuted: '#BBBBBB',
+            textDim: '#555555',
+            borderMain: '#000000',
+            gridPattern: 'rgba(255, 240, 165, 0.22)',
+            statusSuccess: '#00BB00',
+            catStroke: '#00BBBB',
+            catNose: '#BB0000',
+            catEyes: '#FFF0A5',
+            heartColor: '#E7B000',
+            cursor: '#FFF0A5',
+        },
+    }
+
+    ,
+    {
+        id: 'tomorrow-night-blue',
+        name: 'Tomorrow Night Blue',
+        variant: 'dark',
+        colors: {
+            accent: '#99FFFF',
+            bgBase: '#002451',
+            bgSurface: 'rgba(0, 36, 81, 0.72)',
+            bgPanel: 'rgba(0, 36, 81, 0.88)',
+            textMain: '#FFFFFF',
+            textMuted: '#BBDAFF',
+            textDim: '#7285B7',
+            borderMain: '#00346E',
+            gridPattern: 'rgba(255, 255, 255, 0.22)',
+            statusSuccess: '#D1F1A9',
+            catStroke: '#BBDAFF',
+            catNose: '#FF9DA4',
+            catEyes: '#FFFFFF',
+            heartColor: '#FF9DA4',
+            cursor: '#FFFFFF',
+        },
+    }
+
 ];