<commit_before>.switchContainer {
    display: flex;
    flex-direction: row;
    justify-content: center;
    cursor: pointer;
}

.switch {
    --total-width: 1rem;
    --button-size: 1rem;
    position: relative;
    display: inline-block;
    width: 2rem;
    height: var(--total-width);
}

.switch input {
    display: none;
}

.slider {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: hsla(37, 28%, 68%, .3);
    border-radius: var(--button-size);
    transition: .1s;
}

.slider:before {
    position: absolute;
    content: "";
    height: var(--button-size);
    width: var(--button-size);
    left: calc(var(--total-width) - var(--button-size));
    bottom: calc(var(--total-width) - var(--button-size));
    background-color: hsla(26, 4%, 61%, .8);
    border-radius: 50%;
    transition: .1s;
}

.switchContainer input:checked + .slider {
    background-color: hsla(37, 28%, 68%, .5);
}

.switchContainer input:checked + .slider:before {
    -webkit-transform: translateX(var(--button-size));
    -ms-transform: translateX(var(--button-size));
    transform: translateX(var(--button-size));
}

.offIcon {
    margin-right: .3rem
}

.onIcon {
    margin-left: .3rem
}

i.active {
    opacity: 1;
}

i.inactive {
    opacity: .2;
}<commit_msg>Updated switch widget colors.<commit_after>.switchContainer {
    display: flex;
    flex-direction: row;
    justify-content: center;
    cursor: pointer;
}

.switch {
    --total-width: 1rem;
    --button-size: 1rem;
    position: relative;
    display: inline-block;
    width: 2rem;
    height: var(--total-width);
}

.switch input {
    display: none;
}

.slider {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #6f2f33;
    border-radius: var(--button-size);
    transition: .1s;
}

.slider:before {
    position: absolute;
    content: "";
    height: var(--button-size);
    width: var(--button-size);
    left: calc(var(--total-width) - var(--button-size));
    bottom: calc(var(--total-width) - var(--button-size));
    background-color: #cbcbcb;
    border-radius: 50%;
    transition: .1s;
}

.switchContainer input:checked + .slider {
    background-color: #416642;
}

.switchContainer input:checked + .slider:before {
    -webkit-transform: translateX(var(--button-size));
    -ms-transform: translateX(var(--button-size));
    transform: translateX(var(--button-size));
}

.switchContainer i {
    transition: .1s;
    color: #cbcbcb;
}

.offIcon {
    margin-right: .3rem;
}

.onIcon {
    margin-left: .3rem;
}

i.active {
    opacity: 1;
}

i.inactive {
    opacity: .5;
}
{'fraction_non_alphanumeric': 0.17264828107291272, 'fraction_numerical': 0.0230449565545901, 'mean_word_length': 2.6777777777777776, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2492156', 'n_tokens_mistral': 992, 'n_tokens_neox': 951, 'n_words': 196}