body.dark_mode, body.dark_mode .predictive_twitter_account
{
    background: linear-gradient(180deg, #262D3C 0%, #1D2129 100%);
}

body.dark_mode, body.dark_mode .predictive_twitter_account, body.dark_mode .list-content .game_label, body.dark_mode textarea, body.dark_mode input, body.dark_mode select, body.dark_mode .modal
{
    color: #fff;
}

body.dark_mode .cell.blog_copy .line_breaker .content .line {
    border-color: #FFFFFF;
}

body.dark_mode .tabcontent .cell.inline.list-content, body.dark_mode .cell.activity-controls label, #Activity .cell.list-content.visible, body.dark_mode #Help .cell.list-content, body.dark_mode #Content_Muse .subreddit_results .row, body.dark_mode .blog_post, body.dark_mode .row .cell.help_post, body.dark_mode #Resources .resource_attributes, body.dark_mode #Podcaster_Tool .podcast_wrapper
{
    background: linear-gradient(180deg, #2B3345 0%, #1A2028 100%);
    box-shadow: -10px -10px 31px rgb(57 68 91 / 10%), 8px 8px 18px rgba(0, 0, 0, 0.4);
}

body.dark_mode #Report .row.vertical_top > .cell
{
    background: linear-gradient(180deg, #2B3345 0%, #1A2028 100%) !important;
    box-shadow: -10px -10px 31px rgb(57 68 91 / 10%), 8px 8px 18px rgba(0, 0, 0, 0.4) !important;
}

body.dark_mode a, body.dark_mode .remove_asset, #Resources .cell .input.wrapper .input[name=text_body] hash, body.dark_mode #Podcaster_Tool .podcast_wrapper .podcast_card {
    color: #E8901F;
}

body.dark_mode input::placeholder, body.dark_mode textarea::placeholder
{
    color: rgba(255, 255, 255, 0.6);
}

body.dark_mode span.code, body.dark_mode div.code_block {
    background-color: #333;
    border-color: #666;
}

body.dark_mode div.code_block span.code_color_purple {
    color: rgb(255 98 255);
}

body.dark_mode div.code_block span.code_color_blue {
    color: rgb(105 205 255);
}

body.dark_mode div.code_block span.code_color_green {
    color: lime;
}

body.dark_mode div.code_block span.code_color_orange {
    color: orange;
}

body.dark_mode div.code_block span.line_number {
    color: grey;
}

body.dark_mode .tab-wrapper, body.dark_mode .tab.vertical button, body.dark_mode .submenu, body.dark_mode .answer, body.dark_mode .question, body.dark_mode .nested-options
{
    color: #fff;
    box-shadow: -10px -10px 31px rgb(57 68 91 / 10%), 8px 8px 18px rgba(0, 0, 0, 0.4);
}

body.dark_mode .tab-wrapper, body.dark_mode .tab.vertical button, body.dark_mode .tab div, body.dark_mode .tabcontent .row.list-content.visible:nth-of-type(odd), body.dark_mode .answer, body.dark_mode .question, body.dark_mode .nested-options
{
    background-color: #212631;
}

/* Style the buttons that are used to open the tab content */
body.dark_mode .tab button {
    color: #FFF;
}

body.dark_mode #Resources .input:not(.no_style), body.dark_mode #Moderator_Panel .input:not(.no_style), body.dark_mode .cell select.resource_filter, body.dark_mode #Options input, body.dark_mode #Livestream_Chat input, body.dark_mode #Livestream_Chat select, body.dark_mode #Credit_Screens input, body.dark_mode #Credit_Screens select, body.dark_mode #Options select, body.dark_mode #Creator_Application input, body.dark_mode #Creator_Application select, body.dark_mode #Content_Muse .input, body.dark_mode .modal .input, body.dark_mode #Podcaster_Tool .input, body.dark_mode #Podcaster_Tool select
{
    background-color: #212631;
    box-shadow: inset -4px -4px 17px rgb(57 68 91 / 10%), inset 4px 4px 18px rgb(0 0 0 / 20%);
}

body.dark_mode .cell .input:not(select):not(.no_style), body.dark_mode #Options input, body.dark_mode #Livestream_Chat input, body.dark_mode #Options select, body.dark_mode #Creator_Application input, body.dark_mode #Creator_Application select
{
    border-color: #FFFFFF;
    border-width: 1px;
}

body.dark_mode .input[name=text_body]:not(.no_style)
{
    background-color: #212631;
}

/* Change background color of buttons on hover */
body.dark_mode .tab button:hover {
    border-bottom: 2px solid #FFFFFF;
    border-bottom-style: inset;
}

body.dark_mode input[type='checkbox']:not(.filter) + label:before, body.dark_mode .show_tool_tips input[type='checkbox']:not(.filter) + label:before, body.dark_mode input[type='radio']:not(.filter) + label:before {
    /* color: #FFF; */
}

body.dark_mode .filter[type='radio'] + label, body.dark_mode input[type='checkbox'].filter + label, body.dark_mode .cell.activity-controls label:hover {
    border-color: #FFFFFF;
}

body.dark_mode .filter[type='radio'] + label:hover, body.dark_mode input[type='checkbox'].filter + label:hover {
    border-color: #E8901F;
}

body.dark_mode .filter[type='radio']:checked + label, body.dark_mode input[type='checkbox'].filter:checked + label {
    background-color: #FFFFFF;
    background-image: none;
    color: #202020;
}

body.dark_mode .filter[type='radio']:checked + label:hover, body.dark_mode input[type='checkbox'].filter:checked + label:hover {
    background-color: #E8901F;
    color: #FFFFFF;
}

body.dark_mode #Options input.cross[type='checkbox']:not(.filter):checked + label:before {
    color: #FFFFFF !important;
}

body.dark_mode #Options input[type='radio'] + label, #Options input.tiamat_webhook + label, body.dark_mode input[type='checkbox'].filter + label, body.dark_mode .cell.activity-controls label:hover, body.dark_mode label.pretty_style:hover, body.dark_mode #Options input[type='submit'] {
    border-color: #FFFFFF;
}

body.dark_mode #Options input[type='radio'] + label:not(.disabled):hover, body.dark_mode input[type='checkbox'].filter + label:hover, body.dark_mode #Podcaster_Tool .podcast_wrapper .podcast_card {
    border-color: #E8901F;
}

body.dark_mode #Options input[type='radio']:checked + label:not(.disabled), body.dark_mode input[type='checkbox'].filter:checked + label, body.dark_mode label.pretty_style, body.dark_mode #Options input.tiamat_webhook:checked + label, body.dark_mode #Options input[type='submit'] {
    background-color: #FFFFFF;
    background-image: none;
    color: #202020;
}

body.dark_mode #Options input[type='radio']:checked + label:not(.disabled):hover, body.dark_mode input[type='checkbox'].filter:checked + label:hover, body.dark_mode label.pretty_style:hover, body.dark_mode #Options input[type='submit']:hover {
    background-color: #E8901F;
    color: #FFFFFF;
}

body.dark_mode #Resources .row:first-child .cell .game_label
{
    color: #E8901F;
    background: #2B3345;
}

body.dark_mode .modal .close_button
{
    color: #E8901F;
}

body.dark_mode button.disabled, body.dark_mode button#createResource.disabled
{
    color: #AAAAAA;
    background-color: #555555;
    cursor: not-allowed;
    background-image: none;
}