/** * dark.css, solar extension * copypasta from oneechan css/Colors.css, and UbuntuSolarized colors */ @import url("/stylesheets/dark.css"); /* Text Colors */ /* General */ html, body, div.boardBanner, #menu, input:not(.jsColor), textarea, #qr-filename-container, #post-preview, .post-hover, .post-last, .pln, select, .captcha-root, .tegaki-label, .dd-menu ul, .boxbar { color: #93a1a1 !important; } /* Names */ .name { color: #586e75 !important; } .capcode { color: #ca00ca !important; } /* Tripcodes */ .tripcode, .tag { color: #2aa198 !important; } /* Links */ a, .typ, .atn, body.is_catalog .button, :root.catalog-mode .button, .options-button, .tegaki-tb-btn { color: #696bba !important; } a.summary, .pages strong>a { color: #93a1a1 !important; } .blotter #notifications a { color: #ffffff !important; } a:hover, body.is_catalog .button:hover, :root.catalog-mode .button:hover, .lit, .blotter #notifications a:hover, .tegaki-tb-btn:hover { color: #d33682 !important; } /* Header */ .blotter, a.current { color: #93a1a1 !important; } .blotter a:not(.current) { color: #696bba !important; } .blotter a:hover { color: #d33682 !important; } #custom-board-list .current { border-bottom: 1px solid rgba(105,107,186,1) !important;; } #custom-board-list .current:hover { border-bottom: 1px solid rgba(211,54,130,1) !important;; } /* Greentext */ .postMessage>.quote, s:hover .quote, .str, .atv, .new, .catalog-thread > .comment > .quote { color: #859900 !important; } /* Headers */ .heading { color: #bec2c4 !important; } /* Subject and Option labels */ .subject, .replytitle, .teaser b, .post-subject, .option.header .option-title, .kwd { color: #bec2c4 !important; } .option.header { font-size: 140%; } /* Board Title */ h1, h2 { color: #93a1a1 !important; text-shadow: none !important; } .subtitle { color: #93a1a1 !important; text-shadow: none !important; } /* Backlinks */ .backlink { color: #4f5f8f !important; } .quotelink { color: #696bba !important; } /* Code Tags */ .prettyprint, .catalog-code { background: none repeat scroll 0 0 rgba(" + $SS.theme.codeBackground + ") !important; border: 1px solid rgba(" + $SS.theme.codeBorder + ") !important; } .pun { color: rgba(147,161,161,.4) !important; } ::-webkit-input-placeholder { color:rgba(147,161,161,.4) !important; } #qr .field::-moz-placeholder, ::-moz-placeholder, #qr-no-file { color: rgba(147,161,161,.4) !important; } /* Backgrounds */ body { background: #073642 !important; } .reply, body.is_catalog .panel, :root.catalog-mode .panel, .dialog, .tab-label, #post-preview, #tegaki, #options_div, #alert_div, .bar, .boardlist, .pages, :root.op-background .postContainer.opContainer, .flashListing tr:nth-of-type(2n+1), .dd-menu ul, :root.catalog-hover-expand .catalog-container:hover > .post { background: rgba(3,43,54,1)!important; } :root.recolor-even .thread>.replyContainer:nth-of-type(even):not(.hidden) .post { background: rgb(0,33,44) !important; } :root:not(.header-gradient) .blotter { background: rgba(3,43,54,.9) !important; } :root.header-gradient .blotter { background: linear-gradient(rgb(18,58,69),rgba(3,43,54,.9)) !important; } :root.header-shadow .blotter { box-shadow: none !important; } :root:not(.fixed) .blotter { background: none !important; } .options-button, .qr-link, .pages.cataloglink, .pages strong>a { background:linear-gradient(rgb(18,58,69),rgb(3,43,54)) !important; } .options-button:hover, .import-input:hover + .options-button, .pages strong>a:hover, .dd-menu li:hover { background:rgb(18,58,69); } .focused.entry { background:rgb(13,53,64) !important; } .qr-link:hover, :root.vertical-qr #qr .move { background:rgb\(3,43,54); } input:not(.jsColor), textarea, .riceCheck, #qr-filename-container, select, .captcha-root { background: #073642 !important; transition: background .2s; } input[type=checkbox], .riceCheck { background: rgb(32,79,91) !important; } input:not(.jsColor):hover, .riceCheck:hover, #qr-filename-container:hover, textarea:hover, select:hover, .captcha-root:hover { background: #0d272e !important; transition: background .2s; } hr { background-image: linear-gradient(to left, rgba(211,54,130,0), rgb(211,54,130), rgba(211,54,130,0)); } #unread-line { background-image: linear-gradient(to left, rgba(105,111,192,0), rgb(105,111,192), rgba(105,111,192,0)); } .inline { background:rgba(0,27,38,.8)!important; } :root.post-info .reply>.postInfo { background: rgba(0,27,38,.2); border-bottom:1px solid rgb(3,47,58); } form table tr th {background: #073642;} tr, td {background: #073642;} #quick-reply table {background: #073642 !important;} div.banner {background-color: rgba(200, 200, 200, 0.5);} /* Borders */ .reply, :root.op-background .postContainer.opContainer, .dd-menu ul { border-width: 0 1px 1px 0; border-style: solid; } :root.borders-all .reply, :root.borders-all.op-background .postContainer.opContainer { border-width: 1px !important; } :root.borders-none .reply, :root.borders-none.op-background .postContainer.opContainer { border: none; } #menu, .catalog-thumb { border-radius: 0 !important; } :root.rounded-corners .reply, :root.rounded-corners.op-background .postContainer.opContainer, :root.rounded-corners .dialog:not(.blotter), :root.rounded-corners .inline, :root.rounded-corners #thread-stats :root.rounded-corners #updater, :root.rounded-corners #menu, :root.rounded-corners .thumb, :root.rounded-corners .fileThumb img:not(.full-image), :root.rounded-corners .catalog-thumb, :root.rounded-corners .dd-menu ul, :root.rounded-corners.werkTyme .catalog-thread:not(:hover), :root.rounded-corners.werkTyme:not(.catalog-hover-expand) .catalog-thread, :root.rounded-corners.catalog-hover-expand .catalog-container:hover > .post, :root.rounded-corners.catalog-hover-expand .catalog-container:hover .catalog-reply { border-radius: 3px !important; } :root.post-info.rounded-corners .reply>.postInfo, :root.rounded-corners #qr, :root.rounded-corners:root.vertical-qr #qr > .move { border-radius: 3px 3px 0 0 !important; } :root:not(.rounded-corners) #post-preview { border-radius: 0 !important; } .reply, :root.op-background .postContainer.opContainer, .dialog, .entry, .inline, fieldset, #post-preview, .flashListing td:not(:last-of-type):not(.postblock), :root.vertical-qr #qr .move, #qr select, select { border-color: #133942 !important; } .dd-menu li { border-bottom: #133942 !important; } input, textarea, .riceCheck, #qr-filename-container, #search-box, #index-search, .captcha-img, :root.vertical-qr #qr .move, #qr select, select, #post-preview, .captcha-root, .dd-menu ul, :root.werkTyme .catalog-thread:not(:hover), :root.werkTyme:not(.catalog-hover-expand) .catalog-thread, :root.catalog-hover-expand .catalog-container:hover > .post, :root.catalog-hover-expand .catalog-container:hover .catalog-reply { border: 1px solid #0d272e !important; } .options-button, .qr-link, .pages.cataloglink, .pages strong>a { border-style: solid; border-width: 1px; border-color: rgb(0,28,39) rgb(0,28,39) rgb(0,13,24) !important; } a.quotelink.forwardlink, a.backlink.forwardlink { border-bottom: 1px dashed; } input:focus, textarea:focus, #qr-filename-container:focus, #qr-filename-container.focus, select:focus, .captcha-root:focus { border: 1px solid #696bba !important; } #search-box:hover, #index-search:hover, .captcha-img:hover { border-color: #696bba !important; } .blotter { border: none !important; } .flashListing td:not(:last-of-type):not(.postblock) { border-width: 1px; border-style: solid; } :root.header-highlight #custom-board-list .current:hover, :root.header-highlight #custom-board-list .current { border-bottom: none !important; } /* 4chan X Menu */ .suboption-list > div:last-of-type { background: rgba(3,43,54,1)!important; } .suboption-list > div::before, .suboption-list::before { border-color: #133942 !important; left: 0.5em !important; } /* Shadows */ #navlinks a { text-shadow:#032b36 -1px -1px, #032b36 1px -1px, #032b36 -1px 1px, #032b36 1px 1px, #032b36 -1px 0, #032b36 1px 0, #032b36 0 -1px, #032b36 0 1px, rgba(0,0,0,.6) 0 2px 4px, rgba(0,0,0,.6) 0 0 2px; } .thumb { box-shadow: 0 0 5px rgba(0, 0, 0, 0.25); } #qr, #thread-watcher { box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1) !important; } .highlighted { border-color: #6c71c4 !important; } /* Thread Stats */ :root.style-stats #thread-stats, :root.style-stats #updater, :root.style-stats #stats { box-shadow: 0 1px 2px rgba(0, 0, 0, .15); padding: 3px 6px !important; border: 1px solid; } /* Mascots */ :root.mascot-grayscale #mascot img { filter: url('data:image/svg+xml,#grayscale'); -webkit-filter: grayscale(100%); } /* Closed Threads */ .closed { margin-top: 10px; color: red; }