<commit_before>body.night-mode {
    background-color: hsl(212, 28%, 18%);
    color: hsl(236, 33%, 90%);

    -webkit-font-smoothing: antialiased;
}

body.night-mode .app-main,
body.night-mode .header-main,
body.night-mode #tab_bar_underpadding,
body.night-mode .floating_recipient .message-header-wrapper,
body.night-mode .column-middle,
body.night-mode #compose,
body.night-mode .column-left .left-sidebar,
body.night-mode .column-right .right-sidebar,
body.night-mode #subscription_overlay .right,
body.night-mode #settings_page .form-sidebar,
body.night-mode #settings_page .right {
    background-color: hsl(212, 28%, 18%);
}

body.night-mode .message_embed .data-container::after {
    background: linear-gradient(0deg, hsl(212, 28%, 18%), transparent 10%);
}

body.night-mode .column-left .left-sidebar,
body.night-mode #settings_page .form-sidebar,
body.night-mode .column-right .right-sidebar {
    border-left-color: hsla(0, 0%, 0%, 0.2);
}

body.night-mode .dark .message_label_clickable.stream_label,
body.night-mode .dark .stream_label,
body.night-mode .stream_label {
    color: hsl(212, 28%, 18%);
}

body.night-mode .new-style label.checkbox input[type=checkbox] ~ span {
    border-color: hsla(0, 0%, 100%, 0.4);
}

body.night-mode .modal-bg {
    background: hsl(212, 28%, 18%);
}

.streams_popover .sp-container {
    background: transparent;
}

/* this one is because in the app we have blue and in night-mode it should be white. */
body.night-mode .popover a {
    color: inherit;
}

body.night-mode .dark_background a,
body.night-mode a.dark_background:hover,
body.night-mode .dark_background,
body.night-mode .message_reactions .message_reaction_count,
body.night-mode .message_reactions .reaction_button i,
body.night-mode .message_reactions:hover .message_reaction + .reaction_button {
    color: inherit !important;
}

/* do not turn the .message_header .stream_label text dark on hover because they're
on a dark background, and don't change the dark labels dark either. */
body.night-mode .message_header:not(.dark_background) a.stream_label:not(.dark_background):hover,
body.night-mode #tab_list li.stream:not(.dark_background) {
    color: hsl(212, 28%, 18%) !important;
}

/* these are converting grey things to "new grey" */
body.night-mode .sidebar-title,
body.night-mode .recipient_row_date {
    color: inherit;
    opacity: 0.5;
}

body.night-mode .new-style .button,
body.night-mode input[type="text"],
body.night-mode input[type="email"],
body.night-mode input[type="password"],
body.night-mode textarea,
body.night-mode .new-style .tab-switcher .ind-tab:not(.selected),
body.night-mode select,
body.night-mode .pill-container {
    background-color: hsla(0, 0%, 0%, 0.2);
    border-color: hsla(0, 0%, 0%, 0.6);
    color: inherit;
}

body.night-mode select option {
    background-color: hsl(212, 28%, 18%);
    color: hsl(236, 33%, 90%);
}

body.night-mode .topic-unread-count,
body.night-mode .private_message_count {
    background-color: hsla(105, 2%, 50%, 0.5);
}

body.night-mode .pm_recipient .pill-container .pill {
    color: inherit;
    border: 1px solid hsla(0, 0%, 0%, 0.50);
    background: hsla(0, 0%, 0%, 0.25);
    font-weight: 600;
}

body.night-mode .pm_recipient .pill-container .pill:focus {
    color: #fff;
    border: 1px solid hsla(176, 78%, 28%, 0.6);
    background: hsla(176, 49%, 42%, 0.4);
}

body.night-mode .new-style .button.no-style {
    background-color: transparent;
}

body.night-mode .new-style .tab-switcher .ind-tab.selected,
body.night-mode div.message_content thead,
body.night-mode .table-striped thead th,
body.night-mode .message_reactions .message_reaction.reacted,
body.night-mode .message_reactions:hover .message_reaction + .reaction_button {
    background-color: hsla(0, 0%, 0%, 0.5);
    border-color: hsla(0, 0%, 0%, 0.9);
}

body.night-mode .message_reactions .message_reaction {
    background-color: hsla(0, 0%, 0%, 0.2);
    border-color: hsla(0, 0%, 0%, 0.5);
    color: inherit;
}

body.night-mode .new-style button.button:focus,
body.night-mode input[type="text"]:focus,
body.night-mode input[type="email"]:focus,
body.night-mode textarea:focus,
body.night-mode textarea.new_message_textarea:focus,
body.night-mode .compose_table .recipient_box:focus {
    border-color: hsla(0, 0%, 0%, 0.9);
}

body.night-mode .message-header-contents,
body.night-mode .message_header_private_message .message-header-contents,
body.night-mode #tab_list li.active {
    background: hsla(0, 0%, 0%, 0.2);
}<commit_msg>style: Give inputs with `type="number"` a dark background in night mode.<commit_after>body.night-mode {
    background-color: hsl(212, 28%, 18%);
    color: hsl(236, 33%, 90%);

    -webkit-font-smoothing: antialiased;
}

