Modern Dark 1.0 by conkuist

/* ==UserStyle==
@name         Modern Dark 1.0
@version      20210818.03.42
@namespace    userstyles.world/user/conkuist
@description  Dark mode for stylesheet "Modern"
@author       conkuist
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://www.empornium.sx/"), url-prefix("https://www.empornium.is/") {
:root
{
    --dark: #1c1b22;
    --medium: #2b2a33;
    --mediumbright: #35343a;
    --bright: #42414d;
    
    /*--link: #00c7f7;*/
    --link: #00ccff;
    --visited: #00ffaa;
    
    --yellow: #fced0a;
    --red: #e33;
    
    --test: #a90909;
}

body
{
    background: var(--dark);
    color: #fff;
    font-family: roboto;
}

select, select.bb_button, .button.toggle
{
    background: var(--dark);
    color: #fff;
    border: none;
}

h2
{
    background: var(--bright);
    color: #fff;
    border-radius: 0;
    padding: 5px 40px;
}

.curtain
{
    background: var(--dark);
}

.thin > h2:first-child
{
    border-radius: 0;
}

a
{
    color: var(--link);
}

a:visited
{
    /*color: #218fa6;*/
    color: var(--visited);
}

a:hover, a:visited:hover
{
    color: #fff;
    text-decoration: none;
}

.tags a, .tags a:visited
{
    color: #aaa;
}

.tags a:hover, .tags a:visited:hover
{
    color: var(--link);
    text-decoration: none;
}

table.border
{
    border-color: var(--bright);
}

img[alt="RSS feed"]
{
    display: none;
}

#logo
{
    background: url('https://www.empornium.sx/static/styles/modern/images/logo.svg') no-repeat center center;
    background-size: 175px;
}

#header
{
    background: var(--medium);
}

#header_top, #header_bottom
{
    border: none;
}

#searchbars .searchcontainer
{
    background: var(--dark);
    border: none;
}

#content
{
    background: var(--medium);
    border: none;
    border-radius: 10px;
    box-shadow: none;
}

.head,.sidebar .head
{
    background: var(--medium);
    border: none;
    color: #fff;
}

tr.head, tr.head + tr
{
    box-shadow: none;
}

table.bb_holder td.colhead
{
    background: var(--medium);
}

.box
{
    background: var(--dark);
    border-radius: 5px;
}

.box h2, .box h3, .box h4
{
    background: var(--medium);
    color: #fff;
    padding: 5px 0px;
}

.head + div.box
{
    box-shadow: none;
}

.cat_list tr td, tr, .label
{
    background:  var(--medium);
}


.cat_list tr td, .on_cat_change 
{
    background: var(--dark);
}

#taglist tr:nth-child(6) td
{
    padding-bottom: 15px;
}

#taglist, #taglist tr
{
    background: var(--dark);
}

#taglist a:visited
{
    color: #fff;
}
#taglist a:visited:hover
{
    color: var(--link);
}

input, textarea
{
    background: var(--dark);
    color: #fff;
    border: none;
}

#filter_slidetoggle
{
    background: var(--medium);
    box-shadow: none;
    border: none;
}

#filter_slidetoggle a, #search_box span > a[href="#"]
{
    color: #fff;
}

#filter_slidetoggle a:hover, #search_box span > a[href="#"]:hover
{
    color: var(--link);
}

input[type="submit"], input[type="button"], button
{
    background: var(--bright);
    box-shadow: none;
    border: none;
    color: #fff;
}

input[type="submit"]:hover, input[type="button"]:hover, button:hover
{
    background: #fff;
    box-shadow: none;
    border: none;
    color: var(--bright);
}

.cat_list a
{
    color: #fff;
}

.cat_list a:visited
{
    color: #aaa;
}

.cat_list a:hover, .cat_list a:visited:hover
{
    color: var(--link);
}

#menu a
{
    color: #fff;
}

#menu a:hover, #major_stats a:hover, #major_stats_left a:hover
{
    background: var(--bright);
    color: #fff;
}

.colhead,.colhead a:visited
{
    background: var(--medium);
    color: #fff;
}

.colhead a:hover
{
    text-decoration:none;
    color: var(--link);
}

.torrent_table tr:nth-child(2)
{
    display: none;
}

tr.rowa,
tr.rowb
{
    border: 2px solid var(--medium);
}

.cat_list tr.rowa,
.cat_list tr.rowb,
.taglist tr.rowa,
.taglist tr.rowb
{
    border: none;
}

tr.rowb.sticky, tr.rowa.sticky
{
    background: var(--bright);
}

tr.rowb, .rowb
{
    background: var(--dark);
}
tr.rowa, .rowa
{
    background: var(--dark);
}

tr.smallhead
{
    background: var(--bright);
}

table.forum_post td
{
    border: none;
}

table.forum_post.box
{
    border-radius: 0px;
    border: 1px solid var(--bright);
    overflow: hidden;
}

table.forum_post td.sig
{
    border-top: var(--bright) 1px solid;
}

.post_footer
{
    border: none;
    padding: 0px 0px 0px 10px;
}

td.avatar
{
    background: var(--bright);
}

blockquote.bbcode,
blockquote.bbcode > blockquote.bbcode,
blockquote.bbcode > blockquote.bbcode > blockquote.bbcode
{
    background: var(--mediumbright);
    color:#fff;
    border: 1px solid var(--bright);
}

