Discourse Dark by stylishthemes

Imported from https://raw.githubusercontent.com/StylishThemes/Discourse-Dark/master/discourse-dark.user.css

Discourse Dark screenshot
Homepage Install Get Stylus Write a review

Details

Authorstylishthemes

LicenseCC-BY-SA-4.0

Created atApril 03, 2021 00:31

Updated atApril 03, 2021 00:35

Applies toDiscourse

Statistics

Learn how we calculate statistics in the FAQ.

Total views130

Total installs148

Weekly installs14

Weekly updates13

Description

Darken Discourse forums

Notes

Userstyle doesn't have notes.

History

Daily snapshots of style statistics.

2021-07-072021-07-142021-07-202021-07-272021-08-022021-08-092021-08-152021-08-222021-08-282021-09-042021-09-102021-09-16Date0.002.004.006.008.0010.0012.0014.0016.00Daily countDaily installsDaily updatesDaily views
2021-07-072021-07-142021-07-202021-07-272021-08-022021-08-092021-08-152021-08-222021-08-282021-09-042021-09-102021-09-16Date0.0019.0038.0057.0075.0094.00113.00132.00150.00Total countTotal installsTotal views

Source code

/* ==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" <<<EOT
  url(https://camo.githubusercontent.com/5b8e4cd1a5ce69b6affa17ebd8e4aee00c147618/68747470733a2f2f7374796c6973687468656d65732e6769746875622e696f2f4769744875622d4461726b2f696d616765732f6261636b67726f756e64732f62672d63726f737368617463682e706e67) EOT;
  uniform "Uniform Tile" <<<EOT
  url(https://camo.githubusercontent.com/f83a9a60a2c64be0c88833ccb436e32a458cd2ce/68747470733a2f2f7374796c6973687468656d65732e6769746875622e696f2f4769744875622d4461726b2f696d616765732f6261636b67726f756e64732f62672d74696c652d756e69666f726d2e706e67) EOT;
  random "Random Tile" <<<EOT
  url(https://camo.githubusercontent.com/3beb850d8069e424480199a09899030c9e58e85f/68747470733a2f2f7374796c6973687468656d65732e6769746875622e696f2f4769744875622d4461726b2f696d616765732f6261636b67726f756e64732f62672d74696c65312e706e67) EOT;
  custom "Custom" <<<EOT
  var(--bg-custom) EOT;
  none "None" <<<EOT
  none EOT;
}
@advanced text bg-custom "Custom Background" "url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAMAAAAMCGV4AAAAD1BMVEUREREREREAAAAREREWFhkN5cwCAAAABHRSTlNfGAAwFBG7CgAAACxJREFUeAFjYGJiZGBhhhMMYIIRTjCgcIE8VC4TKpeRmYEZiTtIzGNihhNMAJJAATdKr5xFAAAAAElFTkSuQmCC)"
@advanced dropdown bg-options "Background image type" {
  Tiled "Tiled" <<<EOT
  background-repeat: repeat !important;
  background-size: auto !important;
  background-position: left top !important; EOT;
  Fit window size "Fit window size" <<<EOT
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center top !important; EOT;
}
@advanced dropdown bg-attachment "Background image attachment" {
  Scroll "Scroll" <<<EOT
  scroll EOT;
  Fixed "Fixed" <<<EOT
  fixed EOT;
}
@preprocessor uso
==/UserStyle== */
@-moz-document regexp("^https://(forum|forums)\.(balena|infamous|sentry|snapcraft)\.io/(?!embed/comments).*$"),
regexp("^https://community\\.(roonlabs|signalusers|gitpod|home-assistant|influxdata|grafana|transifex|thunkable|letsencrypt|cloudflare|bitwarden|bevoya)\\.(com|org|io)/(?!embed/comments).*$"),
regexp("^https://(forum|forums)\\.(gitlab|ionicframework|woot|urbackup|swift|meteor|vuejs|talksurf|sublimetext|docker|mattermost|manjaro|level1techs|keyboardmaestro|ionicframeworitlab|f-droid|breadtopia|endeavouros)\\.(com|org)/(?!embed/comments).*$"),
regexp("^https://(docs|forums)\.spongepowered\.org/(?!embed/comments).*$"),
regexp("^https://(meta|talk)\.(discourse|commonmark)\.org/(?!embed/comments).*$"),
regexp("^https://discuss\\.(rubyonrails|atom|codemirror|elastic|flexget|huel|ocaml|cocos2d-x)\\.(io|org|co|com|net)/(?!embed/comments).*$"),
regexp("^https://(forum|forums)\.(syncthing|habitat|puri|sonarr|cfx)\.(net|sh|sm|tv|re)/(?!embed/comments).*$"),
regexp("^https://(\w+\.ruby-forum|zegist)\.com/(?!embed/comments).*$"),
regexp("^https://nomadlist.com/(?!embed/comments).*$"),
regexp("^https://github.community/(?!embed/comments).*$"),
regexp("https?://discourse\\.\\S*/(?!embed/comments).*$"),
domain("internals.rust-lang.org"),
domain("bbs.boingboing.net"),
domain("twittercommunity.com"),
domain("education.github.community"),
domain("ubuntu-mate.community"),
domain("users.rust-lang.org"),
domain("talk.makeict.org"),
url-prefix("https://www.freecodecamp.org/forum/"),
url-prefix("https://www.sitepoint.com/community/") {
  :root {
    --main-color: /*[[main-color]]*/;
    --bg-custom: /*[[bg-custom]]*/;
    --bg-img: /*[[bg-choice]]*/;
  }
  body, .table-heading, html, #main-outlet {
    background-color: #222 !important;
    background-image: var(--bg-img) !important;
    background-clip: border-box !important;
    background-origin: padding-box !important;
    background-attachment: /*[[bg-attachment]]*/ !important;
    /*[[bg-options]]*/
  }
  .category-list tbody[aria-labelledby="categories-only-category"] {
    background-color: #181818 !important;
  }
  .topic-list > 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);
  }
}

Reviews

No reviews yet.