@media (prefers-color-scheme:dark) {
    :root {
        --main-dark-color: #383838;
        --main-gray-color: #cccccc;
        --main-dark-blue: #435563;
        --main-bright: #5accee;
        --dark-shade: rgb(10, 10, 10);
        --bright-shade: #888;
        --real-dark: rgb(20, 20, 20);
        color-scheme: dark light;
    }

    html.light, html.light body, html.light iframe {
        color-scheme: light;
    }

    /* article & main site */
    html.dark body,
    html.dark .tox .tox-edit-area__iframe,
    html.dark body#tinymce.wp-editor.content,
    html.dark main.main {
        background: black;
    }

    html.dark iframe {
        background-color: black;
        color-scheme: dark;
    }

    html.dark h3 p,
    html.dark h3 b {
        color: white;
    }

    html.dark .review-pro-con .pros {
        background-color: black !important;
        border-color: var(--main-dark-color) !important;
        box-shadow: var(--main-dark-color) !important;
    }

    html.dark .review-pro-con .cons {
        background-color: black !important;
        border-color: var(--main-dark-color) !important;
        box-shadow: var(--main-dark-color) !important;
    }

    html.dark body .to-all-channel-articles a.button,
    html.dark body .to-all-channel-articles a.button:hover,
    html.dark body .to-all-channel-articles a.button:visited {
        background: black !important;
        border: none !important;
    }

    html.dark .header .header-top-row .logged-in .dropdown .dropdown-menu .dropdown-item:hover {
        color: black !important;
    }

    html.dark nav#slide-menu .dropdowns .dropdown-links .link:hover {
        color: #555555 !important;
    }

    html.dark nav#slide-menu .links .link:hover {
        color: #5accee !important;
    }

    html.dark .main .to-all-channel-articles {
        border-bottom-color: var(--main-dark-color);
    }

    html.dark .main.article .article-content .tags .tag {
        background-color: var(--main-dark-color);
    }

    html.dark body .main.article .related-articles .same-height-block.article-block,
    html.dark body .main.article .article-content blockquote,
    html.dark body#tinymce.wp-editor.content blockquote {
        background: var(--real-dark);
        color: white;
    }

    html.dark body .main .htdeals-block .htdeals-slider .swiper-slide,
    html.dark .main.article .article-content .social-media-div img.social_icon {
        background: white;
    }

    html.dark body blockquote.citequote,
    html.dark body#tinymce.wp-editor.content blockquote.citequote {
        background: #c9d9de;
    }

    html.dark body .block-head-text,
    html.dark body .head-text,
    html.dark body .date,
    html.dark body .to-all-channel-articles .button,
    html.dark body .block-head-text.sponsors,
    html.dark body .main .content-block .items .item .head-text,
    html.dark body .main .content-block .items .item .date,
    html.dark body .main .same-height-block .items .item .head-text,
    html.dark body .main .one-big-item-block .items .item .head-text,
    html.dark body .main .same-height-block .items .item .text,
    html.dark body .main .same-height-block .items .item .texts .text,
    html.dark body .main .one-big-item-block .items .item .text,
    html.dark body .main.search-section .pagination .pagination-row div a,
    html.dark body .main.search-section .pagination .pagination-row div,
    html.dark body .main.search-section .pagination .pagination-row a.page-numbers,
    html.dark body .main.search-section .pagination .pagination-row span,
    html.dark body .main.search-section .label,
    html.dark body .main.article .article-content p,
    html.dark body .main.article .article-content p span[style],
    html.dark body .main.article .article-content .date-row,
    html.dark body .main.article .article-content ul li,
    html.dark body .search-result-text,
    html.dark body h4,
    html.dark body .display-actions a,
    html.dark body#tinymce.wp-editor.content p,
    html.dark body#tinymce.wp-editor.content p span[style],
    html.dark body#tinymce.wp-editor.content .article-content ul li,
    html.dark body#tinymce.wp-editor.content h4,
    html.dark body#tinymce.wp-editor.content h3,
    html.dark body#tinymce.wp-editor.content h2,
    html.dark body#tinymce.wp-editor.content h1,
    html.dark body#tinymce.wp-editor.content a {
        color: white !important;
    }

    html.dark .header .header-top-row {
        background-image: linear-gradient(black, var(--dark-shade), black, black);
    }

    html.dark .header .header-top-row .logged-in .dropdown .dropdown-menu {
        background-color: black;
        border-color: var(--main-dark-blue);
    }

    html.dark .header .header-top-row .logged-in .item:after,
    html.dark .header .header-top-row .logged-in:before {
        background-color: var(--main-dark-color);
    }

    html.dark .header .header-top-row .logged-in {
        border-color: var(--main-dark-color);
    }

    html.dark .header .header-top-row .logged-in .item {
        color: #888 !important;
    }

    html.dark .footer {
        background-color: var(--real-dark);
    }

    html.dark .main .content-block .items .item .text,
    html.dark .main .same-height-block .items .item .text,
    html.dark .main .one-big-item-block .items .item .text {
        color: var(--bright-shade);
    }

    html.dark a.sponsor img {
        background-color: white !important;
    }

    /* ----------------- phpBB Dark Mode ----------------- */

    /* Structure & Backgrounds */
    html.dark body .wrap,
    html.dark body .headerbar,
    html.dark body .navbar,
    html.dark body .forabg,
    html.dark body .forumbg,
    html.dark body .page-body .forabg {
        background-color: black !important;
    }

    /* Panels & Rows */
    html.dark body .bg1,
    html.dark body .bg2,
    html.dark body .panel,
    html.dark body .row,
    html.dark body li.row,
    html.dark body .post,
    html.dark body .posthtml.dark body,
    html.dark body form.topic_poll .panel,
    html.dark body form#postform .post:first-child,
    html.dark body #qr_postform .panel,
    html.dark body #qr_postform .panel h2 {
        background-color: var(--real-dark) !important;
        color: #cccccc !important;
    }
    /* Panels & Rows */
    html.dark body .bg1,
    html.dark body .bg2 {
        border: 1px #333 solid;
    }

    /**** FORUM ****/
    html.dark #phpbb .global_unread,
    html.dark #phpbb .global_unread_mine,
    html.dark #phpbb .global_unread_locked,
    html.dark #phpbb .global_unread_locked_mine,
    html.dark #phpbb .announce_unread,
    html.dark #phpbb .announce_unread_mine,
    html.dark #phpbb .announce_unread_locked,
    html.dark #phpbb .announce_unread_locked_mine,
    html.dark #phpbb .forum_unread,
    html.dark #phpbb .forum_unread_locked,
    html.dark #phpbb .forum_unread_subforum,
    html.dark #phpbb .sticky_unread,
    html.dark #phpbb .sticky_unread_mine,
    html.dark #phpbb .sticky_unread_locked,
    html.dark #phpbb .sticky_unread_locked_mine,
    html.dark #phpbb .pm_unread,
    html.dark #phpbb .topic_unread,
    html.dark #phpbb .topic_unread_mine,
    html.dark #phpbb .topic_unread_hot,
    html.dark #phpbb .topic_unread_hot_mine,
    html.dark #phpbb .topic_unread_locked,
    html.dark #phpbb .topic_unread_locked_mine,
    html.dark #phpbb .row.bg3 {
        background-color: rgb(13, 30, 35) !important;
    }

    html.dark .bg1:has(.global_unread), html.dark .bg1:has(.global_unread_mine), html.dark .bg1:has(.global_unread_locked), html.dark .bg1:has(.global_unread_locked_mine), 
    html.dark .bg1:has(.announce_unread), html.dark .bg1:has(.announce_unread_mine), html.dark .bg1:has(.announce_unread_locked), html.dark .bg1:has(.announce_unread_locked_mine), 
    html.dark .bg1:has(.forum_unread), html.dark .bg1:has(.forum_unread_locked), html.dark .bg1:has(.forum_unread_subforum), html.dark .bg1:has(.sticky_unread), html.dark .bg1:has(.sticky_unread_mine), 
    html.dark .bg1:has(.sticky_unread_locked), html.dark .bg1:has(.sticky_unread_locked_mine), html.dark .bg1:has(.pm_unread), html.dark .bg1:has(.topic_unread), html.dark .bg1:has(.topic_unread_mine), 
    html.dark .bg1:has(.topic_unread_hot), html.dark .bg1:has(.topic_unread_hot_mine), html.dark .bg1:has(.topic_unread_locked), html.dark .bg1:has(.topic_unread_locked_mine),
    html.dark .bg2:has(.global_unread), html.dark .bg2:has(.global_unread_mine), html.dark .bg2:has(.global_unread_locked), html.dark .bg2:has(.global_unread_locked_mine), 
    html.dark .bg2:has(.announce_unread), html.dark .bg2:has(.announce_unread_mine), html.dark .bg2:has(.announce_unread_locked), html.dark .bg2:has(.announce_unread_locked_mine), 
    html.dark .bg2:has(.forum_unread), html.dark .bg2:has(.forum_unread_locked), html.dark .bg2:has(.forum_unread_subforum), html.dark .bg2:has(.sticky_unread), html.dark .bg2:has(.sticky_unread_mine), 
    html.dark .bg2:has(.sticky_unread_locked), html.dark .bg2:has(.sticky_unread_locked_mine), html.dark .bg2:has(.pm_unread), html.dark .bg2:has(.topic_unread), html.dark .bg2:has(.topic_unread_mine), 
    html.dark .bg2:has(.topic_unread_hot), html.dark .bg2:has(.topic_unread_hot_mine), html.dark .bg2:has(.topic_unread_locked), html.dark .bg2:has(.topic_unread_locked_mine),
    html.dark #phpbb .post.bg1.unreadpost, html.dark #phpbb .post.bg2.unreadpost, html.dark #phpbb .row.bg3
    {
        border: #5accee50 1px solid;
    }

    html.dark body li.row:hover {
        border-color: #eeeeee50;
    }

    html.dark .bg1:has(.global_unread):hover, html.dark .bg1:has(.global_unread_mine):hover, html.dark .bg1:has(.global_unread_locked):hover, html.dark .bg1:has(.global_unread_locked_mine):hover, 
    html.dark .bg1:has(.announce_unread):hover, html.dark .bg1:has(.announce_unread_mine):hover, html.dark .bg1:has(.announce_unread_locked):hover, html.dark .bg1:has(.announce_unread_locked_mine):hover, 
    html.dark .bg1:has(.forum_unread):hover, html.dark .bg1:has(.forum_unread_locked):hover, html.dark .bg1:has(.forum_unread_subforum):hover, html.dark .bg1:has(.sticky_unread):hover, html.dark .bg1:has(.sticky_unread_mine):hover, 
    html.dark .bg1:has(.sticky_unread_locked):hover, html.dark .bg1:has(.sticky_unread_locked_mine):hover, html.dark .bg1:has(.pm_unread):hover, html.dark .bg1:has(.topic_unread):hover, html.dark .bg1:has(.topic_unread_mine):hover, 
    html.dark .bg1:has(.topic_unread_hot):hover, html.dark .bg1:has(.topic_unread_hot_mine):hover, html.dark .bg1:has(.topic_unread_locked):hover, html.dark .bg1:has(.topic_unread_locked_mine):hover,
    html.dark .bg2:has(.global_unread):hover, html.dark .bg2:has(.global_unread_mine):hover, html.dark .bg2:has(.global_unread_locked):hover, html.dark .bg2:has(.global_unread_locked_mine):hover, 
    html.dark .bg2:has(.announce_unread):hover, html.dark .bg2:has(.announce_unread_mine):hover, html.dark .bg2:has(.announce_unread_locked):hover, html.dark .bg2:has(.announce_unread_locked_mine):hover, 
    html.dark .bg2:has(.forum_unread):hover, html.dark .bg2:has(.forum_unread_locked):hover, html.dark .bg2:has(.forum_unread_subforum):hover, html.dark .bg2:has(.sticky_unread):hover, html.dark .bg2:has(.sticky_unread_mine):hover, 
    html.dark .bg2:has(.sticky_unread_locked):hover, html.dark .bg2:has(.sticky_unread_locked_mine):hover, html.dark .bg2:has(.pm_unread):hover, html.dark .bg2:has(.topic_unread):hover, html.dark .bg2:has(.topic_unread_mine):hover, 
    html.dark .bg2:has(.topic_unread_hot):hover, html.dark .bg2:has(.topic_unread_hot_mine):hover, html.dark .bg2:has(.topic_unread_locked):hover, html.dark .bg2:has(.topic_unread_locked_mine):hover,
    html.dark #phpbb .row.bg3:hover
    {
        border: #5accee80 1px solid;
    }

    html.dark #phpbb .global_unread a.topictitle,
    html.dark #phpbb .global_unread_mine a.topictitle,
    html.dark #phpbb .global_unread_locked a.topictitle,
    html.dark #phpbb .global_unread_locked_mine a.topictitle,
    html.dark #phpbb .announce_unread a.topictitle,
    html.dark #phpbb .announce_unread_mine a.topictitle,
    html.dark #phpbb .announce_unread_locked a.topictitle,
    html.dark #phpbb .announce_unread_locked_mine a.topictitle,
    html.dark #phpbb .forum_unread a.topictitle,
    html.dark #phpbb .forum_unread_locked a.topictitle,
    html.dark #phpbb .forum_unread_subforum a.topictitle,
    html.dark #phpbb .sticky_unread a.topictitle,
    html.dark #phpbb .sticky_unread_mine a.topictitle,
    html.dark #phpbb .sticky_unread_locked a.topictitle,
    html.dark #phpbb .sticky_unread_locked_mine a.topictitle,
    html.dark #phpbb .pm_unread a.topictitle,
    html.dark #phpbb .topic_unread a.topictitle,
    html.dark #phpbb .topic_unread_mine a.topictitle,
    html.dark #phpbb .topic_unread_hot a.topictitle,
    html.dark #phpbb .topic_unread_hot_mine a.topictitle,
    html.dark #phpbb .topic_unread_locked a.topictitle,
    html.dark #phpbb .topic_unread_locked_mine a.topictitle,
    html.dark #phpbb .row.bg3 a,
    html.dark #phpbb .row.bg3 a p,
    html.dark #phpbb .row.bg3 a p strong {
        color: #bae5f1 !important;
    }

    html.dark #phpbb .post.bg1.unreadpost,
    html.dark #phpbb .post.bg2.unreadpost,
    html.dark #phpbb .post.bg1.unreadpost .postbody,
    html.dark #phpbb .post.bg2.unreadpost .postbody {
        background-color: rgb(13, 30, 35) !important;
    }

    @media (max-width: 700px) {
        html.dark #phpbb .post.unreadpost .inner .postprofile {
            border-bottom-color: rgb(13, 30, 35);
        }

        html.dark #phpbb .post .postprofile {
            border-bottom: 1px solid #333;
        }
    }

    /* Text Elements */
    html.dark body h1,
    html.dark body h2,
    html.dark body h3,
    html.dark body h4,
    html.dark body h5,
    html.dark body h6,
    html.dark .main.article .article-content h1,
    html.dark .main.article .article-content h2,
    html.dark .main.article .article-content h3,
    html.dark .main.article .article-content h4,
    html.dark .main.article .article-content h5,
    html.dark .main.article .article-content h6,
    html.dark body .posthtml.dark body .content,
    html.dark body .content,
    html.dark body dt,
    html.dark body dd,
    html.dark body strong,
    html.dark body li.header dt,
    html.dark body li.header dd,
    html.dark body .postprofile,
    html.dark body .postprofile strong {
        color: #e0e0e0 !important;
    }

    /* Links */
    html.dark body a,
    html.dark body a:hover,
    html.dark body a:visited,
    html.dark body .postlink,
    html.dark body .navbar a,
    html.dark body .forum-title {
        color: #efefef !important;
    }

    html.dark .header .menu-buttons-row .swiper-slide.highlighted {
        color: var(--main-bright) !important;
    }

    /* Inputs & Buttons */
    html.dark body select,
    html.dark body .button,
    html.dark body .button:visited {
        background-color: var(--main-dark-color) !important;
        color: #ffffff !important;
        border: 1px solid #555 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    html.dark body .button:hover,
    html.dark .w3_loader,
    html.dark .w3_wrap_loader {
        background-color: #4a4a4a !important;
        color: #fff !important;
    }

    html.dark body .icon {
        filter: invert(1) grayscale(100%);
    }

    /* Dropdowns */
    html.dark body .dropdown .dropdown-contents li a {
        background: #333;
    }
    html.dark body .dropdown .dropdown-contents li a:hover, html.dark body .dropdown .dropdown-contents li a:hover span {
        color: #5accee;
    }
    html.dark body .dropdown .dropdown-contents li a span {
        color: #eee;
    }

    html.dark body .dropdown .dropdown-contents {
        background: #333 !important;
        border-color: #555 !important;
    }

    html.dark body .dropdown .dropdown-contents li {
        background: #333 !important;
    }

    html.dark body .dropdown .dropdown-contents li:hover {
        background: #444 !important;
    }

    html.dark hr {
        filter: invert(1);
    }

    html.dark #phpbb a.button,
    html.dark #phpbb a.button:hover,
    html.dark #phpbb a.button span {
        background-color: unset !important;
        color: unset !important;
    }

    html.dark #phpbb blockquote.citequote,
    html.dark .rtl blockquote, 
    html.dark .mce-content-body blockquote
    {
        background-color: rgba(67, 85, 99, 1);
        border: 1px solid #12a3eb59;
        color: white;
        box-shadow: unset;
    }

    html.dark .rtl blockquote blockquote.citequote,
    html.dark .mce-content-body blockquote blockquote.citequote,
    html.dark .mce-content-body blockquote blockquote a
    {
        color: black !important;
    } 

    html.dark #phpbb .quote-drawer {
        color: black;
    }

    html.dark #phpbb blockquote cite:before,
    html.dark #phpbb blockquote.uncited:before {
        color: black;
    }

    html.dark #phpbb .citequote a {
        -webkit-text-fill-color: unset;
    }

    html.dark #phpbb .profile-equipment {
        border-bottom-color: var(--dark-shade);
    }

    html.dark #phpbb ul.topiclist dd,
    html.dark #phpbb .postbody {
        border-right-color: #333;
    }

    html.dark #phpbb .notice,
    html.dark #phpbb .signature,
    html.dark .panel-container .panel li.row {
        border-top-color: #333;
    }

    html.dark #phpbb dl.thumbnail img,
    html.dark #phpbb .lightbox .lb-image {
        background-color: black;
    }

    html.dark #phpbb .lightbox .lb-image {
        border-color: var(--main-dark-blue);
    }

    html.dark #phpbb a.postlink:hover {
        color: #5accee !important;
        background: #D0E4F620;
        text-decoration: underline;
    }

    html.dark #phpbb .button {
        filter: invert(1) grayscale(100%);
    }

    html.dark .tox-editor-header {
        filter: invert(1) grayscale(100%);
    }

    html.light body#tinymce {
        color: black;   
    }

    html.dark #phpbb .button-secondary {
        color: #5c758c !important;
    }

    html.dark #phpbb .message-box textarea {
        background-color: black !important;
        color: white !important;
        caret-color: auto !important;
    }

    html.dark #phpbb .search-box input.search {
        color: white !important;
        background-color: black !important;
    }
    html.dark input::placeholder {
        color: #666;
    }

    html.dark #phpbb .pagination li.active span {
        color: #aaa;
    }

    html.dark #phpbb .signature,
    html.dark #phpbb .profile-custom-field,
    html.dark #phpbb .profile-equipment {
        color: unset;
    }

    html.dark #phpbb .pagination li.ellipsis span {
        color: #eee;
    }

    html.dark body#phpbb {
        background-color: black;
    }

    html.dark #phpbb .icon {
        filter: unset;
    }

    html.dark .tox.tox-tinymce {
        border: 1px #666 solid;
    }    
    html.dark .tox .tox-dialog-wrap__backdrop {
        filter: invert(1);
    }

    html.dark body#phpbb .post .inner .postprofile .abovecontent a {
        color: black !important;
    }

    html.dark body#phpbb .tabs .tab>a,
    html.dark body#phpbb .tabs .tab {
        color: var(--bright-shade) !important;
        background-image: none;
        background-color: black;
        border-color: #222;
    }

    html.dark body#phpbb .tabs .tab.activetab>a,
    html.dark body#phpbb .tabs .tab.activetab {
        color: var(--main-bright) !important;
        background-image: none;
        background-color: var(--main-dark-color);
        border-color: unset;
    }

    html.dark body#phpbb .navigation li>a {
        background-image: none;
        background-color: black;
        color: var(--bright-shade) !important;
    }

    html.dark body#phpbb .navigation li.active-subsection>a {
        background-color: var(--main-dark-color);
        color: var(--main-bright) !important;
    }

    html.dark body#phpbb .navigation li.active-subsection>a strong {
        color: var(--main-bright) !important;
    }

    html.dark #phpbb .pmlist li.pm_replied_colour,
    html.dark .pm_replied_colour,
    html.dark #phpbb .panel-container .panel li.row,
    html.dark #phpbb ul.cplist {
        border-color: var(--main-dark-color);
    }

    html.dark #phpbb .pagination a.button,
    html.dark #phpbb .pagination a.button:hover,
    html.dark #phpbb .pagination a.button span {
        background-color: black !important;
        filter: none;
    }

    html.dark #phpbb .pagination a.button,
    html.dark #phpbb .pagination a.button span {
        color: var(--bright-shade) !important;
    }

    html.dark #phpbb .pagination a.button:hover {
        color: var(--main-bright) !important;
    }

    html.dark #phpbb .inputbox {
        background-color: #222;
        color: white;
        filter: none;
    }

    html.dark #phpbb .inputbox:hover,
    html.dark #phpbb .inputbox:focus,
    html.dark #phpbb .message-box textarea:hover,
    html.dark #phpbb .message-box textarea:focus {
        border-color: white;
    }

    html.dark #phpbb dd label,
    html.dark #phpbb dt label {
        color: var(--bright-shade);
    }

    html.dark #phpbb .pagination li.active {
        border: 1px white solid;
    }

    html.dark #phpbb div.inner a.button span {
        color: black !important;
    }

    html.dark #phpbb .citequote-gradient:after {
        background: linear-gradient(to bottom, rgba(67, 85, 99, 0) 40%, rgba(67, 85, 99, 1) 100%);
    }

    html.dark div.rules {
        background-color: rgb(80, 0, 0);
        color: var(--bright-shade);
    }

    html.dark #phpbb .announce,
    html.dark #phpbb .unreadpost {
        border: unset;
    }

    html.dark .newspoiler {
        background: #333;
        color: #333;
    }

    html.dark .newspoiler.off {
        background: #aaa;
        color: #333;
        animation: colorFadeDark linear 1s;
    }

    @keyframes colorFadeDark {
        0% {
            background: #333;
            color: #333;
        }

        100% {
            background: #aaa;
            color: #333;
        }
    }

    html.dark a.footer-nav-btn span {
        color: #555;
    }

    html.dark li.header {
        border-radius: 0px;
    }

    html.dark #phpbb li.header dl.row-item dt,
    html.dark #phpbb li.header dl.row-item dd {
        background-color: black !important;
    }

    html.dark #phpbb li.header dl.row-item {
        border-bottom: var(--bright-shade) 1px solid;
        border-radius: 0px;
    }

    html.dark .icon.icon-black,
    html.dark a:hover .icon.icon-black {
        color: white;
    }

    html.dark .pagination li a:hover,
    html.dark .pagination li a:hover .icon {
        background: black;
    }

    html.dark .pmlist li.pm_replied_colour,
    html.dark .pm_replied_colour {
        border-right-color: white !important;
        border-left-color: white !important;
    }

    html.dark .forumbg dl.row-item dt .responsive-show a>time {
        background: rgba(30, 136, 229, 0.3);
    }

    html.dark .postbody {
        color: #bbb;
    }

    html.dark #login fieldset.fields1 dt label,
    html.dark #register fieldset.fields2 dt label,
    html.dark #reset_password fieldset dt label,
    html.dark #resend fieldset dt label {
        color: white;
    }

    html.dark button2.btn-blue {
        background-color: black;
    }

    html.dark .btn-blue {
        color: black !important;
    }

    html.dark .message-box textarea {
        border: 1px solid #888 !important;
    }
    
    html.dark table tr td.attach-name,
    html.dark table tr td.attach-comment,
    html.dark table tr td.attach-filesize,
    html.dark table tr td.attach-status
    {
        background-color: #333;
    }
    html.dark table tr td.attach-name,
    html.dark table tr th.attach-name,
    html.dark table tr td.attach-comment,
    html.dark table tr th.attach-comment,
    html.dark table tr td.attach-filesize,
    html.dark table tr th.attach-filesize,  
    html.dark table tr td.attach-status,
    html.dark table tr th.attach-status   
    {
        color: white;
    }

    html.dark table.table1 tbody tr {
        border: none;
    }
    html.dark label {
        color: #aaa;
    }
    html.dark .phpbb_alert {
        background-color: #222;
    }
    html.dark .phpbb_alert .alert_close i.icon {
        color: black;
    }
    html.dark .tox-dialog, html.dark .tox-dialog__footer , html.dark .tox-dialog__header {
        background-color: #222;
    }

    html.dark .tox-textfield, html.dark .tox-textfield:hover, html.dark .tox-textfield:focus {
        background-color: black;
        color: white;
    }

    html.dark .tox-dialog__title, html.dark .tox-dialog__body-nav-item {
        color: #eee;
    }

    html.dark .fa-question:before, html.dark .fa-exclamation:before {
        color: red;
    }