blockquote span.quote_label, span.quote_label
{
    color: #fff;    
}

a.bb_button, .bb_icon
{
    background: var(--bright);
    border: none;
}

a.bb_button:hover, .bb_icon:hover
{
    background: #fff;
    color: var(--bright);
}

#quickreplytext
{
    background: var(--medium);
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-radius: 3px;
    overflow:hidden;
}

#userinfo_username li ul
{
    background: var(--medium);
    border: none;
}

#userinfo_username li ul a, #userinfo_tools li ul a
{
    border: none;
    border-width: 0;
}

#userinfo_username li ul li a:hover, #userinfo_tools li ul li a:hover
{
   background: var(--bright); 
}

tr.torrent.rowa:hover, tr.torrent.rowb:hover {
    background-color: var(--dark);
}

.overflow_button
{
    background: var(--bright);
    color: #fff;
    border: none;
}

.colhead a
{
    color: #fff;
}

.overlay
{
    border-radius: 5px;
    overflow: hidden;
}

.overlay, table.overlay, .overlay .leftOverlay, .overlay .rightOverlay
{
    background: var(--medium);
    border: none;
    color: #fff;
}

.pager_on
{
    color: var(--link);
}

#user_dropdown ul
{
    background: var(--bright);
    color: #fff;
    border: none;
    box-shadow: 2px 2px 8px 0px rgba(0,0,0,.9);
}

#user_dropdown ul li a:hover
{
    background: var(--mediumbright);
}

#searchbars input.searchbox
{
    color: #fff;
    height: 20px;
}
#searchbars input.searchbox::placeholder
{
    color: #999;
    opacity: 1;
}

.group_torrent
{
    background: var(--dark);
}

.details .filetypes
{
    background: var(--dark);
}

.file_icons
{
    color: #fff;
}

#modal_content
{
    background: var(--medium);
    border: none;
}

.top_info
{
    background: var(--dark);
    border: none;
}

table.boxstat td
{
    background: var(--dark);
    border-right: 1px solid var(--medium);
    border: none;
}

table.boxstat td:last-child
{
    border:none;
}

table.boxstat
{
    color: #fff;
}

.linkbox a:hover
{
    text-decoration: none;
    color: var(--link);
}

.linkbox .torrent_buttons a:hover
{
    color: #fff;    
}

#stats_block a, #stats_block a:visited
{
    color: var(--link);
}
#stats_block a:hover, #stats_block a:visited:hover
{
    color: #fff;
}

div.modcomment::before
{
    color: var(--red);
}

div.modcomment div.after
{
    color: var(--red);
}

div.modcomment
{
    background: var(--bright);
    color: #fff;
    border: var(--red) 1px solid;
    box-shadow: none;
}

code.bbcode
{
    background: var(--mediumbright);
    color: #fff;
    border: 1px solid var(--bright);
}

.colhead_dark
{
    background: var(--medium);
}

a[onclick^="BBCode.spoiler"]
{
    text-shadow: none;
}

blockquote
{
	border: 1px solid var(--bright);
}

.forum_list tr.rowa:hover td,
.forum_list tr.rowb:hover td
{
    background: initial;   
}

.taglabel
{
    font-family: roboto;
    font-weight: bold;
    border-radius: 5px;
    background: var(--bright);
    padding: 0px 5px;
    margin: 0px 5px 0px 0px;
    color: #fff;
}

#tag_container #taginput
{
    background: var(--medium);    
}

.details .tag_add
{
    border: none;
}

.button_sort, .button_sort a
{
    border: none;
    background: var(--medium);
    color: #fff;
}

.button_sort:hover, .button_sort:hover a
{
    background: var(--mediumbright);    
}

.button_sort.sort_select, .button_sort.sort_select a
{
    background: #fff;
    color: var(--medium);
}

.torrentdetails table
{
    border: none;    
}

.torrentdetails table tr:nth-child(2n), .torrentdetails table tr
{
    background: var(--dark);
    color: #fff;
}

.torrentdetails table tr:hover td
{
    background: var(--dark);
    color: #fff;
}

.torrent_table .linkbox a, .torrent_table .linkbox a:visited
{
    color: var(--link);    
}
.torrent_table .linkbox a:hover, .torrent_table .linkbox a:visited:hover
{
    color: #fff;
    text-decoration: none;
}

span.user_name a, span.user_name a:visited
{
    color: #fff;
}

.box.pad.latest_threads
{
    column-count: 2;
}

.latest_threads > span
{
    display: block;
}


.latest_threads > span[hidden=""]
{
    display: none;
}

.sticky_post
{
    color: var(--yellow);
}

.r00
{
    color: var(--red);
}

.font_icon.forum_icons
{
    width: 1.25em;
    height: 1.25em;
    background: var(--dark);
        background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--link);
}

.font_icon.forum_icons.icon_forum_latest {
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--yellow);
    margin-left: 0.4em;
}

.forum_icon_container:hover .font_icon.forum_icons, .font_icon.forum_icons.icon_forum_latest:hover
{
    font-size: 1em;
    background: transparent;
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff;
}

.font_icon.forum_icons.forum_hint_unread
{
    background: transparent;
        background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--yellow);
}

.font_icon.torrent_icons.icon_torrent_bonus,
.font_icon.torrent_icons.icon_torrent_bonus.bonus,
.font_icon.torrent_icons.bookmark...