global css cleanup

Author: jellydeck

app/assets/main.css

@@ -190,15 +190,6 @@ body {
   outline: auto;
 }
 
-input:focus {
-  border: 1px solid var(--accent);
-}
-
-input[type='text']:focus-visible,
-input[type='search']:focus-visible {
-  outline: 2px solid color-mix(in oklch, var(--accent) 70%, transparent);
-}
-
 /* Reset dd margin (browser default is margin-left: 40px) */
 dd {
   margin: 0;

app/components/Package/Dependencies.vue

@@ -75,7 +75,7 @@ const sortedOptionalDependencies = computed(() => {
       id="dependencies"
       :title="$t('package.dependencies.title', { count: sortedDependencies.length })"
     >
-      <ul class="space-y-1 list-none m-0" :aria-label="$t('package.dependencies.list_label')">
+      <ul class="space-y-1 list-none m-0 px-1" :aria-label="$t('package.dependencies.list_label')">
         <li
           v-for="[dep, version] in sortedDependencies.slice(0, depsExpanded ? undefined : 10)"
           :key="dep"
@@ -133,7 +133,7 @@ const sortedOptionalDependencies = computed(() => {
       <button
         v-if="sortedDependencies.length > 10 && !depsExpanded"
         type="button"
-        class="my-2 ms-1 font-mono text-xs text-fg-muted hover:text-fg transition-colors duration-200 rounded focus-visible:outline-accent/70"
+        class="my-2 ms-1 font-mono text-xs text-fg-muted hover:text-fg transition-colors duration-200 rounded focus-visible:(outline-2 outline-offset-2 outline-accent)"
         @click="depsExpanded = true"
       >
         {{

app/components/Package/WeeklyDownloadStats.vue

@@ -214,7 +214,6 @@ const config = computed(() => {
         <ButtonBase
           type="button"
           @click="openChartModal"
-          class="text-fg-subtle hover:text-fg transition-colors duration-200 inline-flex items-center justify-center min-w-6 min-h-6 -m-1 p-1 focus-visible:outline-accent/70 rounded"
           :title="$t('package.downloads.analyze')"
           classicon="i-carbon:data-analytics"
         >

app/pages/package/[[org]]/[name].vue

@@ -1147,7 +1147,7 @@ onKeyStroke(
       <div class="area-sidebar">
         <!-- Sidebar -->
         <div
-          class="sidebar-scroll sticky top-34 space-y-6 sm:space-y-8 min-w-0 overflow-y-auto pe-2.5 lg:(max-h-[calc(100dvh-8.5rem)] overscroll-contain) xl:(top-22 pt-2 max-h-[calc(100dvh-6rem)]) pt-1"
+          class="sidebar-scroll sticky top-34 space-y-6 sm:space-y-8 min-w-0 overflow-y-auto pe-2.5 lg:(max-h-[calc(100dvh-8.5rem)] overscroll-contain) xl:(top-22 pt-2 max-h-[calc(100dvh-6rem)]) pt-1 outline-none"
         >
           <!-- Team access controls (for scoped packages when connected) -->
           <ClientOnly>