web: remove focus ring css workarounds

web/src/app.css

@@ -282,7 +282,7 @@ a:focus-visible {
     background-color: var(--button-elevated-press);
 }
 
-.button.elevated:not(:focus-visible) {
+.button.elevated {
     box-shadow: none;
 }
 

web/src/components/buttons/Switcher.svelte

@@ -79,7 +79,7 @@
         border-radius: calc(var(--border-radius) - var(--switcher-padding));;
     }
 
-    .switcher.big :global(.button:not(:focus-visible)) {
+    .switcher.big {
         box-shadow: none;
     }
 

web/src/components/dialog/PickerDialog.svelte

@@ -106,10 +106,6 @@
         padding: 0;
     }
 
-    .popup-title:focus-visible {
-        box-shadow: none !important;
-    }
-
     .picker-body {
         overflow-y: scroll;
         display: grid;

web/src/components/dialog/SavingDialog.svelte

@@ -148,10 +148,6 @@
         gap: var(--padding);
     }
 
-    .dialog-inner-container:focus-visible {
-        box-shadow: none!important;
-    }
-
     .dialog-inner-container {
         overflow-y: scroll;
         gap: 8px;
@@ -191,10 +187,6 @@
         font-size: 19px;
     }
 
-    .popup-title:focus-visible {
-        box-shadow: none !important;
-    }
-
     .action-buttons {
         display: flex;
         flex-direction: row;

web/src/components/dialog/SmallDialog.svelte

@@ -129,11 +129,6 @@
         -webkit-user-select: text;
     }
 
-    .body-text:focus-visible,
-    .popup-title:focus-visible {
-        box-shadow: none !important;
-    }
-
     .popup-subtext {
         opacity: 0.7;
         padding: 0;

web/src/components/donate/DonateCardContainer.svelte

@@ -43,7 +43,7 @@
         letter-spacing: -0.3px;
     }
 
-    :global(.donate-card button:not(:focus-visible)) {
+    :global(.donate-card button) {
         box-shadow: none;
     }
 
@@ -62,8 +62,8 @@
         cursor: default;
     }
 
-    :global(.donate-card button.selected:not(:focus-visible)) {
+    :global(.donate-card button.selected) {
-        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1) inset !important;
+        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1) inset;
     }
 
     :global(.donate-card-subtitle) {

web/src/components/donate/DonateOptionsCard.svelte

@@ -333,10 +333,6 @@
         opacity: 0.5;
     }
 
-    #donation-custom-input:focus-visible {
-        box-shadow: unset !important;
-    }
-
     #input-container.focused {
         box-shadow: 0 0 0 2px var(--white) inset;
     }

web/src/components/save/Omnibox.svelte

@@ -305,10 +305,6 @@
         padding-right: calc(var(--input-padding) + 28px);
     }
 
-    #link-area:focus-visible {
-        box-shadow: unset !important;
-    }
-
     #link-area::placeholder {
         color: var(--gray);
         /* fix for firefox */

web/src/components/save/SupportedServices.svelte

@@ -98,7 +98,7 @@
             box-shadow 0.1s;
     }
 
-    #services-button:not(:focus-visible):not(:active) {
+    #services-button:not(:active) {
         box-shadow: none;
     }
 

web/src/components/save/buttons/DownloadButton.svelte

@@ -102,10 +102,6 @@
         padding: 0 12px 0 15px;
     }
 
-    #download-button:focus-visible {
-        box-shadow: var(--focus-ring);
-    }
-
     #download-state {
         font-size: 24px;
         font-family: "Noto Sans Mono Variable", "Noto Sans Mono",

web/src/components/settings/SettingsInput.svelte

@@ -223,10 +223,6 @@
         white-space: nowrap;
     }
 
-    .input-box:focus-visible {
-        box-shadow: unset !important;
-    }
-
     #input-container.focused {
         box-shadow: 0 0 0 2px var(--secondary) inset;
     }

web/src/routes/updates/+page.svelte

@@ -184,7 +184,7 @@
         stroke-width: 1.6px;
     }
 
-    .button-wrapper-desktop button:not(:focus-visible) {
+    .button-wrapper-desktop button {
         box-shadow: none;
     }