UX: fix #1831

src/UI/StylesheetTestGui.svelte

@@ -2,6 +2,8 @@
   import Loading from "./Base/Loading.svelte"
   import Community from "../assets/svg/Community.svelte"
   import Login from "../assets/svg/Login.svelte"
+  import Dropdown from "./Base/Dropdown.svelte"
+  import { UIEventSource } from "../Logic/UIEventSource"
 </script>
 
 <div>
@@ -74,6 +76,10 @@
         HTML (mimicks a
         <span class="literal-code">checked</span>
         -element)
+        <Dropdown value={new UIEventSource("abc")}>
+          <option>abc</option>
+          <option>def</option>
+        </Dropdown>
       </label>
       <label for="css">
         <input id="css" name="fav_language" type="radio" value="CSS" />

src/index.css

@@ -239,7 +239,6 @@ button:hover, .button:hover {
     border: 2px solid var(--catch-detail-color-contrast);
 }
 
-
 button:hover:not(.no-image-background) img, .button:hover:not(.no-image-background) img {
     background: var(--low-interaction-background);
     border-radius: 100rem;
@@ -349,6 +348,8 @@ button.soft:hover, .button.soft:hover {
 
 select {
     border: 2px solid #00000000;
+    color: var(--foreground-color) !important;
+    background-color: var(--low-interaction-background) !important;
 }
 
 select:hover {