add cyberpunk and terminal commands to change terminal themes; update styles for cyberpunk theme

src/App.tsx

@@ -20,7 +20,7 @@ function App() {
             <div className="absolute inset-0 tv-screen-convex"></div>
 
             {/* Screen Content */}
-            <div className="relative h-full w-full bg-[#003300] p-6 font-mono text-[#00FF00] overflow-hidden z-10">
+            <div className="relative h-full w-full bg-[#003300] p-6 font-mono text-[#00FF00] overflow-hidden z-10 screen-content">
               <div className="animate-pulse mb-4">
                 <Terminal className="inline-block mr-2" />
                 <span className="text-sm">echo "Hey there!"</span>

src/index.css

@@ -189,6 +189,42 @@
     animation: horizontal-glare 4s linear infinite;
     opacity: 0.3;
   }
+
+  .cyberpunk-theme .terminal-button {
+    border-color: rgba(147, 51, 234, 0.3);
+    background: linear-gradient(180deg,
+      rgba(25, 0, 25, 0.9) 0%,
+      rgba(20, 0, 20, 0.95) 100%
+    );
+    color: #df6cfc;
+    text-shadow: 0 0 8px rgba(147, 51, 234, 0.5);
+    box-shadow:
+      inset 0 0 15px rgba(147, 51, 234, 0.1),
+      0 0 2px rgba(147, 51, 234, 0.5),
+      0 0 5px rgba(147, 51, 234, 0.2);
+  }
+
+  .cyberpunk-theme .terminal-button-selected {
+    color: #FF00FF;
+    text-shadow: 0 0 12px rgba(147, 51, 234, 0.8);
+    box-shadow:
+      inset 0 0 25px rgba(147, 51, 234, 0.2),
+      0 0 4px rgba(147, 51, 234, 0.6),
+      0 0 8px rgba(147, 51, 234, 0.3);
+  }
+
+  .cyberpunk-theme .typing-effect {
+    border-right-color: #df6cfc;
+  }
+
+  .cyberpunk-theme input {
+    color: #df6cfc;
+  }
+
+  .cyberpunk-theme .screen-content {
+    background-color: #1a001a;
+    color: #df6cfc;
+  }
 }
 
 @keyframes cursor-blink {

src/shell/commands/cyberpunk.ts

@@ -0,0 +1,16 @@
+import { IShellCommand } from './IShellCommand';
+
+export class cyberpunk implements IShellCommand {
+    getName(): string {
+        return 'cyberpunk';
+    }
+
+    getManPage(): string {
+        return 'Changes the terminal color scheme to cyberpunk theme (purple)';
+    }
+
+    execute(): string {
+        document.documentElement.classList.toggle('cyberpunk-theme', true);
+        return 'Toggled cyberpunk theme!';
+    }
+}

src/shell/commands/terminal.ts

@@ -0,0 +1,16 @@
+import { IShellCommand } from './IShellCommand';
+
+export class terminal implements IShellCommand {
+    getName(): string {
+        return 'terminal';
+    }
+
+    getManPage(): string {
+        return 'Changes the terminal color scheme to terminal theme (green)';
+    }
+
+    execute(): string {
+        document.documentElement.classList.toggle('cyberpunk-theme', false);
+        return 'Toggled terminal theme!';
+    }
+}

src/shell/files/hack.sh

@@ -0,0 +1,37 @@
+#!/bin/bash
+
+echo "[*] Initializing system breach protocol..."
+sleep 1
+echo "[+] Establishing secure connection to target..."
+sleep 0.5
+echo "[*] Running port scan on target system..."
+sleep 1
+echo "[+] Found vulnerable ports: 22, 80, 443"
+sleep 0.5
+echo "[*] Attempting SSH vulnerability exploit..."
+sleep 1
+echo "[+] Access granted to remote system"
+sleep 0.5
+echo "[*] Bypassing firewall rules..."
+sleep 1
+echo "[+] Firewall successfully circumvented"
+sleep 0.5
+echo "[*] Extracting system information..."
+sleep 1
+echo "[+] OS Version: Linux 5.15.0-generic"
+sleep 0.5
+echo "[*] Escalating privileges..."
+sleep 1
+echo "[+] Root access achieved"
+sleep 0.5
+echo "[*] Downloading sensitive data..."
+sleep 5
+echo "[+] Download complete: 1.2GB transferred"
+sleep 0.5
+echo "[*] Covering tracks..."
+sleep 1
+echo "[+] Logs cleared"
+sleep 0.5
+echo "[*] Disconnecting from target system..."
+sleep 1
+echo "[+] Operation completed successfully"

src/shell/system.ts

@@ -14,6 +14,8 @@ import { FileSystem } from "./FileSystem";
 import { ShellSyscall } from "./ShellSyscall";
 import { about } from "./commands/about";
 import { matrix } from "./commands/matrix";
+import { cyberpunk } from './commands/cyberpunk';
+import { terminal } from './commands/terminal';
 
 // System class to manage commands
 class System {
@@ -44,6 +46,8 @@ class System {
         this.commands.push(new sudo());
         this.commands.push(new about());
         // this.commands.push(new matrix());
+        this.commands.push(new cyberpunk());
+        this.commands.push(new terminal());
     }
 
     public static getInstance(): System {