discomrade
3 years ago
1 changed files with 398 additions and 0 deletions
@ -0,0 +1,398 @@ |
|||||
|
/** |
||||
|
* 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,<svg xmlns=%22http://www.w3.org/2000/svg%22 height=%220%22 color-interpolation-filters=%22sRGB%22><filter id=%22grayscale%22><feColorMatrix id=%22color%22 type=%22saturate%22 values=%220%22 /></filter></svg>#grayscale'); |
||||
|
-webkit-filter: grayscale(100%); |
||||
|
} |
||||
|
/* Closed Threads */ |
||||
|
.closed { |
||||
|
margin-top: 10px; |
||||
|
color: red; |
||||
|
} |
Loading…
Reference in new issue