proper hover and active colors, release 1.3.2

lordofpipes · Nov 12, 2023 · c62dcb0 · c62dcb0
1 parent fa6c098
commit c62dcb0
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 13 deletions.
diff --git a/manifest.json b/manifest.json
@@ -1,7 +1,7 @@
 {
     "name": "New Minecraft Wiki Redirect",
     "description": "Redirect to the new non-Fandom Minecraft wiki.",
-    "version": "1.3.1",
+    "version": "1.3.2",
     "manifest_version": 3,
     "icons": {
         "48": "img/icon48.png",
@@ -43,6 +43,10 @@
         "gecko": {
             "id": "new-minecraft-wiki-redirect@lordpipe",
             "strict_min_version": "113.0"
+        },
+        "gecko_android": {
+            "id": "new-minecraft-wiki-redirect@lordpipe",
+            "strict_min_version": "120.0a1"
         }
     }
 }
diff --git a/styles.css b/styles.css
@@ -34,16 +34,21 @@ button, .button {
     margin: 0 4px;
     padding: 4px;
     text-decoration: none;
-
 }
 button.primary, .button.primary {
     background-color: #0061e0;
     color: #fbfbfe;
 }
-button.primary:focus, .button.primary:focus {
+button:focus, .button:focus {
     outline: 2px solid #0060df;
     outline-offset: 2px;
 }
+button:active, .button:active, button:hover, .button:hover, .uv .close:active, .uv .close:hover {
+    background-color: #dededf;
+}
+button.primary:active, .button.primary:active, button.primary:hover, .button.primary:hover {
+    background-color: #0250bb;
+}
 
 h1 {
     font-weight: 500;
@@ -71,10 +76,8 @@ h3 {
     padding: 16px;
     border-radius: 13px;
     margin: 18px 0;
-    /*border: 1px solid #9c9c9f22;*/
 }
 .warning {
-    /*background-color: #fff5f5;*/
     background-color: #ccdff9;
     border: 1px solid #0061e0;
 
@@ -137,8 +140,6 @@ nav {
     background-color: #ffffff;
 }
 
-
-
 .uv input {
     background-color: #eeeeee;
     border: 1px solid transparent; 
@@ -187,17 +188,29 @@ body.permissions-granted .permissions-request {
         background-color: #2f2e36;
     }
 
-    .section button {
+    .section button, .uv .close {
         background-color: #3e3d44;
     }
+    button:active, button:hover, .uv .close:active, .uv .close:hover {
+        background-color: #4d4c52;
+    }
+    .section button.primary:active,
+    .section .button.primary:active,
+    .section button.primary:hover,
+    .section .button.primary:hover {
+        background-color: #80ebff;
+    }
 
     button.primary, .button.primary {
         background-color: #00ddff;
         color: #292f38;
     }
-    button.primary:focus, .button.primary:focus {
+    button:focus, .button:focus {
         outline: 2px solid #00ddff;
     }
+    button.primary:active, .button.primary:active, button.primary:hover, .button.primary:active {
+        background-color: #80ebff;
+    }
 
     .warning {
         background-color: #16424e;
@@ -210,8 +223,4 @@ body.permissions-granted .permissions-request {
         border-radius: 4px;
         color: #d0a3d1;
     }
-
-    .uv .close {
-        background-color: #3e3d44;
-    }
 }