Fix font manager select box border radius (#1703)

Fix font manager select box border radius

src/css/tabs-dark/osd-dark.css

@@ -1,10 +1,3 @@
-.fontpresets {
-  background-color: #3c3c3c;
-  color: white;
-}
-
-/* Above two items are related to jbox, and serve as a reminder to look in src/css/tabs/osd.css */
-
 .tab-osd .display-layout input.position {
     border-bottom: 1px solid red;
 }
@@ -14,25 +7,6 @@
     background-size: cover;
 }
 
-.tab-osd .preview .gui_box_titlebar select {
-    background-color: #3a3a3a;
-    color: white;
-}
-
-.tab-osd .switchable-field.mouseover {
-  background: #3a3a3a;
-}
-
-.tab-osd .timer-option {
-  margin-bottom: 2px;
-}
-
-.tab-osd input,
-.tab-osd select {
-  background-color: #3a3a3a;
-  color: white;
-}
-
 /* these two items replace the look of the checkboxes in only CSS */
 .tab-osd input[type='checkbox']:after {
     line-height: 1.5em;

src/css/tabs/osd.css

@@ -384,7 +384,10 @@ button {
 }
 
 .fontpresets {
+  background: var(--boxBackground);
+  color: var(--defaultText);
   border: 1px solid var(--subtleAccent);
+  border-radius: 3px;
 }
 
 .tab-osd .switchable-field {
@@ -394,7 +397,7 @@ button {
 }
 
 .tab-osd .switchable-field.mouseover {
-  background: #fff;
+  background: var(--boxBackground);
   border: 1px solid var(--subtleAccent);
   font-weight: 800;
 }
@@ -445,6 +448,8 @@ button {
 
 .tab-osd input,
 .tab-osd select {
+  background: var(--boxBackground);
+  color: var(--defaultText);
   border: 1px solid var(--subtleAccent);
   border-radius: 3px;
 }