/*
    html.dark .profile-rank img {
        filter: grayscale(1) invert(1);
    }
*/
    
    html.dark .codebox {
        background: #383838;
    }
    
    html.dark .codebox p {
        background: black;
    }
    
    html.dark .codebox code {
        background : #111;
        color: lightgreen;
        scrollbar-width: thin;
      scrollbar-color: #eee #444;
    }

    html.dark ul.forums {
        background-color: unset;
    }

    html.dark ul.forums li.row {
        border: #5accee30 1px solid;
    }

    html.dark body .bh {
        color: red;
    } 
    html.dark .minitabs .tab > a {
        background-color: #888;
    }
    html.dark .minitabs .tab.activetab > a {
        background-color: lightblue;
        color: black !important;
    }
    html.dark p.post-notice, 
    html.dark .cp-main p.post-notice a,
    html.dark .cp-main p.post-notice a strong 
    {
        color: red !important;
    }
    html.dark .post-notice.reported, 
    html.dark .post-notice.reported a, 
    html.dark .post-notice.reported a strong {
    background-color: pink;
        color: red !important;
    }
    html.dark .dropdown .pointer-inner {
	    border-color: #333  transparent;
    }
    html.dark body#tinymce.mce-content-body {
        color: white;
    }
    html.dark fieldset.polls dl {
        border-top-color: #222;
    }
}