adapt more controls to color-scheme

Author: gulbanana

app/controls/ActionWidget.svelte

@@ -27,7 +27,6 @@
 
         outline: none;
         margin: 0;
-        background: var(--ctp-flamingo);
         border-width: 1px;
         border-radius: 3px;
         border-color: var(--ctp-overlay0);
@@ -42,6 +41,7 @@
 
         /* unthemed, but it looks good in practice and people are used to it */
         color: black;
+        background: var(--ctp-flamingo);
     }
 
     button:not(:disabled) {

app/controls/ProgressWidget.svelte

@@ -25,16 +25,18 @@
     }
 
     .progress-label {
-        color: buttontext;
-        font-size: 16px;
         margin: 0;
+        color: black;
+        font-size: 16px;
     }
 
     progress {
         min-width: 600px;
         height: 24px;
         appearance: none;
+
         background: var(--ctp-flamingo);
+
         border-width: 1px;
         border-radius: 3px;
         border-color: var(--ctp-overlay0);

app/controls/ToggleWidget.svelte

@@ -39,12 +39,14 @@
 
         outline: none;
         margin: 0;
-        background: var(--ctp-flamingo);
         border-width: 1px;
         border-radius: 3px;
         border-color: var(--ctp-overlay0);
         box-shadow: 2px 2px var(--ctp-overlay0);
 
+        background: var(--ctp-flamingo);
+        color: black;
+
         font-family: var(--stack-industrial);
         display: flex;
         align-items: center;