got white text working, restets when other silders are used

src/UI/UIWindowThemeDialog.js

@@ -42,7 +42,7 @@ const UIWindowThemeDialog = async function UIWindowThemeDialog () {
                 var(--primary-lightness),
                 var(--primary-alpha))`,
             'backdrop-filter': 'blur(3px)',
-            'color ': `var(--primary-color)`
+            
         }
     });
     const w_body = w.querySelector('.window-body');
@@ -68,6 +68,7 @@ const UIWindowThemeDialog = async function UIWindowThemeDialog () {
         const wrap = document.createElement('div');
         const label_el = document.createElement('label');
         label_el.textContent = label;
+        label_el.style = "color:var(--primary-color)";
         wrap.appendChild(label_el);
         const el = document.createElement('input');
         wrap.appendChild(el);

src/css/style.css

@@ -865,6 +865,7 @@ span.header-sort-icon img {
     flex-flow: row;
     padding-left: 5px;
     margin-bottom: -1px;
+    
 }
 
 .device-phone .window-head {
@@ -888,15 +889,18 @@ span.header-sort-icon img {
     float: left;
     line-height: 30px;
     font-size: 14px;
-    color: #666d74;
+    /* color: #666d74; */
     margin-left: 10px;
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden;
+    color: var(--window-head-color);
+    opacity: .8;
 }
 
 .window-active .window-head-title {
-    color: #373e44;
+    /* color: #373e44; */
+    color: var(--window-head-color)
 }
 
 .window-head-icon {

src/services/ThemeService.js

@@ -130,7 +130,7 @@ export class ThemeService extends Service {
         puter.fs.write(PUTER_THEME_DATA_FILENAME, JSON.stringify(
             { colors: this.state },
             undefined,
-            4,
+            5,
         ));
     }
 }