chore: buttons in dark themes

packages/web/src/components/assets/org.standardnotes.theme-futura/index.css

@@ -42,4 +42,5 @@
   --sn-desktop-titlebar-ui-hover-color: var(--highlight-color);
   --sn-stylekit-menu-border: 1px solid #434b60;
   --navigation-item-selected-background-color: var(--sn-stylekit-background-color);
+  --normal-button-background-color: var(--sn-stylekit-passive-color-5);
 }

packages/web/src/components/assets/org.standardnotes.theme-midnight/index.css

@@ -43,4 +43,5 @@
   --sn-stylekit-scrollbar-thumb-color: var(--sn-stylekit-info-color);
   --sn-stylekit-menu-border: 1px solid #494965;
   --navigation-item-selected-background-color: var(--sn-stylekit-background-color);
+  --normal-button-background-color: var(--sn-stylekit-passive-color-5);
 }

packages/web/src/components/assets/org.standardnotes.theme-solarized-dark/index.css

@@ -58,4 +58,5 @@
   --sn-desktop-titlebar-ui-hover-color: var(--highlight-color);
   --sn-stylekit-menu-border: 1px solid #1f5461;
   --navigation-item-selected-background-color: var(--sn-stylekit-background-color);
+  --normal-button-background-color: var(--sn-stylekit-passive-color-5);
 }

packages/web/src/javascripts/Components/Button/Button.tsx

@@ -59,7 +59,7 @@ const getClassName = (
 
   let focusHoverStates = primary
     ? 'hover:brightness-125 focus:outline-none focus:brightness-125'
-    : 'focus:bg-contrast focus:outline-none hover:bg-contrast'
+    : 'focus:bg-contrast focus:outline-none hover:border-info hover:text-info hover:bg-contrast'
 
   if (disabled) {
     colors = primary ? 'bg-passive-2 text-info-contrast' : 'bg-default text-passive-2'