Update color palette from purple to teal

emscape · emscape · commit 01e11d98b397 · 2025-03-09T22:16:36.000-07:00
diff --git a/index.html b/index.html
@@ -8,7 +8,7 @@
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Raleway:wght@400;600;700&family=Roboto:wght@300;400;500&display=swap" rel="stylesheet">
-    <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22 fill=%22%23663399%22>E</text></svg>">
+    <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22 fill=%22%23008080%22>E</text></svg>">
 </head>
 <body>
     <header>
diff --git a/styles.css b/styles.css
@@ -6,9 +6,9 @@
 }
 
 :root {
-    --primary-color: #663399; /* Purple */
-    --secondary-color: #ff6b6b; /* Coral */
-    --accent-color: #4ecdc4; /* Teal */
+    --primary-color: #008080; /* Teal */
+    --secondary-color: #FF8C42; /* Orange - complementary to teal */
+    --accent-color: #4ECDC4; /* Light Teal */
     --dark-color: #292f36; /* Almost Black */
     --light-color: #f7f9fc; /* Off White */
     --text-color: #333333; /* Dark Gray */
@@ -107,7 +107,7 @@ nav ul li a:hover::after {
 
 /* Hero Section */
 #hero {
-    background: linear-gradient(135deg, var(--primary-color), #9370DB);
+    background: linear-gradient(135deg, var(--primary-color), var(--accent-color));
     color: #fff;
     text-align: center;
     padding: 150px 0 100px;
