/* ==UserStyle== @name Discourse Dark @version 1.6.1 @description Darken Discourse forums @namespace StylishThemes @author StylishThemes @homepageURL https://github.com/StylishThemes/Discourse-Dark @supportURL https://github.com/StylishThemes/Discourse-Dark/issues @updateURL https://raw.githubusercontent.com/StylishThemes/Discourse-Dark/master/discourse-dark.user.css @license CC-BY-SA-4.0 @advanced color main-color "Main color" #07c @advanced dropdown bg-choice "Background" { crosshatch "Cross-Hatch" << tbody > tr.topic-list-item { background: #202020; } #list-area .contents .topic-list-item:nth-child(2n) { background: #282828; } .navigation-topics tbody tr:nth-child(2n+1) { background: #202020 !important; } #main-outlet { box-shadow: 0 .25em .25em 0 rgba(29, 29, 29, .5); } .title img[src*="6acc4f0b979dd3eda9da74bfaf6a6a4bcb27bc3e.png"]#site-logo, .title img[src*="41aea38170214b7a8609fd7e359f5a5231e48438.png"]#site-logo, .title img[src*="1051fd74d1dcbc3ad4220b43007fcab5287272b0.png"]#site-logo { filter: none !important; } .title img[src*="ce36afe8d176c3116ad64f882401f9ce520ef4a6.png"]#site-logo { filter: brightness(125%) !important; } .title img[src*="78e19580f89104d24727f57682c4c61f3afb60cc.png"]#site-logo, .title img[src*="purism-logo-with-text-5470x1120px-transparent-gradient.png"]#site-logo, .title img[src*="0d7ab3b633e07bf8ec99bdc18e22ad89d8934801.png"]#site-logo, .title img[src*="c730c31678f67a03234677a420414ad8cfe2b551.png"]#site-logo, .title img[src*="918fd0c172578c27d581659f7fc33ff44b5eef16.png"]#site-logo { filter: invert(100%) hue-rotate(180deg) contrast(200%) !important; } .title img[src*="logo.png"]#site-logo, .title img[src*="8face4f042af3c4bb878acbdb3b8369b606af21f.svg"]#site-logo, .title img[src*="3c3ae50b834d2bb056667dd0af706ffd01753959.png"]#site-logo { filter: invert(100%) hue-rotate(180deg) !important; } .title img[src*="b0f0eca7da0011fb8ff89afbd3a6ef73f910399a.png"]#site-logo { filter: invert(100%) hue-rotate(180deg) brightness(70%) !important; } .d-header-icons .unread-notifications { background-color: var(--base-color); } .placeholder-animation { animation-duration: 4s; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-name: placeHolderShimmer; animation-timing-function: linear; background: #2d2d2d; background: linear-gradient(to right, #2d2d2d 10%, #373737 18%, #2d2d2d 33%); } @keyframes placeHolderShimmer { 0% { background-position: -1000px 0; } 100% { background-position: 1100px 0; } } .d-modal.create-account .login-form::before { background-image: linear-gradient(to top, transparent 0%, #222 100%); } .d-modal.create-account .login-form::after { background-image: linear-gradient(to bottom, transparent 0%, #222 100%); } .d-header .panel, .cat .dropdown-header, .topic-body, .topic-body.highlighted, .docked .d-header .title-wrapper, .badge-category-bg + .badge-category, .fa[style*="background"], #main, .full-width:not(.woot-banner), #topic-title, .presence-users, #list-area, .topic-list, .btn.btn-flat, .discourse-no-touch .btn-flat.close:hover, .discourse-no-touch .btn-flat.close.btn-hover { background: transparent !important; } .badge-card .badge-icon, .topic-body, .topic-area { background: transparent; } .d-header, div.poll .results .bar-back, #top-navbar, #mate-footer, .woot-banner-featured-nav, div.top-panel { background: #111 !important; } .select-kit .no-content, .select-kit .is-loading { background: #333; } .user-menu .quick-access-panel .d-icon, .user-menu .quick-access-panel:hover .d-icon, .menu-panel li a.widget-link .d-icon, .menu-panel li a.categories-link .d-icon, .menu-panel li.heading a.widget-link .d-icon, .menu-panel li.heading a.categories-link .d-icon, nav.post-controls .actions button.create .d-icon, .user-menu .quick-access-panel li span:first-child, .select-kit.dropdown-select-box .select-kit-row .texts .name, .user-menu .quick-access-panel.quick-access-profile li:not(.show-all) a { color: #ccc; } nav.post-controls .actions button.d-hover, nav.post-controls .actions button:focus, nav.post-controls .actions .double-button:hover button { background: #444; color: #eee !important; } .user-menu .quick-access-panel li { background: #182030; } .user-menu .quick-access-panel .read, .select-kit.multi-select { background: #111; } div.menu-links-header .menu-links-row, .user-content .user-notifications-filter-select-kit { border-color: #444; } div.menu-links-header .menu-links-row li a.active, div.menu-links-header .menu-links-row li a.active:after { border-color: #555; } .user-menu .quick-access-panel .show-all a:hover { color: #ddd; background: #282828; } div.menu-links-header a:hover, div.menu-links-header a:focus { background-color: #182030; } .user-menu .quick-access-panel .show-all a { color: #ccc; background: #222; } div.menu-links-header .fa, div.menu-links-header a { color: #ccc; } #topic-entrance { border-color: #444; background: #222; } #reply-control, .bootbox.modal, .topic-list .topic-list-item-separator td span, .user-preferences .bio-composer .d-editor-preview, .edit-category-tab-topic-template .d-editor-preview, .about .details, .user-main .about .secondary, .badge-card, #topic-progress, .top-bar, .zegist-earn, .home-banner, .title .search-header, .latest-topic-list { background: #181818 !important; border-color: #444 !important; } .primary, .user-content, .details { background: #181818; border-color: #444; } .select-kit.combo-box .select-kit-header, .select-kit.multi-select .multi-select-header { background: #181818; border-color: #444; } input { background: #181818 !important; border-color: #444 !important; color: #ccc !important; } body input[type="text"]:focus, body input[type="password"]:focus, body input[type="datetime"]:focus, body input[type="datetime-local"]:focus, body input[type="date"]:focus, body input[type="month"]:focus, body input[type="time"]:focus, body input[type="week"]:focus, body input[type="number"]:focus, body input[type="email"]:focus, body input[type="url"]:focus, body input[type="search"]:focus, body input[type="tel"]:focus, body input[type="color"]:focus { border-color: var(--main-color); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .3), 0 0 8px var(--main-color); } .autocomplete ul li a.selected { background: #182030; } .discourse-no-touch .autocomplete ul li a:hover, .discourse-no-touch .autocomplete ul li a.btn-hover, .select-kit.dropdown-select-box.composer-actions .select-kit-header:hover, .select-kit.dropdown-select-box.composer-actions .select-kit-header:focus { background: #333; } .message, #reply-control input, #reply-control textarea, #reply-control select, #reply-control .tag-chooser, .modal-inner-container, .select2-drop, .select-kit-body, .select-box-kit-header, .select-kit-collection, .select-box-kit-collection, .select-kit .select-kit-collection, .select-kit-filter, .select-box-kit-filter, .d-editor-textarea-wrapper, .user-preferences .bio-composer, div.ac-wrap, #sticky-footer, .feedback-popup, .d-header .sp-logo-container > .sp-logo-menu > .sp-logo-dropdown, .d-header .sp-logo-container > .sp-logo-menu > .sp-logo-dropdown li, #sp-logo-dropdown { background: #222 !important; color: #ddd !important; border-color: #444 !important; } code, pre code, p > code, .hljs { background: #111; } p > code, li > code, pre > code { color: #ddd; } .category-breadcrumb .single-select .select-kit-header, #topic-footer-buttons .single-select .select-kit-header { color: #eee; background: #333; border-color: #555; } pre { white-space: pre-wrap; word-break: break-all; overflow-wrap: break-word; } .list-controls .category-breadcrumb li.bullet > .badge-category, .discourse-tag.box { background: #333 !important; color: #ddd !important; } .woot-banner-featured-nav .btn, .d-header .sp-logo-container > .sp-logo-menu > .sp-logo-dropdown li:hover, #sp-logo-dropdown li:not(.active):hover { background: #333 !important; } #sp-logo-dropdown .active a { color: #333 !important; } .quote-button { background: #333; } .quote-button:hover { background-color: #555; } blockquote, aside.quote > div, aside.quote > blockquote, a.mention, a.mention-group, .menu-panel, .emoji-picker, .composer-popup, .d-editor .d-editor-modal, .user-menu .notifications li.read, .list-controls .category-dropdown-menu, .select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-selection-limit, .topic-map, .drop-down-visible .d-header-icons .active .icon, .drop-down-visible .d-header .icons .active .icon, .drop-down-mode .d-header-icons .active .icon, .user-stream .item, .user-stream .user-stream-item, .topic-map .buttons .btn { background: #222 !important; color: #aaa !important; border-color: #444 !important; } .user-stream .excerpt { color: #ccc; } .user-menu .quick-access-panel { border-top-color: #444; } .select2-drop-mask, .moderator .regular > .cooked { background: rgba(34, 34, 34, .5) !important; } #list-area .contents .topic-list-item { border-bottom-color: #303030 !important; } li.select-box-kit-row, .menu-panel ul.menu-links li a:hover, .menu-panel ul li.heading a:hover, .badge-category, #share-link, .d-header-icons .icon:hover, .d-header-icons .icon:focus { background-color: #333 !important; } .menu-panel li a:hover, .menu-panel li a:focus, .menu-panel li.heading a:hover, .menu-panel li.heading a:focus { background-color: rgba(52, 52, 52, .4); } .placeholder-text, .placeholder-avatar, body .dropdown-header, .select2-results .select2-highlighted, #topic-progress .bg, .topic-map .buttons .btn:hover { background: #333 !important; color: #aaa !important; border-color: #444 !important; } .cat:hover, .like-button:hover, .d-editor-spacer, pre.onebox code li.selected, .topic-list .sortable:hover, .d-header-icons .icon:hover, .d-header .icons .icon:hover, .category-row.is-highlighted, nav.post-controls .show-replies:hover, .drop-down-visible .d-header .icons .icon:hover, .badge-notification.clicks, .emoji-picker .section-group button.emoji:hover, .emoji-picker .results button.emoji:hover { background: #444 !important; } button.like-count:hover, nav.post-controls .double-button:hover .like-count { background-color: transparent !important; } .ring-backdrop { box-shadow: 0 0 0 9999px rgba(29, 29, 29, .85); } .ring-backdrop-spotlight { background-image: radial-gradient(40px at 50% 50%, transparent 95%, #181818 100%); opacity: .1; } .unread-high-priority-notifications { color: #222 !important; background: #1ca551 !important; } .topic-map .link-summary, .btn, .topic-map .link-summary .btn, nav.post-controls button.d-hover, nav.post-controls .actions .double-button button.button-count + .toggle-like.d-hover { background: #333; color: #ccc; } .topic-map .link-summary .btn:hover { color: #eee; background: #444; } .d-header-icons .icon:active { background: #333; color: #eee; } .cooked .labels span { background: #555 !important; color: #ddd !important; } .autocomplete, #topic-progress-expanded { background: #282828; border-color: #444; } .categories-and-top .discourse-tags { background: #162645; } .h-creative { color: #36c !important; background-color: #111; } .menu-panel { border: 1px solid #555; background-color: #191919; } .menu-panel li.category-link a:hover { filter: brightness(110%) !important; } .btn:hover, .discourse-no-touch .btn:hover, .discourse-no-touch .btn.btn-hover { background: #444; color: #ccc; } .btn:focus, .btn.focus { box-shadow: 0 0 0 .2em rgba(/*[[main-color-rgb]]*/, .4); } .btn[disabled], .btn.disabled, .btn[disabled]:hover, .btn.disabled:hover, .discourse-no-touch .btn[disabled]:hover, .modal.history-modal #revision-controls .btn[disabled], .modal.history-modal #revision-controls .btn[disabled]:hover { background: #404040; } .topic-map .map button .d-icon, .topic-map .map button:hover .d-icon, .small-action .small-action-desc.timegap, .small-action .small-action-desc { color: #777; } /* syntax theme */ .hljs-subst, .hljs-request, .hljs-status, .hljs-keyword, .javascript .hljs-title, .nginx .hljs-title, .hljs { color: #aaa; } .group-info .group-info-full-name, .groups-table .groups-info .groups-info-title, .topic-meta-data .post-info a, .timeline-container .topic-timeline .timeline-ago, #login-form a, .discourse-no-touch .btn-flat.close:hover .d-icon, .discourse-no-touch .btn-flat.close.btn-hover .d-icon, .d-header-icons .d-icon, .post-links-container ul li a[href], .fps-result .blurb, .fps-result .blurb .date, .select-kit.combo-box.category-chooser .select-kit-row .topic-count, .category-description, .select-kit .d-icon, .select-kit.dropdown-select-box.period-chooser .period-chooser-row .top-date-string, .select-kit.dropdown-select-box.period-chooser .period-chooser-header h2.selected-name .top-date-string, .categories-list .category .category-description, .user-preferences .static, .discourse-tag.simple, .discourse-tag.simple:hover, .discourse-tag.simple:visited, .modal.history-modal .diff-ins, body .extra-info-wrapper .discourse-tag, .d-header .icons .active .icon:hover, .drop-down-visible .d-header .icons .active .icon:hover, .topic-list .topic-excerpt, .stats-section li.linked-stat a, .user-main .about .secondary dd { color: #aaa; } .badge-posts[href], .latest-topic-list-item .topic-last-activity a, .user-secondary-navigation .nav-stacked a, .select-kit .select-kit-row.is-highlighted .texts .desc, #topic-footer-buttons .pinned-button .reason, #topic-footer-buttons .topic-notifications-button .reason, .topic-map .participants .user .user-link, .topic-map .participants .user .group-link { color: #bbb; } .select-kit .select-kit-row.is-highlighted:hover .badge-category { color: #eee !important; } .hljs-string, .hljs-tag .hljs-string, .tex .hljs-formula { color: #d14; } input, select, textarea, .fps-result .blurb .search-highlight, .user-navigation .nav-stacked a.active, .topic-body .contents .cooked a:not(.mention):not(.mention-group), .topic-body .contents .cooked a:not(.mention):not(.mention-group):active, .topic-body .contents .cooked a:not(.mention):not(.mention-group):hover, .topic-body .contents .cooked a:not(.mention):not(.mention-group):visited, #reply-control .wmd-controls .d-editor-preview a:not(.mention):not(.mention-group), #reply-control .wmd-controls .d-editor-preview a:not(.mention):not(.mention-group):active, #reply-control .wmd-controls .d-editor-preview a:not(.mention):not(.mention-group):hover, #reply-control .wmd-controls .d-editor-preview a:not(.mention):not(.mention-group):visited, #user-card h3.email, #user-card h3 .desc, #user-card h3 a, #group-card h3.email, #group-card h3 .desc, #group-card h3 a, #user-card h1 a, #user-card h2 a, #group-card h1 a, #group-card h2 a, #user-card, #group-card, .badge-card .badge-contents .badge-info, .badge-card .badge-contents .badge-link, .user-info.medium.badge-info .granted-on, .user-info .user-detail .name, .user-info .user-detail .username a, .select-kit.dropdown-select-box.period-chooser .period-chooser-header h2.selected-name .date-section, .select-kit.dropdown-select-box.period-chooser .period-chooser-row .date-section, .select-kit.combo-box.category-drop .select-kit-row[data-value="all-categories"], .select-kit.combo-box.category-drop .select-kit-row[data-value="no-categories"], .names span a, .user-main .about .secondary dt, .group-info .group-info-name, table th, .topic-map .map .number, .list-cell, .table-heading, .category-list td, .category-list th, .topic-map .avatars, .topic-map .links, .topic-map .information, .groups-table .groups-info .groups-info-name, .groups-table .groups-info .groups-info-full-name, .autocomplete ul li a span.username, .autocomplete a, .btn[href], table.group-members th, .top-sub-section .topic-info, .select-kit .select-kit-header .selected-name, .select-kit.combo-box.category-drop .select-kit-row .category-desc, .latest-topic-list .table-heading, .timeline-container .topic-timeline .start-date, .timeline-container .topic-timeline .now-date, .btn .d-icon, .topic-map .buttons .btn:hover .d-icon, html, .pika-table th, .ring-first-notification, .discourse-no-touch .btn:hover .d-icon, .discourse-no-touch .btn.btn-hover .d-icon, .menu-panel li a.widget-link, .menu-panel li a.categories-link, .menu-panel li.heading a.widget-link, .menu-panel li.heading a.categories-link { color: #ccc; /* not important */ } .title, .alert, #banner, #site-text-logo, .alert.alert-info, .alert.alert-success, .alert.alert-error, #topic-title h1 a, .modal .modal-body p, .atom-io-navigation a, .composer-popup a.close, .modal .modal-body label, .topic-list .sortable:hover, .extra-info-wrapper .topic-link, nav.post-controls button.create, .user-menu .notifications li span, .like-button:hover .like-count.d-hover, .badge-wrapper.bullet span.badge-category, .badge-wrapper.bar span.badge-category, .list-controls .category-dropdown-menu .home, .pihole-nav-link-container a, .category-list tbody .category h3 a[href], div.poll li[data-poll-option-id], /* Fix Mozilla Brazil category text color */ .badge-category-bg[style*="background-color: #00683"] + span[style*="color: #000000"], a.widget-link.show-help, #sp-logo-dropdown a, a.hashtag, a.hashtag:visited, a.hashtag:hover, .category-box-heading a[href], .topic-list th, td, .select-kit .select-kit-row.is-highlighted .top-date-string, .topics .value, .topics .unit, .btn:not(.btn-primary):not(.btn-danger):not(.widget-button):not(.btn-flat):not(.period-chooser-header), .btn:not(.btn-primary):not(.btn-danger):not(.widget-button):not(.btn-flat):not(.period-chooser-header):active, .btn:not(.btn-primary):not(.btn-danger):not(.widget-button):not(.btn-flat):not(.period-chooser-header):active:hover, .btn:not(.btn-primary):not(.btn-danger):not(.widget-button):not(.btn-flat):not(.period-chooser-header).btn-active, .btn-default:not(.period-chooser-header), .btn-default:not(.period-chooser-header):active, .btn-default:not(.period-chooser-header):active:hover, .btn-default:not(.period-chooser-header).btn-active { color: #ccc !important; } #user-card h3, #group-card h3, .menu-panel b.topics-count, .topic-map h3, #user-card .metadata h3 .desc, #user-card .metadata h3 a, #group-card .metadata h3 .desc, #group-card .metadata h3 a, .drop-down-mode .d-header-icons .active .icon .d-icon, div.menu-links-header .fa, div.menu-links-header a, .search-link .blurb, .btn:not(.btn-primary):not(.btn-danger):not(.widget-button):not(.btn-flat):not(.period-chooser-header) .d-icon, .btn:not(.btn-primary):not(.btn-danger):not(.widget-button):not(.btn-flat):not(.period-chooser-header):active .d-icon, .btn:not(.btn-primary):not(.btn-danger):not(.widget-button):not(.btn-flat):not(.period-chooser-header):active:hover .d-icon, .btn:not(.btn-primary):not(.btn-danger):not(.widget-button):not(.btn-flat):not(.period-chooser-header).btn-active .d-icon, .btn-default:not(.period-chooser-header) .d-icon, .btn-default:not(.period-chooser-header):active .d-icon, .btn-default:not(.period-chooser-header):active:hover .d-icon, .btn-default:not(.period-chooser-header).btn-active .d-icon, .user-secondary-navigation .nav-stacked a.active { color: #ddd; } .btn-default, .timeline-container .topic-timeline .timeline-footer-controls button, .list-controls .select-kit.categories-admin-dropdown button, .list-controls .select-kit.tags-admin-dropdown button, .list-controls .select-kit.category-notifications-button button, .list-controls .select-kit.tag-notifications-button button, .notifications-button.topic-notifications-options button, #topic-footer-buttons .topic-notifications-button .btn { color: #ccc; background-color: #333; background-image: linear-gradient(-180deg, #333, #353535 90%); border: 1px solid rgba(27, 31, 35, .2); } .d-icon.d-icon-d-tracking, .d-icon.d-icon-d-watching { color: var(--main-color) !important; } aside.quote .title { color: #ddd !important; } button#login-link, button#new-account-link { background: transparent; color: #ccc; } button#login-link.btn:hover, button.btn#new-account-link:hover, .btn[disabled]:hover .d-icon, .btn.disabled:hover .d-icon, .discourse-no-touch .btn-flat:hover .d-icon, .discourse-no-touch .btn-flat.btn-hover .d-icon, .d-header-icons .icon:hover .d-icon, .d-header-icons .icon:focus .d-icon, .d-header-icons .icon:active, .menu-panel li.category-link a:hover .category-name, .menu-panel li.category-link a:focus .category-name, .menu-panel li a:hover, .user-secondary-navigation .nav-stacked a:hover, #reply-control .reply-to .d-icon, .topic-map .participants .user .user-link:hover, .topic-map .participants .user .group-link:hover { color: #eee; } .pihole-nav-link-container a:hover, .pihole-nav-link-container a:focus, .topic-title, .is-highlighted div { color: #fff !important; } /* syntax theme */ .hljs-tag, .hljs-tag .hljs-title, .django .hljs-tag .hljs-keyword { color: #777 !important; } .hljs-tag, .hljs-name, .hljs-attribute { color: #4040ff; } .hljs-number, .hljs-literal, .hljs-variable, .hljs-template-variable, .hljs-tag .hljs-attr { color: #12bfbf; } .emoji-picker .diversity-picker .d-icon { color: #333 !important; } .menu-panel, .d-header .icons .icon, ol.category-breadcrumb li, .drop-down-visible .d-header-icons .active .icon { border-color: transparent !important; } .drop-down-visible .d-header-icons .active .icon:after, .drop-down-visible .d-header .icons .active .icon:after, .drop-down-mode .d-header-icons .active .icon:after { border-color: #222 !important; } .topic-list > tbody, tbody, .table-heading, .topic-list th { border-color: #333; } hr, .d-header, .d-header .title, .modal-header, .modal-footer, .topic-avatar, .topic-status-info, .topic-body, .topic-map section, pre.onebox code ol.lines li, .category-list tbody tr, .small-action, .embedded-posts, .select-kit-filter, .select-box-kit-filter, .d-editor-button-bar, #revision-details, .emoji-picker .filter, .emoji-picker .section-header, .emoji-picker .categories-column, .emoji-picker .footer, .latest-topic-list-item, .extra-info .badge-category, .post-links-container .post-links, .search-container .search-advanced .search-info, div.poll, div.poll .poll-info, div.poll .poll-buttons, .topic-list thead tr, .feedback-popup input, .feedback-popup textarea, .category-box-inner { border-color: #444 !important; } .nav-pills > li > a { border-color: transparent; color: #ccc; } .nav-pills > li > a:hover { color: #eee; border-bottom-color: var(--main-color); } .nav-pills > li.active > a, .nav-pills > li > a.active { border-bottom-color: var(--main-color); color: #ddd; } .login-modal #login-form + #login-buttons, .create-account #login-form + #login-buttons, .top-sub-section li, .login-modal .create-account #login-buttons:not(.hidden) + .login-form, .create-account .create-account #login-buttons:not(.hidden) + .login-form, .directory table td, .directory table th, .login-modal #login-buttons:not(.hidden), .create-account #login-buttons:not(.hidden), .autocomplete ul li, .modal.history-modal #revision, #topic-closing-info, .topic-list > tbody > tr:first-of-type, .topic-list > tbody > tr, .topic-list td, div.menu-links-header .menu-links-row, div.menu-links-header .menu-links-row li a.active, .select-kit.dropdown-select-box.composer-actions .select-kit-header, .topic-map .participants .user { border-color: #444; } .topic-list > tbody > tr:first-of-type { border-top-color: #444 !important; } tr { border-bottom: 1px solid #444; } .topic-map .topic-links tr { border: 0; } aside.onebox, #community-ad { border-color: rgba(68, 68, 68, .2); background: #111; } #reply-control, .badge-category-bg, .badge-category-parent-bg, #copyright { border: 1px solid #444 !important; } #user-card .card-content, #group-card .card-content, .discourse-no-touch .sortable:hover, .group-details-container, .codefund-wrapper, table.group-members th.sortable:hover { background: #282828; } #user-card .badge-section .user-badge, #user-card .badge-section .more-user-badges a, #user-card.show-badges .badge-section .user-badge, #user-card.show-badges .badge-section .more-user-badges, #group-card.show-badges .badge-section .user-badge, #group-card.show-badges .badge-section .more-user-badges { background: #303030; border: 1px solid #555; color: #ddd; } .embedded-posts .collapse-down, .embedded-posts .collapse-up { background: #282828; border: 1px solid #444; color: #ddd; } .embedded-posts .collapse-down:hover, .embedded-posts .collapse-up:hover { background: #333; border: 1px solid #555; color: #eee; } .discourse-no-touch .embedded-posts .collapse-down:hover, .discourse-no-touch .embedded-posts .collapse-up:hover { background: #333; color: #eee; } .pika-single { color: #ccc; background: #222; border-color: #444; } .pika-label, .pika-button { background: #222; color: #ccc; } .is-today .pika-button { color: var(--main-color); } .is-selected .pika-button { color: #fff; background: var(--main-color); box-shadow: none; } .pika-button:hover { color: #fff; background: var(--main-color); } .pika-prev, .is-rtl .pika-next, .pika-next, .is-rtl .pika-prev { filter: invert(1); } /* Advanced Search Bar*/ .search-container .search-advanced-sidebar .search-advanced-filters { background: #1d1d1d !important; } .search-container .search-advanced-sidebar .search-advanced-title { background: #2c2c2c !important; } #list-area .contents, #list-area .contents .topic-list thead, #list-area .contents .topic-list thead th, .topic-list:not(.categories), .category-list .topics .badge-notification, .category-list .category .badge-notification { background: transparent !important; border-color: #444 !important; } .badge-notification { color: #fff; background-color: #555; } .menu-panel li.category-link .badge-notification { color: #ccc; background-color: transparent; } /* blue */ .open .grippie { background-color: #444; } #banner, .alert.alert-info, .category-list [data-category-id="7"]:not(.no-logo):not(.has-description) { background-color: #273045 !important; } .user-menu .notifications li, .badge-notification.new-posts, .badge-notification.unread-posts { background-color: #303b55 !important; } .user-menu .quick-access-panel li:hover, .user-menu .quick-access-panel li:focus { background-color: #542; outline: none; } .alert.alert-info.clickable { color: #9daccc; } /* green */ .alert.alert-success, .category-list [data-category-id="6"]:not(.no-logo):not(.has-description), .category-list [data-category-id="13"]:not(.no-logo):not(.has-description) { background-color: #152 !important; } .modal.history-modal ins { background-color: #152; color: #ddd; } .modal.history-modal .diff-ins { background-color: #002800; } .post-info .wiki, .post-info .last-wiki-edit, .solved-panel, .post-controls .accepted, .fa.accepted, .accepted-text { color: #55a532 !important; } /* red */ .btn-danger, .alert.alert-error, .modal.history-modal .diff-del { background-color: #500 !important; } .modal.history-modal del { background-color: #800 !important; color: #ddd; } .search-container .search-advanced .search-notice .fps-invalid { background-color: #500; border: 1px solid #d11; color: #f11; } nav.post-controls button.d-hover, nav.post-controls button:focus { background: #333; color: #ccc; } .d-icon-d-liked, nav.post-controls button.has-like, nav.post-controls button.has-like .fa-heart, nav.post-controls button.has-like .fa-heart-o, nav.post-controls button.like.d-hover i, nav.post-controls .double-button button.like.d-hover .d-icon, .user-main .d-icon-heart { color: #f11 !important; } .category-list [data-category-id="14"]:not(.no-logo):not(.has-description) { background-color: #2e6c5f !important; } /* pink */ .category-list [data-category-id="1"]:not(.no-logo):not(.has-description) { background-color: #792240 !important; } /* yellow */ .select2-results li em, .modal.history-modal span.edit-reason, .select-kit .select-kit-row.is-selected, .category-list [data-category-id="3"]:not(.no-logo):not(.has-description) { background: #261d08 !important; } .category-list [data-category-id="3"]:not(.no-logo):not(.has-description) { background: #4c420e !important; } /* highlights */ a, a:hover, a:active, a:visited, body #topic .topic-body .contents div.cooked a:not([class]), .groups .group-link, .select-kit.combo-box .select-kit-collection .collection-header a, aside.onebox .onebox-body a[href], #topic-progress, .select-kit.combo-box.tag-drop .select-kit-row[data-value="all-tags"], .select-kit.combo-box.tag-drop .select-kit-row[data-value="no-tags"] { color: var(--main-color); /* not important */ } .select-kit.combo-box .select-kit-header.is-focused, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus { border: 1px solid var(--main-color); box-shadow: 0 0 6px 0 var(--main-color); } .atom-io-navigation a:hover, .topic-list .topic-list-item-separator td span, .timeline-container .topic-timeline .timeline-last-read i.progress, .timeline-container .topic-timeline .timeline-last-read .progress { color: var(--main-color) !important; } .is-highlighted, li.select-box-kit-row.is-highlighted, .timeline-container .btn-primary, .timeline-container .topic-timeline .timeline-handle, div.menu-links-header a:hover, .menu-panel li.heading a:hover, .menu-panel li.heading a:focus { background-color: var(--main-color) !important; } .menu-panel li a:not(.badge-wrapper):focus, .menu-panel li a:not(.badge-wrapper):hover { background-color: transparent; color: #ddd; } .btn.btn-primary, .btn#create-topic { color: #ddd; background: var(--main-color); border-color: transparent; } .btn.btn-primary:not([disabled]):not(.disabled):hover, .btn.btn-primary:not([disabled]):not(.disabled).btn-hover, .btn.btn-primary:not([disabled]):not(.disabled):active, .btn.btn-primary:not([disabled]):not(.disabled).btn-active, .btn#create-topic:hover, .btn#create-topic.btn-hover, .btn#create-topic:active, .btn#create-topic.btn-active { color: #ddd !important; background: var(--main-color) !important; border-color: var(--main-color) !important; opacity: .9; } .btn-primary[disabled], .btn-primary.disabled { background: rgba(/*[[main-color-rgb]]*/, .5); } .btn-primary[disabled]:hover, .btn-primary.disabled:hover { background: rgba(/*[[main-color-rgb]]*/, .5) !important; } .select-kit .select-kit-row.is-highlighted { background: var(--main-color) !important; } .topic-list .topic-list-item-separator td, .badge-category:hover { border-color: var(--main-color) !important; } .timeline-container .topic-timeline .timeline-scrollarea { border-color: rgba(/*[[main-color-rgb]]*/, .5); } .d-header { box-shadow: none !important; } .topic-list .posters a:first-child .avatar.latest:not(.single) { box-shadow: 0 0 3px 1px var(--main-color) !important; border: 2px solid var(--main-color) !important; } ::selection { background-color: var(--main-color) !important; color: #fff !important; } ::-moz-selection { background-color: var(--main-color) !important; color: #fff !important; } kbd, #keyboard-shortcuts-help ul b, img[src*="github.com/favicon.ico"] { filter: invert(80%) !important; } .badge-category-bg, a[data-user-card] img[src*="https://avatars.discourse.org"] { filter: brightness(75%) !important; } @keyframes background-fade-highlight { 0% { background-color: #333; } 100% { background-color: transparent; } } /* hack to fix upstream bug in avatar selector */ .avatar-selector.modal-body { overflow: hidden; } } @-moz-document regexp("^https://docs\.spongepowered\.org/(?!embed/comments).*$") { .input-group-addon { color: var(--main-color); background-color: #282828; border: 1px solid #555; } .languages img, .old-version img { border: 1px solid #555; } .wy-nav-content-wrap { background: #181818; } .wy-alert.wy-alert-warning .wy-alert-title, .rst-content .wy-alert-warning.note .wy-alert-title, .rst-content .attention .wy-alert-title, .rst-content .caution .wy-alert-title, .rst-content .wy-alert-warning.danger .wy-alert-title, .rst-content .wy-alert-warning.error .wy-alert-title, .rst-content .wy-alert-warning.hint .wy-alert-title, .rst-content .wy-alert-warning.important .wy-alert-title, .rst-content .wy-alert-warning.tip .wy-alert-title, .rst-content .warning .wy-alert-title, .rst-content .wy-alert-warning.seealso .wy-alert-title, .rst-content .admonition-todo .wy-alert-title, .wy-alert.wy-alert-warning .rst-content .admonition-title, .rst-content .wy-alert.wy-alert-warning .admonition-title, .rst-content .wy-alert-warning.note .admonition-title, .rst-content .attention .admonition-title, .rst-content .caution .admonition-title, .rst-content .wy-alert-warning.danger .admonition-title, .rst-content .wy-alert-warning.error .admonition-title, .rst-content .wy-alert-warning.hint .admonition-title, .rst-content .wy-alert-warning.important .admonition-title, .rst-content .wy-alert-warning.tip .admonition-title, .rst-content .warning .admonition-title, .rst-content .wy-alert-warning.seealso .admonition-title, .rst-content .admonition-todo .admonition-title { background: #542; } .wy-alert.wy-alert-warning, .rst-content .wy-alert-warning.note, .rst-content .attention, .rst-content .caution, .rst-content .wy-alert-warning.danger, .rst-content .wy-alert-warning.error, .rst-content .wy-alert-warning.hint, .rst-content .wy-alert-warning.important, .rst-content .wy-alert-warning.tip, .rst-content .warning, .rst-content .wy-alert-warning.seealso, .rst-content .admonition-todo { background: #321; } .wy-alert.wy-alert-info .wy-alert-title, .rst-content .note .wy-alert-title, .rst-content .wy-alert-info.attention .wy-alert-title, .rst-content .wy-alert-info.caution .wy-alert-title, .rst-content .wy-alert-info.danger .wy-alert-title, .rst-content .wy-alert-info.error .wy-alert-title, .rst-content .wy-alert-info.hint .wy-alert-title, .rst-content .wy-alert-info.important .wy-alert-title, .rst-content .wy-alert-info.tip .wy-alert-title, .rst-content .wy-alert-info.warning .wy-alert-title, .rst-content .seealso .wy-alert-title, .rst-content .wy-alert-info.admonition-todo .wy-alert-title, .wy-alert.wy-alert-info .rst-content .admonition-title, .rst-content .wy-alert.wy-alert-info .admonition-title, .rst-content .note .admonition-title, .rst-content .wy-alert-info.attention .admonition-title, .rst-content .wy-alert-info.caution .admonition-title, .rst-content .wy-alert-info.danger .admonition-title, .rst-content .wy-alert-info.error .admonition-title, .rst-content .wy-alert-info.hint .admonition-title, .rst-content .wy-alert-info.important .admonition-title, .rst-content .wy-alert-info.tip .admonition-title, .rst-content .wy-alert-info.warning .admonition-title, .rst-content .seealso .admonition-title, .rst-content .wy-alert-info.admonition-todo .admonition-title { background: #346; } .wy-alert.wy-alert-info, .rst-content .note, .rst-content .wy-alert-info.attention, .rst-content .wy-alert-info.caution, .rst-content .wy-alert-info.danger, .rst-content .wy-alert-info.error, .rst-content .wy-alert-info.hint, .rst-content .wy-alert-info.important, .rst-content .wy-alert-info.tip, .rst-content .wy-alert-info.warning, .rst-content .seealso, .rst-content .wy-alert-info.admonition-todo { background: #182030; } .btn-neutral { background-color: #333 !important; color: #ccc !important; } .btn-neutral:hover { background-color: #444 !important; color: #ddd; } #license-icons, #license-icons:active, #license-icons:visited { color: #555; } .rst-versions .rst-other-versions { color: #aaa; } .wy-menu-vertical li.on a, .wy-menu-vertical li.current > a { background: #181818; border-color: #444; color: #ddd; } .wy-menu-vertical li.on a:hover, .wy-menu-vertical li.current > a:hover, .wy-menu-vertical li.current a:hover { background: #282828; } .wy-menu-vertical li.current { background: #282828; } .wy-menu-vertical li.current a { color: #ddd; border-right: solid 1px #444; } } @-moz-document regexp("^https://github.community/(?!embed/comments).*$") { .about .details .primary, .user-main .about .details, .user-main .user-content { background: none !important; } .blog-category-navigation .category-heading .category-description, .blog-list-item .excerpt, .blog-list-item .avatar-container .name-and-date a { color: #bbb; } .blog-list-item, .blog-list-item .meta-container { border-color: #444; } .custom-feedback-button { background: #444; color: #eee; } .discourse-no-touch .custom-feedback-button:hover { background: #777; color: #fff; } .octicon.octicon-mark-github { fill: #ccc; } #site-logo { opacity: .9; } .user-stream .item, .user-stream .user-stream-item { background-color: transparent !important; border-bottom-color: #444 !important; } nav.post-controls .actions button, .btn { border-radius: .25em; } nav.post-controls .show-replies:hover, nav.post-controls .show-replies.d-hover { border-radius: .25em; color: #eee !important; } } @-moz-document regexp("^https://(discourse)\.mozilla\.org/(?!embed/comments).*$") { .badge-category-bg, .badge-category-parent-bg { border: 0 !important; } .badge-category-bg { filter: none !important; } .category-breadcrumb .single-select .select-kit-header .d-icon, #topic-footer-buttons .single-select .select-kit-header .d-icon { color: #eee !important; } #user-card .location-and-website .website-name a, #user-card .location-and-website .location span { color: #ccc; } } @-moz-document domain("discourse.roots.io") { div[style*="background: #ddf7e8"] { background: hsla(145, 62%, 10%, .33) !important; } .nav-primary .nav > li:not(.active) > a:not(:hover) { color: #ddd !important; } div[style*="border: 2px solid #c3c7ef;"] { border-color: #525ddc !important; } #user-card .sixth-row .badge-section .user-badge, #user-card .sixth-row .badge-section .more-user-badges a { background: #303030; border: 1px solid #555; color: #ddd; } } @-moz-document domain("discuss.codemirror.net"), domain("meta.discourse.org") { #site-logo.logo-big, #site-logo.logo-small { filter: invert(100%) hue-rotate(180deg) brightness(.9) !important; } .title img { --shadow: rgba(80, 80, 80, .3); filter: drop-shadow(1px 1px 1px var(--shadow)) drop-shadow(-1px 1px 1px var(--shadow)) drop-shadow(1px -1px 1px var(--shadow)) drop-shadow(-1px -1px 1px var(--shadow)); } #banner { border: 1px solid #273045 !important; background: #273045 !important; } #copyright .links a, p a { color: #eee; } } @-moz-document domain("discourse.slicer.org") { #banner img { filter: invert(1) contrast(70%) !important; } } @-moz-document domain("forums.docker.com") { p { color: #ddd !important; } #banner-content, #banner-content p { background-color: #273045 !important; color: #b0c2cf !important; } .fan, .header .navbar-nav.primary { background: #283045 !important; } footer, .bottom_footer, #navbar .dropdown-menu { background: #222 !important; border-color: #444 !important; } .dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover { color: #ccc; background-color: #303030; } body .dropdown-header { background: none !important; } } @-moz-document domain("forums.urbackup.org"), domain("internals.rust-lang.org"), domain("talk.commonmark.org"), domain("users.rust-lang.org") { .title img { filter: invert(80%) !important; } #navmenuv li a:hover { color: #ddd; } } @-moz-document domain("forums.sonarr.tv") { .banner { background: #182030 !important; } } @-moz-document url-prefix("https://www.sitepoint.com/community") { #main-outlet .container img { opacity: .5 !important; } .category-breadcrumb li a { background: #222 !important; color: #ccc !important; } } @-moz-document domain("twittercommunity.com") { .Navigation.Navigation--global, .NavigationItem-link, .NavigationItem:after, .Footer.Footer--global, .NavigationItem.NavigationItem--main:after { background: #302541 !important; } .Navigation.Navigation--sub, .Navigation--sub .NavigationItem-link, .Navigation--sub .NavigationItem:after, .NavigationItem.is-open:after, .NavigationItem.is-open>.NavigationItem-link, .NavigationItem[data-is-clickable="false"]:hover:after { background: #2e2e2e !important; } .NavigationItem[data-is-clickable="false"]:hover>.NavigationItem-link { background: transparent !important; } } @-moz-document domain("community.roonlabs.com") { img[src*="0aebd8c498737ebb12d34a98771b66d978278595.png"] { filter: invert(1) contrast(70%) brightness(.9); } .nav-pills > li > a:hover { color: #fc967c; background-color: #611501; } .nav-pills > li a.active { color: #fff; background-color: #a32403; } } @-moz-document domain("discourse.pi-hole.net"), domain("discourse.huel.com"), domain("discuss.huel.com"), domain("discuss.ocaml.org"), domain("forum.f-droid.org"), domain("community.gitpod.io") { #site-logo.logo-big, #site-logo.logo-small { filter: invert(100%) hue-rotate(180deg) brightness(.9) !important; } img[src*="6afef9981af88307eaf8519944c896e5c9a42245.png"], img[src*="f010ba1908e9f8f5e6b7a8d1792106b4fcbcd2c9.png"] { filter: invert(1) contrast(70%) brightness(.9); } .custom-header-links .headerLink a { color: #ddd; } } @-moz-document domain("forum.endeavouros.com") { .custom-header-links .headerLink a, .names span a, .topic-list td, .badge-posts[href], .topic-map .map .number, .topic-map h4, .topic-meta-data .post-info a, .topic-body .reply-to-tab, .timeline-container a, .timeline-container .timeline-ago, nav.post-controls a, nav.post-controls button, .menu-panel b.topics-count, .user-info .user-detail .username a { color: var(--main-color) !important; } .topic-map h3, table th, .user-info .user-detail .name { color: #999 !important; } .topic-map .avatars, .topic-map .links, .topic-map .information { color: #aaa; } td[style="border-color: #231F20"] { border-color: #555 !important; } } @-moz-document regexp("^https://community\.influxdata\.com/(?!embed/comments).*$") { .banner-box { background-color: #181818; } div.col3.single-box { outline: 1px solid #555; } } @-moz-document regexp("^https://community\.home-assistant\.io/(?!embed/comments).*$") { .move-up button { background: var(--main-color) !important; } } @-moz-document regexp("^https://forum\.sentry\.io/(?!embed/comments).*$") { .categories-list .category .category-description { color: #8399da; } td[style="border-color: #231F20"] { border-color: #555 !important; } span[style="background-color: #231F20;"] { background-color: #888 !important; } .category-list tbody .category { border-color: #444; } } @-moz-document regexp("^https://discuss\.elastic\.co/(?!embed/comments).*$") { #site-logo.logo-big, #site-logo.logo-small { filter: invert(100%) hue-rotate(180deg) brightness(.9) !important; } .topic-list-main-link a.title, .topic-list .main-link a.title, .latest-topic-list-item .main-link a.title, .badge-wrapper.bullet span.badge-category, .category-name, .list-cell, .table-heading, .category-list td, .category-list th, .category-description, #topic-title h1 a, .select-kit .select-kit-header .selected-name { color: #8399da !important; } .h-creative { color: var(--main-color) !important; } } @-moz-document regexp("^https://forums\.puri\.sm/(?!embed/comments).*$") { .moderator .clearfix > .topic-meta-data > .names span.user-title, .moderator .nav-pills > .topic-meta-data > .names span.user-title, .moderator .container > .topic-meta-data > .names span.user-title, .moderator .wrap > .topic-meta-data > .names span.user-title { background-color: #542; color: #ccc; } } @-moz-document regexp("^https://community\.cloudflare\.com/(?!embed/comments).*$") { p, font[color="#404242"] { color: #ccc; } } @-moz-document regexp("^https://forum\.gitlab\.com/(?!embed/comments).*$") { p, font[color="#404242"] { color: #ccc; } } @-moz-document regexp("^https://forum\.manjaro\.org/(?!embed/comments).*$") { .categories-list .category .category-description { color: #ccc; } #list-area, .topic-list, .topic-body { border-top-color: #444; } td[style="border-color: #231F20"] { border-left-color: #444 !important; } } @-moz-document regexp("^https://community\\.(signalusers)\\.org/(?!embed/comments).*$") { .logo-big { filter: invert(1) hue-rotate(180deg); } } @-moz-document regexp("^https://discuss\.rubyonrails\.org/(?!embed/comments).*") { .nav-pills > li a.active { box-shadow: 0 3px 0 #f26e6e; background-color: #c00 !important; } .custom-header-links .headerLink a:hover { color: #eee; border-bottom: 2px solid #eee; } .btn-primary { color: #fff !important; background: #c00 !important; } .discourse-no-touch .btn.btn-primary:not([disabled]):not(.disabled):hover, .discourse-no-touch .btn.btn-primary:not([disabled]):not(.disabled).btn-hover { background: #bf0303 !important; color: #fff !important; } img[src*="more"] { filter: invert(1); mix-blend-mode: exclusion; } .user-stream .excerpt, .categories-list .category .category-description { color: #ccc; } .user-secondary-navigation .nav-stacked a.active { color: #eee; } } @-moz-document regexp("^https://nomadlist.com/(?!embed/comments).*$") { .title img { filter: invert(1) hue-rotate(180deg) !important; } .custom-header-links .headerLink a, .item-aux .text { color: #aaa; } .sort-by select:hover, .sort-by select.active, .sort-by span { color: #ccc; } .head-image .box { background: #181818; box-shadow: 0 10px 20px rgba(0, 0, 0, .1); } html.grid-view .filter-actions { background: linear-gradient(to bottom, rgba(24, 24, 24, .75) 1%, rgba(24, 24, 24, .5) 55%, transparent 100%); } .button, .by-a { background-color: #282828; border-color: #444; color: #ccc; } .by-a:hover { background: #333 !important; color: #f00; } .button:hover { background-color: #333; border: 1px solid #555; } .sort-by select { background: #282828; border: 1px solid #444; } .action-select-sort-order { background: #282828; border-color: #444; } .action-select-sort-order:hover, .sort-by select:hover, .currency-switcher-floater div:hover { background: #333; } .grid-side .item.item-aux, .grid .item.item-aux, .grid-side, .autocomplete-box div:first-of-type, .currency-switcher-floater div, .modal-pay .left, .modal-pay-featured { border-color: #444; } optgroup::before { color: #ccc; } optgroup { background-color: #181818; } .aux:hover { background-color: #282828; border: none; } input.search::placeholder { color: #555; } input.search:focus::placeholder { color: #555; } .autocomplete-box { box-shadow: 0 5px 6px rgba(0, 0, 0, .25) !important; border-color: #444; } .autocomplete-box div { background: #191919; color: #ccc; border-bottom: 1px solid #444; } .autocomplete-box .action-follow svg, .autocomplete-box .action-favorite svg { stroke: #666; fill: #222; } .autocomplete-box div.hover, .autocomplete-box div:hover, .modal-pay { background: #242424; } .currency-switcher-floater { background: #282828; color: #ccc; border: 1px solid #444; } .modal-pay-backdrop { background: rgba(24, 24, 24, .75); } }