Lighter colours on mod list web

Author: EstoesMoises

.github/workflows/generar-lista-de-mods.yml

@@ -61,18 +61,18 @@ jobs:
               <title>TorkenMon - Lista de Mods</title>
               <style>
                   :root {
-                      --primary-color: #4caf50;
+                      --primary-color: #3c8527;
                       --secondary-color: #8bc34a;
-                      --bg-color: #121212;
-                      --card-bg: #1e1e1e;
-                      --text-color: #e0e0e0;
-                      --text-secondary: #aaaaaa;
-                      --link-color: #81c784;
-                      --border-color: #333333;
-                      --header-gradient-1: #2e7d32;
-                      --header-gradient-2: #1b5e20;
-                      --search-bg: #272727;
-                      --btn-hover: #388e3c;
+                      --bg-color: #f5f5f5;
+                      --card-bg: #ffffff;
+                      --text-color: #333333;
+                      --text-secondary: #666666;
+                      --link-color: #2e7d32;
+                      --border-color: #dddddd;
+                      --header-gradient-1: #4CAF50;
+                      --header-gradient-2: #3c8527;
+                      --search-bg: #ffffff;
+                      --btn-hover: #66BB6A;
                   }
                   
                   * {
@@ -162,22 +162,22 @@ jobs:
                   }
                   
                   .search-box {
-                      padding: 12px 15px;
+                      padding: 12px;
                       width: 100%;
                       max-width: 500px;
                       border: 1px solid var(--border-color);
-                      border-radius: 8px;
+                      border-radius: 6px;
                       font-size: 16px;
                       flex-grow: 1;
                       background-color: var(--search-bg);
                       color: var(--text-color);
-                      transition: all 0.3s ease;
+                      transition: all 0.2s ease;
                   }
                   
                   .search-box:focus {
                       outline: none;
                       border-color: var(--primary-color);
-                      box-shadow: 0 0 0 2px rgba(76, 175, 80, 0.2);
+                      box-shadow: 0 0 0 2px rgba(60, 133, 39, 0.15);
                   }
                   
                   .filter-options {
@@ -187,9 +187,9 @@ jobs:
                   }
                   
                   .stats {
-                      background-color: rgba(255, 255, 255, 0.05);
+                      background-color: #f8f9fa;
                       padding: 15px;
-                      border-radius: 8px;
+                      border-radius: 6px;
                       margin-bottom: 20px;
                       border: 1px solid var(--border-color);
                   }
@@ -201,11 +201,11 @@ jobs:
                   }
                   
                   .mod-item {
-                      background-color: rgba(255, 255, 255, 0.03);
-                      padding: 18px;
-                      margin-bottom: 12px;
-                      border-radius: 8px;
-                      box-shadow: 0 2px 8px rgba(0,0,0,0.1);
+                      background-color: var(--card-bg);
+                      padding: 15px;
+                      margin-bottom: 10px;
+                      border-radius: 6px;
+                      box-shadow: 0 2px 4px rgba(0,0,0,0.05);
                       display: flex;
                       justify-content: space-between;
                       align-items: center;
@@ -215,7 +215,7 @@ jobs:
                   
                   .mod-item:hover {
                       transform: translateY(-2px);
-                      box-shadow: 0 4px 12px rgba(0,0,0,0.15);
+                      box-shadow: 0 4px 8px rgba(0,0,0,0.1);
                   }
                   
                   .mod-name {
@@ -283,9 +283,9 @@ jobs:
                   }
                   
                   .download-links {
-                      background-color: rgba(255, 255, 255, 0.05);
-                      padding: 20px;
-                      border-radius: 8px;
+                      background-color: #f8f9fa;
+                      padding: 15px;
+                      border-radius: 6px;
                       margin: 20px 0;
                       border: 1px solid var(--border-color);
                   }
@@ -297,10 +297,11 @@ jobs:
                   
                   .discord-section {
                       text-align: center;
-                      margin-top: 40px;
-                      padding: 30px;
-                      background-color: rgba(88, 101, 242, 0.1);
-                      border-radius: 10px;
+                      margin-top: 30px;
+                      padding: 20px;
+                      background-color: #f0f7ff;
+                      border-radius: 8px;
+                      border: 1px solid #e0e7ff;
                   }
                   
                   .discord-btn {