style: Simplify website to black and white theme

- Remove all colorful gradients and bright colors
- Use clean black and white color scheme
- Background: light gray (#f8f9fa) instead of gradient
- Container: white with simple border instead of shadow
- Headers: pure black (#000) instead of gradient text
- Code blocks: black background with white text
- Language tags: black background instead of blue
- Copy buttons: gray/black instead of blue
- Links: black instead of blue
- Maintains rustup.rs minimal aesthetic
- Tested and working correctly

Author: script3r

static/index.html

@@ -15,7 +15,7 @@
             font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
             line-height: 1.6;
             color: #333;
-            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+            background: #f8f9fa;
             min-height: 100vh;
             display: flex;
             align-items: center;
@@ -24,8 +24,8 @@
 
         .container {
             background: white;
-            border-radius: 12px;
-            box-shadow: 0 20px 40px rgba(0,0,0,0.1);
+            border: 1px solid #e1e5e9;
+            border-radius: 8px;
             padding: 3rem;
             max-width: 800px;
             width: 90%;
@@ -35,12 +35,8 @@
         h1 {
             font-size: 3rem;
             font-weight: 700;
-            color: #2c3e50;
+            color: #000;
             margin-bottom: 1rem;
-            background: linear-gradient(135deg, #667eea, #764ba2);
-            -webkit-background-clip: text;
-            -webkit-text-fill-color: transparent;
-            background-clip: text;
         }
 
         .subtitle {
@@ -62,19 +58,19 @@
             border-radius: 8px;
             padding: 2rem;
             margin: 2rem 0;
-            border-left: 4px solid #667eea;
+            border-left: 4px solid #000;
         }
 
         .install-title {
             font-size: 1.3rem;
             font-weight: 600;
-            color: #2c3e50;
+            color: #000;
             margin-bottom: 1rem;
         }
 
         .code-block {
-            background: #2c3e50;
-            color: #ecf0f1;
+            background: #000;
+            color: #fff;
             padding: 1.5rem;
             border-radius: 6px;
             font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
@@ -88,9 +84,9 @@
             position: absolute;
             top: 0.5rem;
             right: 0.5rem;
-            background: #667eea;
+            background: #333;
             color: white;
-            border: none;
+            border: 1px solid #666;
             padding: 0.5rem 1rem;
             border-radius: 4px;
             cursor: pointer;
@@ -99,7 +95,7 @@
         }
 
         .copy-btn:hover {
-            background: #5a6fd8;
+            background: #555;
         }
 
         .features {
@@ -113,11 +109,11 @@
             background: #f8f9fa;
             padding: 1.5rem;
             border-radius: 8px;
-            border-top: 3px solid #667eea;
+            border-top: 3px solid #000;
         }
 
         .feature h3 {
-            color: #2c3e50;
+            color: #000;
             margin-bottom: 0.5rem;
             font-size: 1.1rem;
         }
@@ -136,7 +132,7 @@
         }
 
         .lang-tag {
-            background: #667eea;
+            background: #000;
             color: white;
             padding: 0.4rem 0.8rem;
             border-radius: 20px;
@@ -153,7 +149,7 @@
         }
 
         .footer a {
-            color: #667eea;
+            color: #000;
             text-decoration: none;
         }
 
@@ -258,10 +254,10 @@ <h3 class="install-title">Quick Start</h3>
                 const btn = event.target;
                 const originalText = btn.textContent;
                 btn.textContent = 'Copied!';
-                btn.style.background = '#27ae60';
+                btn.style.background = '#000';
                 setTimeout(() => {
                     btn.textContent = originalText;
-                    btn.style.background = '#667eea';
+                    btn.style.background = '#333';
                 }, 2000);
             }).catch(function(err) {
                 console.error('Could not copy text: ', err);

static/style.css

@@ -15,12 +15,12 @@ html {
 }
 
 ::-webkit-scrollbar-thumb {
-    background: #667eea;
+    background: #333;
     border-radius: 4px;
 }
 
 ::-webkit-scrollbar-thumb:hover {
-    background: #5a6fd8;
+    background: #000;
 }
 
 /* Animation for copy button */
@@ -49,7 +49,7 @@ html {
 
 .lang-tag:hover {
     transform: scale(1.05);
-    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
 }
 
 /* Responsive improvements */