pball's 4chan dark theme by pball

/* ==UserStyle==
@name           pball's dark 4chan theme
@namespace      USO Archive
@author         pball
@description    `This is a highly modified copy of Awesum Dark *chan Style. I started using that theme years ago and modified it to my liking and when features and stuff changed on 4chan. I use it with 4chan X so it might not look complete other wise.I will continue to update as 4chan changes, just give me a bit of time to remember to update here.Lost access to my previous account so had to make a new account.`
@version        20221101.0.11
@license        NO-REDISTRIBUTION
@preprocessor   uso
==/UserStyle== */

@-moz-document domain("boards.4chan.org"), domain("boards.4channel.org") {
/*
Highly modified from
Awesum Dark *chan Style
*/

/*Remove holiday theme stuff*/
img[id="skellington"], .party-hat, .desktop.autoplay-removed, #js-snowfield  {
     display:none !important 
}

/*Top/Bottom ads*/
.adg-rects.desktop, [href="https://www.fakku.net/read-hentai"], .adc-resp-bg, .danbo-slot, .adl{
         display:none !important 
}

/*4chanX: Shows first 5 watched threads and all on hover*/
#thread-watcher:not(:hover) > div:nth-child(3)
{
    display: none !important;
}

/*Set colors for 4chanx stuff*/
#fourchanx-settings, #header-bar,#thread-watcher,#qr,#qr select,.suboption-list > div:last-of-type,.dialog
{
    background: #000 !important;
    color: #FFF !important;
    font-size: 14px !important;
}
   
.qr-link-container
{
    display: none !important;
}

#togglePostFormLink
{
    margin: 0px !important;
}

html, body, .boardTitle
{
    background: #000 !important;
    color: #FFF !important;
    font-size: 14px !important;
}

a, a img, span.plus, a.quotelink, .deadlink
{
    color: #0FF !important
}

h1, h2, h3, a[title*="Permanent link to "]:hover, .permalink, .highlight, .replyhl, #watchedthreadsdraghandle, .replymode, .postblock, input:not([type="submit"]):not([type="button"]):not([type="reset"]), select, textarea, th[bgcolor="#e04000"], a img.thumb, a img[src*="/thumb/"], .tn_reply, .tn_thread
{
    background-color: #252525 !important;
}

/*Hide picture for other boards*/
.middlead.center
{
    display: none !important
}

/*Highlight background on hover*/
#navtop a:hover, #navtopr a:hover, #navbot a:hover, #navbotr a:hover, #boardNavDesktop a:hover, #boardNavDesktopFoot a:hover
{
    background-color: rgba(255, 255, 255, .2) !important;
}

.omittedposts, .abbr, .thumbnailmsg
{
    color: #CCC !important
}

a:not(:hover)
{
    text-decoration: none !important
}

.content, .reply, #watchedthreads, .nigratrain
{
    background-color: #000 !important
}

/*Image border*/
a img
{
    border: 1px solid #0FF !important
}

/*Image border on hover*/
a img:hover
{
    border-color: #FFF !important
}

/*Post border*/
.reply:not([id^="4chan_ext"]):not([id="twi_table"]), .replyhl
{
    border: 2px solid #333333 !important;
    padding: 3px !important;
    border-radius: 6px 6px 6px 6px !important;
}

.spoiler, .spoiler:before
{
    background-color: #222 !important;
    color: #222 !important
}

.spoiler:before
{
    content: 'SPOILERS: ' !important
}

font[color="#ff0000"] b, .spoiler:before, .mod, .oldpost, .admin, [class*="postername"] [style*="color:"]
{
    color: #A00 !important;
    font-weight: 700 !important
}

#watchedthreads, #twi_table_div, .reflinkpreview
{
    border: 1px dotted #0FF !important
}

#twi_table, #twi_table_div > .postblock, .reply, .replyhl
{
    border: 0 !important
}

[id^="4chan_ext"][class="reply"], .reflinkpreview
{
    background-color: #111 !important
}

.highlight
{
    border-color: #0FF !important
}

a:hover, a img:hover, span.plus:hover, ul li a:focus, .replymode, .reply, h1, h2, h3, h4, h5, h6, .spoiler:hover, .filetitle, .filesize, .replytitle, .logo, #watchedthreadsdraghandle, .postblock, input[type="text"], input[name="postpassword"], input[name="meiru"], input[name="kotehan"], .filetitle, .filesize, .replytitle, .logo, #watchedthreadsdraghandle, .postblock, input[type="text"], input[name="postpassword"], input[name="meiru"], input[name="kotehan"], input[type="password"], input[name="name"], input[name="subject"], input[name="em"], select[name="formatting"], textarea, th[bgcolor="#e04000"], .replyhl, .highlight, .spoiler:hover, span.spoiler:hover, .board .hborderform, form, form *:not(a):not(font):not(b)
{
    color: #FFF !important
}

hr
{
    border: 0 !important;
    height: 2px !important;
}

/*Change watched thread icon color*/
.watch-thread-link {
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 26 26' preserveAspectRatio='true' xmlns='http://www.w3.org/2000/svg'><path fill='rgb(255,165,0)' d='M24.132,7.971c-2.203-2.205-5.916-2.098-8.25,0.235L15.5,8.588l-0.382-0.382c-2.334-2.333-6.047-2.44-8.25-0.235c-2.204,2.203-2.098,5.916,0.235,8.249l8.396,8.396l8.396-8.396C26.229,13.887,26.336,10.174,24.132,7.971z'/></svg>") !important;
    opacity:.4;
}

[name="Index Sort"], [name="Index Mode"], [name="filter"], [id="archive-board-select"] {
    color: #0FF !important;
    border: 1px solid #0FF !important
}

/*Navigation related text color*/
#boardNavDesktop, #boardNavDesktopFoot, .pagelist
{
    color: #CCC !important
}

/*Background of page navigation list*/
.pagelist
{
    background: #000 !important;
    border: #000 !important;
}

.pagelist strong a
{
    color: gray !important;
}

/*Prev/Next center vertically*/
.pagelist.prev, .pagelist.next
{
    position: relative !important;
    top: 4px !important;
}

/*Buttons*/
[type="submit"], [type="button"], [type="reset"], button
{
    vertical-align: top !important;
    /*height:1.5333em !important;*/
    display: inline !important;
    padding: 0px 2px!important;
    border: dotted 1px #0FF !important;
    color: #0FF !important;
    background: #252525 !important;
    /*margin:0 1px !important;*/
}

[type="submit"]:hover, [type="button"]:hover, [type="reset"]:hover, button:hover
{
    border-color: #FFF !important;
    color: #FFF !important;
    background: #333 !important
}

[type="submit"]:active, [type="button"]:active, [type="reset"]:active, button:active
{
    position: relative;
    top: 1px;
    left: 1px;
}

input[type="checkbox"]
{
    margin: 3px !important;
    color: #FFF !important;
    border: 1px inset #fff !important;
}
/*End Buttons*/

/*Recolor news*/
STRONG
{
    color: gray !important;
}

/*Hides board style links*/
.stylechanger
{
    display: none !important;
}

/*Hides disclaimer text*/
#absbot
{
    display: none !important;
}

/*Hides reply message in thread view*/
.navLinks.desktop
{
    display: none !important;
}
}