4chan-x/src/General/css/tomorrow.css

147 lines
4.0 KiB
CSS
Executable File

/* General */
:root.tomorrow .dialog {
background-color: #282A2E;
border-color: #111;
}
:root.tomorrow img[src*="//boards.4chan.org/js/jsMath/fonts/"] {
filter: invert(100%);
}
/* Header */
:root.tomorrow #header-bar.dialog {
background-color: rgba(40,42,46,0.9);
}
:root.tomorrow:not(.fixed) #header-bar, :root.tomorrow #notifications {
font-size: 9pt;
}
:root.tomorrow #header-bar, :root.tomorrow #notifications {
color: #C5C8C6;
}
:root.tomorrow #header-bar a, :root.tomorrow #notifications a {
color: #81A2BE;
}
:root.tomorrow.fixed #custom-board-list .current:hover {
border-bottom-color: rgba(95,137,172,0.4);
}
/* Settings */
:root.tomorrow #fourchanx-settings fieldset, :root.tomorrow .section-main div::before {
border-color: #111;
}
:root.tomorrow .suboption-list > div:last-of-type {
background-color: #282A2E;
}
/* Catalog */
:root.tomorrow .catalog-code {
background-color: rgba(255, 255, 255, 0.1);
}
/* Quote */
:root.tomorrow .catalog-thread > .comment > span.quote, :root.tomorrow #arc-list span.quote {
color: #B5BD68;
}
:root.tomorrow .backlink.deadlink {
color: #81A2BE !important;
}
:root.tomorrow .inline {
border-color: #111;
background-color: rgba(0, 0, 0, .14);
}
/* Highlighting */
:root.tomorrow .qphl {
outline: 2px solid rgba(145, 182, 214, .8);
}
:root.tomorrow.highlight-you .quotesYou.opContainer,
:root.tomorrow.highlight-you .quotesYou > .reply {
border-left: 3px solid rgba(145, 182, 214, .8);
}
:root.tomorrow.highlight-own .yourPost.opContainer,
:root.tomorrow.highlight-own .yourPost > .reply {
border-left: 3px dashed rgba(145, 182, 214, .8);
}
:root.tomorrow .opContainer.filter-highlight,
:root.tomorrow .filter-highlight > .reply {
box-shadow: inset 5px 0 rgba(145, 182, 214, .5);
}
:root.tomorrow.highlight-own .yourPost > div.sideArrows,
:root.tomorrow.highlight-you .quotesYou > div.sideArrows,
:root.tomorrow .filter-highlight > div.sideArrows {
color: rgb(155, 185, 210);
}
:root.tomorrow .filter-highlight .catalog-thumb,
:root.tomorrow .filter-highlight .werkTyme-filename {
box-shadow: 0 0 3px 3px rgba(64, 192, 255, .7);
}
:root.tomorrow .catalog-thread.watched .catalog-thumb,
:root.tomorrow .catalog-thread.watched .werkTyme-filename {
border: 2px solid rgb(64, 192, 255);
}
/* QR */
.tomorrow #dump-list::-webkit-scrollbar-thumb {
background-color: #282A2E;
border-color: #111;
}
:root.tomorrow .qr-preview {
background-color: rgba(255, 255, 255, .15);
}
:root.tomorrow #qr .field {
background-color: rgb(26, 27, 29);
color: rgb(197,200,198);
border-color: rgb(40, 41, 42);
}
:root.tomorrow #qr .field:focus,
:root.tomorrow #qr .field.focus {
border-color: rgb(129, 162, 190) !important;
background-color: rgb(30,32,36);
}
:root.tomorrow #qr select,
:root.tomorrow #file-n-submit > input {
border-color: rgb(40, 41, 42);
}
:root.tomorrow #qr-filename {
color: rgb(197,200,198);
}
:root.tomorrow .qr-link {
border-color: rgb(25, 27, 31) rgb(25, 27, 31) rgb(10, 12, 16);
background: linear-gradient(#37393D, #282A2E) repeat scroll 0% 0% transparent;
}
:root.tomorrow .qr-link:hover {
background: #282A2E;
}
/* Menu */
:root.tomorrow #menu {
color: #C5C8C6;
}
:root.tomorrow .entry {
font-size: 10pt;
}
:root.tomorrow .focused.entry {
background: rgba(0, 0, 0, .33);
}
/* Unread */
:root.tomorrow #unread-line {
border-color: rgb(197, 200, 198);
}
/* Thread Watcher */
:root.tomorrow .replies-quoting-you > a, :root.tomorrow #watcher-link.disabled.replies-quoting-you {
color: #F00 !important;
}
/* Watcher Favicon */
:root.tomorrow .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(197,200,198)' 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>");
}
/* Board Title */
:root.tomorrow div.boardTitle {
font-family: sans-serif !important;
text-shadow: 1px 1px 1px rgba(167,170,168,0.6);
}