CFake - deep dark by xiggi

/* ==UserStyle==
@name         CFake - deep dark
@version      20240503.15.01
@namespace    ?
==/UserStyle== */

@-moz-document domain("cfake.com") {
:root {
        --main-bg: rgb(12, 12, 12);
        
        --second-bg: rgb(21, 21, 21);
        --second-bg-opacity: rgba(21, 21, 21, .5);
        
        --third-bg: rgb(31, 31, 31);
        --third-bg-hover: rgb(31 31 31 / 80%);;
}

body, #item_more {
    background: var(--main-bg);
}

div.gallery {
    background: var(--second-bg);
}

div.gallery:hover,c , div.slideshow_vignette:hover {
    background: var(--third-bg);
    transition: 0.2s;
}

.header_card, #content_sub_menu, #header, .topnav, .content_suggest, .form, .form_win {
    background: var(--second-bg);
    color: #ccc;
}

.header_card a, .topnav a, .form a, .form_win a {
    color: #ccc;
}

.topnav a:hover {
    background-color: var(--third-bg);
    color: #fff;
}

#item_more a , .header_home_list a, #item_num, #item_icon, div.slideshow_vignette {
    background-color: var(--second-bg);
    color: #ccc;
}

#item_txt {
    background-color: var(--third-bg);
}

a:hover, a:active {
    text-decoration: none !important;
}

.form label, .form_win label, .form td, .form_win td {
    color: #fff;
}

#bt_up {
    display: none;
    position: fixed;
    bottom: 10px;
    right: 5px;
    z-index: 9990;
    border: none;
    outline: none;
    background-color: var(--second-bg);
    color: #fff;
    cursor: pointer;
    padding: 10px;
    border-radius: 10px;
}

#bt_up:hover {
    background-color: var(--third-bg);
    transition: 0.2s;
}

.form td#head_tab, .form_win td#head_tab {
    color: #fff;
}

progress {
    background-color: var(--main-bg);
}

progress#progressBar {
    background-color: var(--third-bg);
}

input.searchbar {
    background-color: var(--second-bg);
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    background: var(--second-bg);
    color: #fed008;
    border: 1px solid transparent;
}

#item_txt_search {
    background: var(--second-bg);
}

.ui-widget.ui-widget-content {
    border: 1px solid transparent;
}

#wrapper_footer, #content_ban {
    display: none;
}

::-webkit-scrollbar {
    width: 5px;
    background-color: var(--main-bg);
}
::-webkit-scrollbar-thumb {
background-color: #999;
    border-radius: 4px;
}

::selection {
  background: var(--third-bg);
  color: #fff;
}
}