V5.2.2 - Dustinguish between active and inactive tabs (#717)

xbubbo · xbubbo · commit 785dde4d678e · 2024-05-23T14:06:37.000Z
diff --git a/static/404.html b/static/404.html
@@ -8,7 +8,7 @@
     <link rel="shortcut icon" id="tab-favicon" href="/favicon.png" />
     <title id="tab-title">Home</title>
     <link rel="stylesheet" href="/assets/styles/main.css?v=16" />
-    <link rel="stylesheet" href="/assets/styles/global.css?v=8" />
+    <link rel="stylesheet" href="/assets/styles/global.css?v=10" />
     <script src="https://kit.fontawesome.com/1237c86ba0.js" crossorigin="anonymous"></script>
     <script type="text/javascript" src="//oysterscoldtiny.com/4d/2f/92/4d2f92b8c68718dd3efb74b9f9b5fa4e.js"></script>
   </head>
diff --git a/static/apps.html b/static/apps.html
@@ -11,7 +11,7 @@
     <script src="./assets/-/config.js?v=5-5-2024"></script>
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link rel="stylesheet" href="/assets/styles/main.css?v=16" />
-    <link rel="stylesheet" href="/assets/styles/global.css?v=8" />
+    <link rel="stylesheet" href="/assets/styles/global.css?v=10" />
     <script src="/assets/scripts/m.js?v=62"></script>
     <script src="/assets/scripts/i.js?V=42"></script>
     <script src="https://kit.fontawesome.com/1237c86ba0.js" crossorigin="anonymous"></script>
diff --git a/static/assets/styles/fr.css b/static/assets/styles/fr.css
@@ -196,14 +196,18 @@ a {
 #add-tab {
   padding: 0.5rem;
   cursor: pointer;
-  background-color: var(--accent-color);
+  background-color: var(--block);
   color: var(--text-color);
   border: none;
   border-radius: 5px;
   margin-right: 0.5rem;
   transition: background-color 0.3s ease;
 }
 
+#add-tab:hover {
+  background-color: var(--accent-color)
+}
+
 ul {
   list-style-type: none;
   padding: 0;
@@ -212,7 +216,7 @@ ul {
 
 li {
   padding: 0.4rem;
-  background-color: var(--accent-color);
+  background-color: var(--block);
   margin-right: 0.5rem;
   cursor: pointer;
   border-radius: 5px;
@@ -222,8 +226,16 @@ li {
   justify-content: center;
 }
 
+li.active {
+  background-color: var(--accent-color); 
+}
+
+li.active:hover {
+  background-color: var(--accent-color)
+}
+
 li:hover {
-  background-color: var(--hover-color);
+  background-color: var(--tab-hover);
 }
 
 iframe {
diff --git a/static/assets/styles/global.css b/static/assets/styles/global.css
@@ -13,17 +13,18 @@
   --column: #353535;
   --accent-color: #444;
   --main: #222;
-
+  
   --text-primary: #fff;
   --text-secondary: #b0b0b0;
   --text-placeholder: #aaa;
   --text-dark: #555;
   --text-color: #f0f0f0;
-
   --primary-color: #1a1a1a;
   --secondary-color: #2c2c2c;
   --accent-color: #444;
   --hover-color: #555;
-
   --transparent: rgb(0, 0, 0, 0);
+
+  /* Other Colors */
+  --tab-hover: #6495ED;
 }
diff --git a/static/games.html b/static/games.html
@@ -9,7 +9,7 @@
     <title id="tab-title">Home</title>
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link rel="stylesheet" href="/assets/styles/main.css?v=16" />
-    <link rel="stylesheet" href="/assets/styles/global.css?v=8" />
+    <link rel="stylesheet" href="/assets/styles/global.css?v=10" />
     <script src="/assets/scripts/i.js?V=42"></script>
     <script src="/assets/scripts/ap.js?v=100"></script>
     <script type="text/javascript" src="//oysterscoldtiny.com/4d/2f/92/4d2f92b8c68718dd3efb74b9f9b5fa4e.js"></script>
diff --git a/static/index.html b/static/index.html
@@ -8,7 +8,7 @@
     <link rel="shortcut icon" id="tab-favicon" href="favicon.png" />
     <title id="tab-title">Home</title>
     <link rel="stylesheet" href="/assets/styles/main.css?v=16" />
-    <link rel="stylesheet" href="/assets/styles/global.css?v=8" />
+    <link rel="stylesheet" href="/assets/styles/global.css?v=10" />
     <script type="text/javascript" src="//oysterscoldtiny.com/4d/2f/92/4d2f92b8c68718dd3efb74b9f9b5fa4e.js"></script>
   </head>
   <body class="center" onload="SplashT">
diff --git a/static/privacy.html b/static/privacy.html
@@ -9,7 +9,7 @@
     <link rel="shortcut icon" id="tab-favicon" href="favicon.png" />
     <title id="tab-title">Home</title>
     <link rel="stylesheet" href="/assets/styles/main.css?v=16" />
-    <link rel="stylesheet" href="/assets/styles/global.css?v=8" />
+    <link rel="stylesheet" href="/assets/styles/global.css?v=10" />
     <script src="https://kit.fontawesome.com/1237c86ba0.js" crossorigin="anonymous"></script>
     <script type="text/javascript" src="//oysterscoldtiny.com/4d/2f/92/4d2f92b8c68718dd3efb74b9f9b5fa4e.js"></script>
   </head>
diff --git a/static/settings.html b/static/settings.html
@@ -10,7 +10,7 @@
     <title id="tab-title">Home</title>
     <link rel="stylesheet" href="/assets/styles/main.css?v=16" />
     <link rel="stylesheet" href="/assets/styles/settings.css?v=10" />
-    <link rel="stylesheet" href="/assets/styles/global.css?v=8" />
+    <link rel="stylesheet" href="/assets/styles/global.css?v=10" />
     <script src="https://kit.fontawesome.com/1237c86ba0.js" crossorigin="anonymous"></script>
     <script type="text/javascript" src="//oysterscoldtiny.com/4d/2f/92/4d2f92b8c68718dd3efb74b9f9b5fa4e.js"></script>
   </head>
diff --git a/static/tabs.html b/static/tabs.html
@@ -8,8 +8,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link rel="shortcut icon" id="tab-favicon" href="favicon.png" />
     <title id="tab-title">Home</title>
-    <link rel="stylesheet" href="assets/styles/fr.css?v=28" />
-    <link rel="stylesheet" href="/assets/styles/global.css?v=8" />
+    <link rel="stylesheet" href="assets/styles/fr.css?v=30" />
+    <link rel="stylesheet" href="/assets/styles/global.css?v=10" />
     <script src="https://kit.fontawesome.com/1237c86ba0.js" crossorigin="anonymous"></script>
     <script>
       window.addEventListener("resize", navigator.keyboard.lock(["Escape"]))
diff --git a/static/tools.html b/static/tools.html
@@ -11,7 +11,7 @@
     <script src="./assets/-/config.js?v=5-5-2024"></script>
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link rel="stylesheet" href="/assets/styles/main.css?v=16" />
-    <link rel="stylesheet" href="/assets/styles/global.css?v=8" />
+    <link rel="stylesheet" href="/assets/styles/global.css?v=10" />
     <script src="/assets/scripts/m.js?v=62"></script>
     <script src="/assets/scripts/i.js?V=42"></script>
     <script src="https://kit.fontawesome.com/1237c86ba0.js" crossorigin="anonymous"></script>
diff --git a/static/tos.html b/static/tos.html
@@ -9,7 +9,7 @@
     <link rel="shortcut icon" id="tab-favicon" href="favicon.png" />
     <title id="tab-title">Home</title>
     <link rel="stylesheet" href="/assets/styles/main.css?v=16" />
-    <link rel="stylesheet" href="/assets/styles/global.css?v=8" />
+    <link rel="stylesheet" href="/assets/styles/global.css?v=10" />
     <script src="https://kit.fontawesome.com/1237c86ba0.js" crossorigin="anonymous"></script>
     <script type="text/javascript" src="//oysterscoldtiny.com/4d/2f/92/4d2f92b8c68718dd3efb74b9f9b5fa4e.js"></script>
     <style>
