web: improve hover color contrast on dark theme

packages/theme/src/theme/colorscheme/dark.ts

@@ -26,13 +26,13 @@ export function getDarkScheme(accent: string): SchemeColors {
     primary: accent,
     placeholder: tinycolor("#ffffff").setAlpha(0.6).toRgbString(),
     background: "#1b1b1b",
-    bgTransparent: "#1f1f1f99",
+    bgTransparent: "#2b2b2b99",
     accent: "#000",
     bgSecondary: "#2b2b2b",
     bgSecondaryText: "#A1A1A1",
     bgSecondaryHover: "#3d3d3d",
     border: "#353535",
-    hover: "#2f2f2f",
+    hover: "#404040",
     fontSecondary: "#000",
     fontTertiary: "#A1A1A1",
     text: "#d3d3d3",

packages/theme/src/theme/colorscheme/light.ts

@@ -25,7 +25,7 @@ export function getLightScheme(accent: string): SchemeColors {
   return {
     primary: accent,
     background: "white",
-    bgTransparent: "#ffffff99",
+    bgTransparent: "#f7f7f799",
     accent: "white",
     bgSecondary: "#f7f7f7",
     bgSecondaryText: "#5E5E5E",