Update 2 files

- /wiki/menu.html
- /wiki/layout.html

wiki/layout.html

@@ -19,7 +19,7 @@
         height: 200px;
         max-width: 700px;
         margin: 0 auto;
-        background-color: #006400 ;
+        background-color: #fa8072;
         border-radius: 50px;
         position: relative;
         overflow: hidden;
@@ -43,7 +43,7 @@
         left: 40px;
         right: 40px;
         bottom: 40px;
-        background-color: #006400 ;
+        background-color: #fa8072;
         border-radius: 30px;
         display: flex;
         align-items: center;
@@ -84,13 +84,13 @@
       .sidebar ul li a {
         display: block;
         padding: 10px;
-        color: #006400 ;
+        color: #fa8072;
         text-decoration: none;
         transition: all 0.3s ease;
         border-radius: 20px;
       }
       .sidebar ul li a:hover {
-        background-color: #006400 ;
+        background-color: #fa8072;
         color: #ffffff;
         transform: translateY(-3px);
         box-shadow: 0 4px 8px rgba(0,0,0,0.1);
@@ -110,7 +110,7 @@
       }
 
       .progress-circle {
-        stroke: #006400 ;
+        stroke: hsl(17, 100%, 50%);
         stroke-linecap: round;
         transition: stroke-dashoffset 0.3s;
       }
@@ -122,7 +122,7 @@
         transform: translate(-50%, -50%);
         font-size: 12px;
         font-weight: bold;
-        color: #006400 ;
+        color: hsl(17, 100%, 50%);
       }
 
       .back-to-top {
@@ -131,7 +131,7 @@
         bottom: 170px;
         width: 40px;
         height: 40px;
-        background-color:#006400 ;
+        background-color: hsl(17, 100%, 50%);
         border: none;
         border-radius: 50%;
         color: white;
@@ -176,7 +176,7 @@
         bottom: 30px;
         width: 40px;
         height: 40px;
-        background-color: #006400 ;
+        background-color: #fa8072;
         border: none;
         border-radius: 50%;
         color: white;

wiki/menu.html

@@ -12,7 +12,7 @@
       }
 
       .my-nav {
-          background-color: rgba(225, 255, 225, 0.95);
+          background-color: rgba(255, 228, 225, 0.95);
           padding: 10px 0;
           position: fixed;
           width: 100%;
@@ -20,7 +20,7 @@
           left: 0;
           z-index: 1000;
           height: 50px;
-          border-bottom: 2px solid #006400 ;
+          border-bottom: 2px solid #fa8072;
           box-shadow: 0 2px 10px rgba(0,0,0,0.1);
           display: flex;
           justify-content: center;
@@ -54,7 +54,7 @@
 
       .my-navbar > li > a:hover,
       .my-navbar > li > a.active {
-          background-color: #006400 ;
+          background-color: #fa8072;
           color: white;
           transform: translateY(-2px);
           box-shadow: 0 4px 10px rgba(250, 128, 114, 0.3);
@@ -90,10 +90,10 @@
       }
 
       .son li a:hover {
-          background-color: #006400 ;
+          background-color: #fa8072;
           color: white;
           transform: translateY(-2px);  
-          box-shadow: 0 4px 10px rgba(3, 102, 25, 0.3); 
+          box-shadow: 0 4px 10px rgba(250, 128, 114, 0.3); 
       }
 
       @media (max-width: 768px) {