<commit_before>import './themeSettings';
import './audioSelection';
import './audioEQ';
import './hotkeys';
import './tray';

document.body.classList.add(process.platform);

$(() => {
  $(document).ready(() => {
    $('ul.tabs').tabs();
    $('.indicator').addClass('theme-back').addClass('orange');
  });
});

const style = $('<style></style>');
$('body').append(style);
const redrawTheme = () => {
  const color = Settings.get('themeColor', 'white');
  const text = `[theme] .theme-text{color:${color} !important;}`;
  const back = `[theme] .theme-back{background:${color} !important;}`;
  const checkbox = `[theme] input[type=checkbox]:checked + label::after{background:${color}` +
                    `!important;border-color:${color} !important;}`;
  const slider = `[theme] .range-label{background:${color};border:none}
                  [theme] .noUi-horizontal .noUi-handle{background:transparent}`;
  style.html(text + back + checkbox + slider);
};

redrawTheme();<commit_msg>Theme the input fields<commit_after>import './themeSettings';
import './audioSelection';
import './audioEQ';
import './hotkeys';
import './tray';

document.body.classList.add(process.platform);

$(() => {
  $(document).ready(() => {
    $('ul.tabs').tabs();
    $('.indicator').addClass('theme-back').addClass('orange');
  });
});

const style = $('<style></style>');
$('body').append(style);
const redrawTheme = () => {
  const color = Settings.get('themeColor', 'white');
  const text = `[theme] .theme-text{color:${color} !important;}`;
  const back = `[theme] .theme-back{background:${color} !important;}`;
  const checkbox = `[theme] input[type=checkbox]:checked + label::after{background:${color}` +
                    `!important;border-color:${color} !important;}`;
  const slider = `[theme] .range-label{background:${color};border:none}
                  [theme] .noUi-horizontal .noUi-handle{background:transparent}`;
  const input = `[theme] .input-field input[type=text]:focus + label {color:${color};}
                  [theme] .input-field input[type=text]:focus {border-bottom-color:${color};
                                                              box-shadow: 0 1px 0 0 ${color};}`;
  style.html(text + back + checkbox + slider + input);
};

redrawTheme();
{'fraction_non_alphanumeric': 0.21643109540636044, 'fraction_numerical': 0.0017667844522968198, 'mean_word_length': 3.83974358974359, 'pattern_counts': {'":': 0, '<': 7, '<?xml version=': 0, '>': 13, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6860356', 'n_tokens_mistral': 701, 'n_tokens_neox': 688, 'n_words': 126}