add --color-hover-opaque

Author: silverwind

web_src/css/repo/home-file-list.css

@@ -35,7 +35,7 @@
 
 #repo-files-table .repo-file-item:hover > .repo-file-cell,
 #repo-files-table .parent-link:hover {
-  background: var(--color-hover);
+  background: var(--color-hover-opaque);
 }
 
 #repo-files-table .repo-file-line,

web_src/css/themes/theme-gitea-dark.css

@@ -203,6 +203,7 @@
   --color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled)));
   --color-light-border: #e8f3ff28;
   --color-hover: #e8f3ff19;
+  --color-hover-opaque: #21252a; /* TODO: color-mix(in srgb, var(--color-body), var(--color-hover)); */
   --color-active: #e8f3ff24;
   --color-menu: #171a1e;
   --color-card: #171a1e;

web_src/css/themes/theme-gitea-light.css

@@ -203,6 +203,7 @@
   --color-light-mimic-enabled: rgba(0, 0, 0, calc(6 / 255 * 222 / 255 / var(--opacity-disabled)));
   --color-light-border: #0000171d;
   --color-hover: #00001708;
+  --color-hover-opaque: #f1f3f5; /* TODO: color-mix(in srgb, var(--color-body), var(--color-hover)); */
   --color-active: #00001714;
   --color-menu: #f8f9fb;
   --color-card: #f8f9fb;