Update code-and-apps.html

code-and-apps.html

@@ -67,35 +67,35 @@
 
 /* Track */
 ::-webkit-scrollbar-track {
-  background: #898D94; /* Neutral gray for contrast */
+  background: #3B4D54; /* Neutral dark teal for contrast */
 }
 
 /* Handle */
 ::-webkit-scrollbar-thumb {
-  background-color: #D4AF37; /* Base metallic gold */
+  background-color: #20B2AA; /* Base metallic teal */
   background-image: -webkit-linear-gradient(45deg,
-    #FFD700 0%, /* Bright gold */
-    #FFD700 25%, 
-    #D4AF37 25%, /* Metallic gold */
-    #D4AF37 50%, 
-    #B8860B 50%, /* Deep golden shade */
-    #B8860B 75%,
-    #FFD700 75%, 
-    #FFD700 100%); /* Bright gold */
+    #40E0D0 0%, /* Bright turquoise teal */
+    #40E0D0 25%, 
+    #20B2AA 25%, /* Metallic teal */
+    #20B2AA 50%, 
+    #008080 50%, /* Deep teal shade */
+    #008080 75%,
+    #40E0D0 75%, 
+    #40E0D0 100%); /* Bright turquoise teal */
 }
 
 /* Handle on hover */
 ::-webkit-scrollbar-thumb:hover {
-  background-color: #FFD700; /* Lighter gold */
+  background-color: #40E0D0; /* Lighter teal */
   background-image: -webkit-linear-gradient(45deg,
-    #FFD700 0%, /* Bright gold */
-    #FFD700 25%, 
-    #FFFACD 25%, /* Lemon chiffon for a subtle glow */
-    #FFFACD 50%, 
-    #FFD700 50%, 
-    #FFD700 75%, 
-    #FFFACD 75%, 
-    #FFD700 100%); /* Bright gold */
+    #40E0D0 0%, /* Bright turquoise teal */
+    #40E0D0 25%, 
+    #AFEEEE 25%, /* Pale turquoise for a subtle glow */
+    #AFEEEE 50%, 
+    #40E0D0 50%, 
+    #40E0D0 75%, 
+    #AFEEEE 75%, 
+    #40E0D0 100%); /* Bright turquoise teal */
 }
 </style>