body.night-mode .app-main,
body.night-mode .header-main,
body.night-mode #tab_bar_underpadding,
body.night-mode .floating_recipient .message-header-wrapper,
body.night-mode .column-middle,
body.night-mode #compose,
body.night-mode .column-left .left-sidebar,
body.night-mode .column-right .right-sidebar,
body.night-mode #subscription_overlay .right,
body.night-mode #settings_page .form-sidebar,
body.night-mode #settings_page .right {
    background-color: hsl(212, 28%, 18%);
}

body.night-mode .message_embed .data-container::after {
    background: linear-gradient(0deg, hsl(212, 28%, 18%), transparent 10%);
}

body.night-mode .column-left .left-sidebar,
body.night-mode #settings_page .form-sidebar,
body.night-mode .column-right .right-sidebar {
    border-left-color: hsla(0, 0%, 0%, 0.2);
}

body.night-mode .dark .message_label_clickable.stream_label,
body.night-mode .dark .stream_label,
body.night-mode .stream_label {
    color: hsl(212, 28%, 18%);
}

body.night-mode .new-style label.checkbox input[type=checkbox] ~ span {
    border-color: hsla(0, 0%, 100%, 0.4);
}

body.night-mode .modal-bg {
    background: hsl(212, 28%, 18%);
}

.streams_popover .sp-container {
    background: transparent;
}

/* this one is because in the app we have blue and in night-mode it should be white. */
body.night-mode .popover a {
    color: inherit;
}

body.night-mode .dark_background a,
body.night-mode a.dark_background:hover,
body.night-mode .dark_background,
body.night-mode .message_reactions .message_reaction_count,
body.night-mode .message_reactions .reaction_button i,
body.night-mode .message_reactions:hover .message_reaction + .reaction_button {
    color: inherit !important;
}

/* do not turn the .message_header .stream_label text dark on hover because they're
on a dark background, and don't change the dark labels dark either. */
body.night-mode .message_header:not(.dark_background) a.stream_label:not(.dark_background):hover,
body.night-mode #tab_list li.stream:not(.dark_background) {
    color: hsl(212, 28%, 18%) !important;
}

/* these are converting grey things to "new grey" */
body.night-mode .sidebar-title,
body.night-mode .recipient_row_date {
    color: inherit;
    opacity: 0.5;
}

body.night-mode .new-style .button,
body.night-mode input[type="text"],
body.night-mode input[type="email"],
body.night-mode input[type="password"],
body.night-mode input[type="number"],
body.night-mode textarea,
body.night-mode .new-style .tab-switcher .ind-tab:not(.selected),
body.night-mode select,
body.night-mode .pill-container {
    background-color: hsla(0, 0%, 0%, 0.2);
    border-color: hsla(0, 0%, 0%, 0.6);
    color: inherit;
}

body.night-mode select option {
    background-color: hsl(212, 28%, 18%);
    color: hsl(236, 33%, 90%);
}

body.night-mode .topic-unread-count,
body.night-mode .private_message_count {
    background-color: hsla(105, 2%, 50%, 0.5);
}

body.night-mode .pm_recipient .pill-container .pill {
    color: inherit;
    border: 1px solid hsla(0, 0%, 0%, 0.50);
    background: hsla(0, 0%, 0%, 0.25);
    font-weight: 600;
}

body.night-mode .pm_recipient .pill-container .pill:focus {
    color: #fff;
    border: 1px solid hsla(176, 78%, 28%, 0.6);
    background: hsla(176, 49%, 42%, 0.4);
}

body.night-mode .new-style .button.no-style {
    background-color: transparent;
}

body.night-mode .new-style .tab-switcher .ind-tab.selected,
body.night-mode div.message_content thead,
body.night-mode .table-striped thead th,
body.night-mode .message_reactions .message_reaction.reacted,
body.night-mode .message_reactions:hover .message_reaction + .reaction_button {
    background-color: hsla(0, 0%, 0%, 0.5);
    border-color: hsla(0, 0%, 0%, 0.9);
}

body.night-mode .message_reactions .message_reaction {
    background-color: hsla(0, 0%, 0%, 0.2);
    border-color: hsla(0, 0%, 0%, 0.5);
    color: inherit;
}

body.night-mode .new-style button.button:focus,
body.night-mode input[type="text"]:focus,
body.night-mode input[type="email"]:focus,
body.night-mode input[type="number"]:focus,
body.night-mode textarea:focus,
body.night-mode textarea.new_message_textarea:focus,
body.night-mode .compose_table .recipient_box:focus {
    border-color: hsla(0, 0%, 0%, 0.9);
}

body.night-mode .message-header-contents,
body.night-mode .message_header_private_message .message-header-contents,
body.night-mode #tab_list li.active {
    background: hsla(0, 0%, 0%, 0.2);
}
{'fraction_non_alphanumeric': 0.1557135046473483, 'fraction_numerical': 0.03564789502460361, 'mean_word_length': 4.143982002249719, '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': '5259452', 'n_tokens_mistral': 3567, 'n_tokens_neox': 3257, 'n_words': 738}