chore: cleanup

src/assets/styles/components/badge-grid.css

@@ -12,15 +12,6 @@
     justify-content: center;
   }
 
-  & a {
-    outline: none;
-
-    &:focus img,
-    &:focus-within img {
-      outline: var(--outline-default);
-    }
-  }
-
   & img {
     image-rendering: pixelated;
   }

src/assets/styles/components/banners.css

@@ -36,28 +36,23 @@
   &.old-post,
   &.rss,
   &.warning {
-    &.error { --border-color: var(--error); }
-    &.github { --border-color: var(--brand-github); }
-    &.npm { --border-color: var(--brand-npm); }
-    &.old-post { --border-color: var(--gray-dark); }
-    &.rss { --border-color: var(--brand-rss); }
-    &.warning { --border-color: var(--warning); }
+    &.error { --banner-accent-color: var(--error); }
+    &.github { --banner-accent-color: var(--brand-github); }
+    &.npm { --banner-accent-color: var(--brand-npm); }
+    &.old-post { --banner-accent-color: var(--gray-dark); }
+    &.rss { --banner-accent-color: var(--brand-rss); }
+    &.warning { --banner-accent-color: var(--warning); }
 
-    border-color: var(--border-color);
+    border-color: var(--banner-accent-color);
 
     & p a:hover,
     & p a:active,
     & p a:focus {
-      color: var(--border-color);
-    }
-
-    & p a:focus,
-    & p a:focus-within {
-      outline: 2px dashed var(--border-color);
+      color: var(--banner-accent-color);
     }
 
     & svg {
-      stroke: var(--border-color);
+      stroke: var(--banner-accent-color);
     }
   }
 }

src/assets/styles/components/buttons.css

@@ -35,20 +35,6 @@ button,
     transition-duration: var(--transition-duration-default);
   }
 
-  &:not(.theme-toggle, .active):focus,
-  &:not(.theme-toggle, .active):focus-within {
-    transition-property: none;
-    outline: var(--outline-default);
-    padding: calc(var(--spacing-xs) + 2px) calc(var(--spacing-md) + 2px);
-    border: 0;
-  }
-
-  &.theme-toggle:focus,
-  &.theme-toggle:focus-within {
-    outline: var(--outline-default);
-    border-radius: var(--border-radius-slight);
-  }
-
   &.secondary {
     color: var(--accent-color);
     background: transparent;

src/assets/styles/components/forms.css

@@ -33,16 +33,6 @@ textarea:focus-within {
   padding: calc(var(--spacing-sm) + 1px);
 }
 
-input:focus,
-input:focus-within,
-textarea:focus,
-textarea:focus-within,
-select:focus,
-select:focus-within {
-  border: 0;
-  outline: var(--outline-default);
-}
-
 select {
   color: var(--text-color);
   border: var(--border-gray);

src/assets/styles/components/media-grid.css

@@ -75,12 +75,6 @@
     border-color: var(--accent-color-hover)
   }
 
-  & a:focus .item::after,
-  & a:focus-within .item::after {
-    border: 0;
-    outline: var(--outline-default);
-  }
-
   & .meta-text {
     position: absolute;
     z-index: 2;

src/assets/styles/components/menu.css

@@ -29,19 +29,12 @@ menu {
 
   & .menu-button-container {
     display: none;
-    outline: none;
     margin-left: var(--spacing-md);
 
     & svg {
       cursor: pointer;
     }
 
-    &:focus,
-    &:focus-within {
-      outline: var(--outline-default);
-      border-radius: var(--border-radius-slight);
-    }
-
     &:hover svg,
     &:focus svg,
     &:focus-within svg,
@@ -125,17 +118,6 @@ menu {
       & .active {
         font-size: var(--font-size-lg);
       }
-
-      &:focus a,
-      &:focus-within a {
-        outline: none;
-      }
-
-      &:focus,
-      &:focus-within {
-        border-top: var(--outline-default);
-        border-bottom: var(--outline-default);
-      }
     }
 
     .menu-button-container {

src/assets/styles/components/modal.css

@@ -51,22 +51,10 @@
   display: inline-flex;
   vertical-align: middle;
 
-  &:active svg,
-  &:focus svg,
-  &:focus-within svg {
-    outline: var(--outline-default);
-    border-radius: var(--border-radius-slight);
-  }
-
   & svg {
     cursor: pointer;
     stroke: var(--accent-color);
 
-    &:focus {
-      outline: var(--outline-default);
-      border-radius: var(--border-radius-slight);
-    }
-
     &:hover,
     &:focus,
     &:active {

src/assets/styles/components/music-chart.css

@@ -43,12 +43,6 @@
       display: flex;
     }
 
-    & a:focus img,
-    & a:focus-within img {
-      outline: var(----outline-default);
-      border: 0;
-    }
-
     & img {
       border: var(--border-default);
       border-radius: var(--border-radius-slight);

src/assets/styles/components/tab-buttons.css

@@ -27,15 +27,6 @@ input[id="tracks-recent"] ~ [for="tracks-recent"]:has(+ [for="tracks-window"]) {
   background: transparent;
 }
 
-#tracks-recent:not(:checked) ~ [for="tracks-recent"]:focus,
-#tracks-recent:not(:checked) ~ [for="tracks-recent"]:focus-within,
-#tracks-window:not(:checked) ~ [for="tracks-window"]:focus,
-#tracks-window:not(:checked) ~ [for="tracks-window"]:focus-within {
-  transition-property: none;
-  outline: var(--outline-default);
-  border: 0;
-}
-
 #tracks-recent:checked ~ [for="tracks-recent"],
 #tracks-window:checked ~ [for="tracks-window"] {
   cursor: not-allowed;