Update README.md

README.md

@@ -7,7 +7,7 @@
     --secondary: #9d50bb;
     --accent: #4776e6;
     --bg: #1a1a2e;
-    --card-bg: #442222; 
+    --card-bg: #2a2a3a;
     --text: #ffffff;
     --highlight: #ff7e5f;
 }
@@ -64,17 +64,20 @@ h3 {
     color: var(--accent);
 }
 code {
-    background-color: rgba(110, 72, 170, 0.2);
+    background-color: rgba(0, 50, 0, 0.5);
     padding: 2px 5px;
     border-radius: 3px;
     font-family: 'Courier New', Courier, monospace;
+    color: #00ff00;
 }
 pre {
-    background-color: rgba(25, 25, 50, 0.8);
+    background-color: #0a1a0a;
     padding: 15px;
     border-radius: 5px;
     overflow-x: auto;
-    border-left: 3px solid var(--highlight);
+    border-left: 3px solid #00ff00;
+    color: #00ff00;
+    font-family: 'Courier New', Courier, monospace;
 }
 .badge-container {
     display: flex;
@@ -88,17 +91,19 @@ pre {
     transform: scale(1.05);
 }
 .details {
-    background-color: var(--card-bg);
+    background-color: #0a1a0a;
     border-radius: 5px;
     padding: 10px;
     margin: 10px 0;
-    box-shadow: 0 4px 15px rgba(157, 80, 187, 0.2);
-    color: var(--text);
+    box-shadow: 0 4px 15px rgba(0, 255, 0, 0.15);
+    color: #00ff00;
+    font-family: 'Courier New', Courier, monospace;
+    border: 1px solid #00aa00;
 }
 .details summary {
     cursor: pointer;
     font-weight: bold;
-    color: var(--accent);
+    color: #00ff00;
 }
 .quant-links {
     display: flex;
@@ -108,12 +113,13 @@ pre {
 }
 .quant-link {
     background: linear-gradient(135deg, var(--primary), var(--secondary));
-    color: #ff0000; /* Red text */
+    color: #ff0000;
     padding: 10px 20px;
     border-radius: 5px;
     text-decoration: none;
     font-weight: bold;
     transition: transform 0.3s, box-shadow 0.3s;
+    border: 3px solid #ff0000;
 }
 .quant-link:hover {
     transform: translateY(-3px);