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