From d46d7859620b9006c14ca0ac152e1b4a892745af Mon Sep 17 00:00:00 2001 From: discomrade Date: Wed, 29 Sep 2021 03:19:03 +0000 Subject: [PATCH] Add dark solarized theme --- stylesheets/dark_solarized.css | 398 +++++++++++++++++++++++++++++++++ 1 file changed, 398 insertions(+) create mode 100644 stylesheets/dark_solarized.css diff --git a/stylesheets/dark_solarized.css b/stylesheets/dark_solarized.css new file mode 100644 index 00000000..9afa1858 --- /dev/null +++ b/stylesheets/dark_solarized.css @@ -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,#grayscale'); + -webkit-filter: grayscale(100%); +} +/* Closed Threads */ +.closed { + margin-top: 10px; + color: red; +}