1882 lines
45 KiB
CSS
1882 lines
45 KiB
CSS
/* Photon Colors CSS Variables v1.4.0
|
|
* Colors are taken from: https://github.com/FirefoxUX/design-tokens */
|
|
|
|
:root {
|
|
--magenta-50: #ff1ad9;
|
|
--magenta-60: #ed00b5;
|
|
--magenta-70: #b5007f;
|
|
--magenta-80: #7d004f;
|
|
--magenta-90: #440027;
|
|
--purple-50: #9400ff;
|
|
--purple-60: #8000d7;
|
|
--purple-70: #6200a4;
|
|
--purple-80: #440071;
|
|
--purple-90: #25003e;
|
|
--blue-40: #45a1ff;
|
|
--blue-50: #0a84ff;
|
|
--blue-60: #0060df;
|
|
--blue-70: #003eaa;
|
|
--blue-80: #002275;
|
|
--blue-90: #000f40;
|
|
--teal-50: #00feff;
|
|
--teal-60: #00c8d7;
|
|
--teal-70: #008ea4;
|
|
--teal-80: #005a71;
|
|
--teal-90: #002d3e;
|
|
--green-50: #30e60b;
|
|
--green-60: #12bc00;
|
|
--green-70: #058b00;
|
|
--green-80: #006504;
|
|
--green-90: #003706;
|
|
--yellow-50: #ffe900;
|
|
--yellow-60: #d7b600;
|
|
--yellow-70: #a47f00;
|
|
--yellow-80: #715100;
|
|
--yellow-90: #3e2800;
|
|
--red-50: #ff0039;
|
|
--red-60: #d70022;
|
|
--red-70: #a4000f;
|
|
--red-80: #5a0002;
|
|
--red-90: #3e0200;
|
|
--orange-50: #ff9400;
|
|
--orange-60: #d76e00;
|
|
--orange-70: #a44900;
|
|
--orange-80: #712b00;
|
|
--orange-90: #3e1300;
|
|
--grey-10: #f9f9fa;
|
|
--grey-20: #ededf0;
|
|
--grey-30: #d7d7db;
|
|
--grey-40: #b1b1b3;
|
|
--grey-50: #737373;
|
|
--grey-60: #4a4a4f;
|
|
--grey-70: #38383d;
|
|
--grey-80: #2a2a2e;
|
|
--grey-90: #0c0c0d;
|
|
--ink-70: #363959;
|
|
--ink-80: #202340;
|
|
--ink-90: #0f1126;
|
|
}
|
|
|
|
:root {
|
|
--primary-dark-color: var(--grey-70);
|
|
/* Color of FF dark theme nav-bar */
|
|
--primary-light-color: var(--grey-40);
|
|
/* Off white */
|
|
--light-accent-color: var(--grey-50);
|
|
/* Slightly darker off white */
|
|
--dark-accent: var(--grey-80);
|
|
/* darker shade of main color */
|
|
--mid-way-color: var(--grey-60);
|
|
/* inbetween main dark and light color */
|
|
--primary-accent-color: var(--blue-40);
|
|
--primary-accent-color-dark: var(--blue-50);
|
|
}
|
|
@-moz-document url-prefix(about:) {
|
|
:root {
|
|
--in-content-page-color: var(--primary-light-color) !important;
|
|
--in-content-page-background: var(--dark-accent) !important;
|
|
--in-content-text-color: var(--primary-light-color) !important;
|
|
--in-content-selected-text: var(--primary-light-color) !important;
|
|
--in-content-box-background: var(--primary-dark-color) !important;
|
|
--in-content-box-background-odd: var(--light-accent-color) !important;
|
|
--in-content-box-background-hover: var(--dark-accent) !important;
|
|
--in-content-box-background-active: var(--dark-accent) !important;
|
|
--in-content-box-border-color: var(--primary-dark-color) !important;
|
|
--in-content-item-hover: var(--dark-accent) !important;
|
|
--in-content-item-selected: var(--dark-accent) !important;
|
|
--in-content-border-highlight: var(--dark-accent) !important;
|
|
--in-content-border-focus: var(--dark-accent) !important;
|
|
--in-content-border-color: var(--primary-dark-color) !important;
|
|
--in-content-category-outline-focus: 1px dotted var(--dark-accent) !important;
|
|
--in-content-category-text: var(--primary-light-color) !important;
|
|
--in-content-category-text-active: var(--primary-light-color) !important;
|
|
--in-content-category-text-selected: var(--primary-accent-color) !important;
|
|
--in-content-category-text-selected-active: var(--primary-accent-color-dark) !important;
|
|
--in-content-category-background-selected-hover: var(--primary-dark-color) !important;
|
|
--in-content-category-background-selected-active: var(--primary-dark-color) !important;
|
|
--in-content-link-color: var(--primary-accent-color) !important;
|
|
--in-content-link-color-hover: var(--primary-accent-color-dark) !important;
|
|
--in-content-link-color-visited: var(--dark-accent) !important;
|
|
--in-content-primary-button-background: var(--dark-accent) !important;
|
|
--in-content-primary-button-background-hover: var(--primary-accent-color-dark) !important;
|
|
--in-content-primary-button-background-active: var(--primary-accent-color-dark) !important;
|
|
--in-content-table-header-background: var(--dark-accent) !important;
|
|
--in-content-category-background: var(--primary-dark-color) !important;
|
|
}
|
|
}
|
|
|
|
/* Basic changes fundamental to all pages */
|
|
|
|
@-moz-document regexp("^about:(?!reader).*"), url(https://www.mozilla.org/credits/) {
|
|
html:not(#ublock0-epicker),
|
|
html:not(#ublock0-epicker) body,
|
|
#newtab-customize-overlay {
|
|
background: var(--primary-dark-color) !important;
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
|
|
a:link {
|
|
color: var(--primary-accent-color) !important;
|
|
}
|
|
}
|
|
@-moz-document url(about:) {
|
|
a:link {
|
|
color: var(--primary-accent-color) !important;
|
|
}
|
|
|
|
#aboutLogoContainer {
|
|
border: none !important;
|
|
}
|
|
}
|
|
@-moz-document url(about:accounts) {
|
|
#stage {
|
|
background: var(--dark-accent) !important;
|
|
}
|
|
|
|
.button-row button,
|
|
.button-row a.button {
|
|
background: var(--primary-accent-color) !important;
|
|
}
|
|
|
|
.button-row a.button:active,
|
|
.button-row a.button:hover,
|
|
.button-row a.button:focus,
|
|
.button-row button:active,
|
|
.button-row button:hover,
|
|
.button-row button:focus {
|
|
background: var(--primary-accent-color-dark) !important;
|
|
}
|
|
}
|
|
@-moz-document url(about:addons), url-prefix(about:debugging) {
|
|
.detail-view-container {
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
|
|
.detail-row,
|
|
.detail-row-complex,
|
|
setting {
|
|
line-height: 20px;
|
|
text-shadow: none !important;
|
|
}
|
|
|
|
.detail-view-container {
|
|
font-size: 1.25rem;
|
|
color: #ccc !important;
|
|
}
|
|
|
|
page#addons-page,
|
|
page.greasemonkey #greasemonkey-sort-bar,
|
|
#list-view[type="userstyle"] #addon-list-empty[hidden] ~ #userstyle-sorting,
|
|
#addons-page .global-info-container,
|
|
.alert,
|
|
#nav-header,
|
|
#categories,
|
|
#header-utils-btn {
|
|
background: var(--primary-dark-color) !important;
|
|
color: #ccc important;
|
|
}
|
|
|
|
richlistitem.category:not([selected]),
|
|
#detail-contrib-description,
|
|
page.greasemonkey #greasemonkey-sort-bar .text-link {
|
|
color: #d2d2d2 !important;
|
|
}
|
|
|
|
.name-container {
|
|
color: #d2d2d2 !important;
|
|
font-weight: unset !important;
|
|
}
|
|
|
|
.addon[selected],
|
|
.category[selected],
|
|
.category.selected {
|
|
background: #565656 !important;
|
|
-moz-border-start: 4px solid var(--primary-accent-color) !important;
|
|
}
|
|
|
|
.category {
|
|
background: var(--primary-dark-color) !important;
|
|
border: none !important;
|
|
}
|
|
|
|
#header-utils-btn:hover {
|
|
color: white !important;
|
|
background: #222 !important;
|
|
}
|
|
|
|
.addon {
|
|
color: gray !important;
|
|
}
|
|
|
|
.addon[active="false"] {
|
|
opacity: 0.4 !important;
|
|
}
|
|
|
|
richlistitem.category[selected],
|
|
#main #promos.js,
|
|
#featured-addons,
|
|
#addons,
|
|
.category.selected {
|
|
background: var(--primary-dark-color) !important;
|
|
color: var(--primary-accent-color) !important;
|
|
}
|
|
|
|
richlistitem.category:hover:not([selected]) {
|
|
text-decoration: underline !important;
|
|
}
|
|
|
|
#view-port-container #detail-view,
|
|
#view-port-container #list-view {
|
|
filter: unset !important;
|
|
background-color: black !important;
|
|
color: #d2d2d2 !important;
|
|
}
|
|
|
|
.icon,
|
|
#view-port-container #detail-view image,
|
|
#view-port-container #list-view image,
|
|
deck.view-pane,
|
|
#detail-contributions {
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
/* Remove dotted border around addons section when selected */
|
|
|
|
.list > scrollbox > .scrollbox-innerbox {
|
|
border: 1px dotted transparent !important;
|
|
}
|
|
|
|
/* Cog wheel */
|
|
|
|
#header-utils-btn {
|
|
fill: var(--primary-light-color) !important;
|
|
}
|
|
|
|
#header-utils-btn:hover {
|
|
background: var(--dark-accent) !important;
|
|
}
|
|
|
|
description {
|
|
margin-bottom: 4px;
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
|
|
*|button,
|
|
menulist {
|
|
-moz-appearance: none !important;
|
|
background: linear-gradient(var(--dark-accent), var(--dark-accent)) !important;
|
|
border: 1px #444 solid !important;
|
|
color: #999 !important;
|
|
box-shadow: unset !important;
|
|
text-decoration: unset !important;
|
|
}
|
|
|
|
*|button:hover {
|
|
color: var(--primary-light-color) !important;
|
|
background: var(--grey-80) !important;
|
|
}
|
|
|
|
#category-discover {
|
|
display: none !important;
|
|
}
|
|
|
|
.addon-view[notification="warning"] {
|
|
--view-highlight-color: transparent !important;
|
|
}
|
|
|
|
.text-link {
|
|
color: var(--primary-accent-color) !important;
|
|
}
|
|
|
|
textbox[type="search"] {
|
|
color: var(--primary-light-color) !important;
|
|
background: var(--grey-60) !important;
|
|
border: 1px solid var(--grey-50) !important;
|
|
}
|
|
|
|
textbox[focused] {
|
|
border-color: var(--primary-accent-color) !important;
|
|
}
|
|
|
|
/*Dark context menu*/
|
|
|
|
menupopup,
|
|
popup,
|
|
popup > menu > menupopup,
|
|
menupopup > menu > menupopup {
|
|
-moz-appearance: none !important;
|
|
background: var(--grey-70) !important;
|
|
border: none !important;
|
|
}
|
|
|
|
/* Remove separator */
|
|
|
|
menupopup menuseparator {
|
|
padding: 0 !important;
|
|
}
|
|
|
|
menupopup menu,
|
|
menuitem {
|
|
-moz-appearance: none !important;
|
|
color: var(--grey-10) !important;
|
|
}
|
|
|
|
menupopup menu:hover,
|
|
menuitem:hover {
|
|
color: var(--primary-light-color) !important;
|
|
background-color: var(--grey-80) !important;
|
|
}
|
|
|
|
/* Menu Separators - removed */
|
|
|
|
menupopup menuseparator {
|
|
padding: 0 !important;
|
|
border-top: none !important;
|
|
margin: 2px 6px 2px 6px !important;
|
|
-moz-appearance: none !important;
|
|
background: rgba(0, 0, 0, 0) !important;
|
|
border: 0px !important;
|
|
}
|
|
|
|
/* about:debugging#addons */
|
|
|
|
.addon-target-container {
|
|
background: var(--grey-80) !important;
|
|
}
|
|
|
|
/* icon */
|
|
|
|
.addon-target-container .target-icon[src="chrome://mozapps/skin/extensions/extensionGeneric.svg"] {
|
|
filter: invert(65%) !important;
|
|
}
|
|
|
|
.addon-target-name {
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
|
|
.addon-target-actions {
|
|
border-top: 1px solid var(--primary-light-color) !important;
|
|
}
|
|
|
|
input[type="checkbox"] {
|
|
background: var(--grey-50) !important;
|
|
border: none !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
.service-worker-multi-process {
|
|
background-color: var(--grey-60) !important;
|
|
}
|
|
}
|
|
@-moz-document url(about:config) {
|
|
/* Warning Message */
|
|
|
|
#warningScreen,
|
|
#warningTitle {
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
|
|
/* Text Box */
|
|
|
|
textbox {
|
|
background: var(--grey-60) !important;
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
|
|
/* Body Color */
|
|
|
|
#configTreeBody::-moz-tree-row() {
|
|
background: var(--grey-60) !important;
|
|
}
|
|
|
|
/* Selected Color */
|
|
|
|
#configTreeBody::-moz-tree-row(selected) {
|
|
background: var(--primary-accent-color) !important;
|
|
}
|
|
|
|
/* Hover Color */
|
|
|
|
#configTreeBody::-moz-tree-row(hover) {
|
|
background: var(--grey-70) !important;
|
|
}
|
|
|
|
#configTreeBody::-moz-tree-row(header) {
|
|
background: orange !important;
|
|
}
|
|
|
|
window {
|
|
color: var(--primary-light-color) !important;
|
|
background: var(--primary-dark-color) !important;
|
|
}
|
|
}
|
|
|
|
@-moz-document url(about:debugging) {
|
|
.addon-target-container {
|
|
background: var(--dark-accent) !important;
|
|
}
|
|
|
|
.addon-target-button:enabled:focus,
|
|
.addon-target-button:enabled:hover {
|
|
color: var(--primary-accent-color-dark) !important;
|
|
}
|
|
|
|
.addon-target-button:enabled:focus,
|
|
.addon-target-button:enabled {
|
|
color: var(--primary-accent-color) !important;
|
|
}
|
|
}
|
|
@-moz-document url(about:healthreport) {
|
|
.headerContainer {
|
|
background: var(--grey-70) !important;
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
|
|
.persistentHeader {
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
body {
|
|
background: var(--primary-dark-color) !important;
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
|
|
.statsBoxSection-header {
|
|
color: var(--primary-accent-color) !important;
|
|
}
|
|
|
|
.statsBoxSection-content li,
|
|
.statsBoxSection-content li > .statsBoxSection-value {
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
}
|
|
@-moz-document url(about:memory) {
|
|
div.opsRow {
|
|
background-color: var(--dark-accent) !important;
|
|
}
|
|
}
|
|
.advanced-panel {
|
|
background-color: var(--grey-60) !important;
|
|
border-color: var(--grey-50) !important;
|
|
}
|
|
|
|
.exceptionDialogButtonContainer {
|
|
background-color: var(--grey-80) !important;
|
|
}
|
|
|
|
@-moz-document url(about:neterror) {
|
|
/* about:neterror button */
|
|
|
|
#errorTryAgain {
|
|
background: var(--primary-accent-color) !important;
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
}
|
|
@-moz-document url-prefix(about:newtab), url(about:home) {
|
|
.top-sites-list .top-site-outer .title span,
|
|
.card-outer .card-context {
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
|
|
.section-top-bar .info-option-manage button,
|
|
.card-outer:-moz-any(:hover, :focus, .active):not(.placeholder) .card-title {
|
|
color: var(--primary-accent-color) !important;
|
|
}
|
|
|
|
.card-outer .card-details,
|
|
.card-outer > a,
|
|
.section-top-bar .section-info-option .info-option,
|
|
.context-menu {
|
|
background: var(--grey-60) !important;
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
|
|
.search-wrapper .search-label,
|
|
.search-wrapper .search-button,
|
|
.icon {
|
|
fill: var(--primary-light-color) !important;
|
|
opacity: .7 !important;
|
|
}
|
|
|
|
.search-wrapper input {
|
|
color: var(--primary-light-color) !important;
|
|
background: #4a4a4f !important;
|
|
}
|
|
|
|
.prefs-pane-button button {
|
|
fill: #4a4a4f !important;
|
|
}
|
|
|
|
/* Preferencs/close button */
|
|
|
|
.prefs-pane-button button:hover {
|
|
background-color: var(--grey-90) !important;
|
|
}
|
|
|
|
/* Main background */
|
|
|
|
.prefs-pane .sidebar {
|
|
background: var(--primary-dark-color) !important;
|
|
border-left: 1px solid var(--primary-light-color) !important;
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
|
|
/* Inner options panel */
|
|
|
|
.prefs-pane .prefs-modal-inner-wrapper .options {
|
|
background: #4a4a4f !important;
|
|
border: 1px solid var(--primary-light-color);
|
|
}
|
|
|
|
/* Check boxes */
|
|
|
|
.prefs-pane [type="checkbox"]:not(:checked) + label::before,
|
|
.prefs-pane [type="checkbox"]:checked + label::before {
|
|
border: 1px solid var(--primary-light-color) !important;
|
|
background: var(--grey-60) !important;
|
|
}
|
|
|
|
/* Check marks */
|
|
|
|
.prefs-pane [type="checkbox"]:not(:checked) + label::after,
|
|
.prefs-pane [type="checkbox"]:checked + label::after {
|
|
fill: var(--primary-accent-color) !important;
|
|
}
|
|
|
|
/* Bottom Panel */
|
|
|
|
.prefs-pane .actions {
|
|
background-color: var(--primary-dark-color) !important;
|
|
border-left: 1px solid var(--primary-light-color) !important;
|
|
border-top: 1px solid var(--primary-light-color) !important;
|
|
}
|
|
|
|
/* "Done Button */
|
|
|
|
.actions button.done {
|
|
background: var(--primary-accent-color) !important;
|
|
border: solid 1px var(--primary-accent-color-dark) !important;
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
|
|
.actions button:hover:not(.dismiss) {
|
|
box-shadow: 0 0 0 5px var(--primary-light-color) !important;
|
|
}
|
|
|
|
/* Search Bar */
|
|
|
|
.search-wrapper:active input,
|
|
.search-wrapper input:focus {
|
|
border-color: var(--primary-accent-color-dark) !important;
|
|
box-shadow: 0 0 0 2px var(--primary-accent-color) !important;
|
|
}
|
|
|
|
/* Pocket Suggestions Arrow */
|
|
|
|
.topic .topic-read-more::after {
|
|
fill: var(--primary-accent-color) !important;
|
|
}
|
|
|
|
/* Onboarding Message */
|
|
|
|
#onboarding-notification-bar {
|
|
background: var(--grey-90) !important;
|
|
color: var(--primary-light-color) !important;
|
|
border-top: 2px solid var(--primary-dark-color) !important;
|
|
}
|
|
|
|
#onboarding-notification-body {
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
|
|
.onboarding-action-button {
|
|
background: var(--primary-accent-color) !important;
|
|
border: 1px solid var(--primary-accent-color-dark) !important;
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
|
|
#onboarding-notification-close-btn {
|
|
filter: invert(65%)!important;
|
|
}
|
|
|
|
.contentSearchHeader,
|
|
.search-wrapper .contentSearchSuggestionTable {
|
|
background-color: var(--grey-60) !important;
|
|
color: var(--primary-light-color) !important;
|
|
border-bottom: 1px solid var(--primary-light-color) !important;
|
|
}
|
|
|
|
.contentSearchSuggestionsContainer,
|
|
.contentSearchHeaderRow,
|
|
.contentSearchSuggestionRow,
|
|
#contentSearchDefaultEngineHeader,
|
|
#contentSearchSearchWithHeader {
|
|
background: var(--grey-60) !important;
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
|
|
.contentSearchSearchWithHeaderSearchText {
|
|
color: var(--primary-accent-color) !important;
|
|
}
|
|
|
|
#snippets-container {
|
|
background: var(--primary-dark-color) !important;
|
|
}
|
|
|
|
#snippets {
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
|
|
.snippet .block-snippet-button {
|
|
filter: invert(100%) !important;
|
|
}
|
|
|
|
.snippet section {
|
|
color: #FFF !important;
|
|
}
|
|
|
|
/* Background color of top site icons */
|
|
|
|
.top-sites-list .top-site-outer .top-site-icon {
|
|
background-color: var(--primary-dark-color) !important;
|
|
}
|
|
|
|
/* Edit Top Sites */
|
|
|
|
.section-title span,
|
|
.actions button.dismiss,
|
|
.actions button {
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
|
|
.edit-topsites-wrapper .edit-topsites-inner-wrapper {
|
|
background: var(--primary-dark-color) !important;
|
|
}
|
|
|
|
.actions {
|
|
border-top: none !important;
|
|
background: var(--primary-dark-color) !important;
|
|
}
|
|
|
|
input[type="text"] {
|
|
border: solid 1px var(--primary-light-color) !important;
|
|
background: var(--grey-50) !important;
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
|
|
.actions button {
|
|
background: var(--grey-60) !important;
|
|
border: 1px solid #B1B1B3;
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
|
|
/* overlay background */
|
|
|
|
.modal-overlay {
|
|
background: var(--grey-60) !important;
|
|
}
|
|
|
|
/* Onboarding */
|
|
|
|
#onboarding-overlay {
|
|
background: var(--grey-60) !important;
|
|
}
|
|
|
|
#onboarding-overlay-dialog,
|
|
.onboarding-hidden,
|
|
#onboarding-tour-sync-page[data-login-state=logged-in] .show-on-logged-out,
|
|
#onboarding-tour-sync-page[data-login-state=logged-out] .show-on-logged-in {
|
|
background: var(--primary-dark-color) !important;
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
}
|
|
@-moz-document url(about:performance) {
|
|
#subprocess-reports th {
|
|
background-color: var(--primary-accent-color) !important;
|
|
color: white !important;
|
|
}
|
|
|
|
#subprocess-reports td {
|
|
background-color: var(--primary-light-color) !important;
|
|
}
|
|
|
|
table {
|
|
background-color: red !important;
|
|
color: -moz-DialogText;
|
|
font: message-box;
|
|
text-align: start;
|
|
width: 100%;
|
|
border: 1px solid ThreeDShadow;
|
|
border-spacing: 0px;
|
|
}
|
|
}
|
|
@-moz-document url(about:plugins) {
|
|
th {
|
|
background-color: var(--primary-accent-color-dark) !important;
|
|
}
|
|
|
|
td {
|
|
color: var(--primary-light-color) !important;
|
|
background-color: var(--dark-accent) !important;
|
|
}
|
|
|
|
.notice {
|
|
background: var(--dark-accent) !important;
|
|
}
|
|
|
|
h2 {
|
|
color: var(--primary-accent-color) !important;
|
|
}
|
|
}
|
|
@-moz-document url-prefix(about:preferences) {
|
|
::-moz-selection {
|
|
background: var(--primary-accent-color) !important;
|
|
}
|
|
|
|
.checkbox-check,
|
|
.radio-check {
|
|
box-shadow: none !important;
|
|
background: var(--grey-50) !important;
|
|
}
|
|
|
|
menulist:not([editable="true"]) > *.menulist-dropmarker {
|
|
filter: invert(65%) !important;
|
|
}
|
|
|
|
*.checkbox-check[checked],
|
|
*.radio-check[selected] {
|
|
border: none !important;
|
|
fill: var(--primary-accent-color-dark) !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
#categories,
|
|
.main-content,
|
|
.search-container {
|
|
background: var(--primary-dark-color) !important;
|
|
}
|
|
|
|
.category[selected],
|
|
.category.selected {
|
|
-moz-border-start: 4px solid var(--primary-accent-color) !important;
|
|
}
|
|
|
|
#searchInput {
|
|
background: var(--grey-60) !important;
|
|
border: 1px solid var(--primary-light-color) !important;
|
|
border-radius: 4px !important;
|
|
}
|
|
|
|
#handlersView {
|
|
background: var(--grey-60) !important;
|
|
}
|
|
|
|
listheader {
|
|
background: var(--grey-80) !important;
|
|
}
|
|
|
|
#handlersView richlistitem[selected="true"] {
|
|
background: var(--primary-accent-color) !important;
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
|
|
#handlersView richlistitem:hover {
|
|
background: var(--grey-70) !important;
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
|
|
.dialogBox {
|
|
filter: invert(80%) !important;
|
|
}
|
|
|
|
/* Search Engines */
|
|
|
|
#engineChildren::-moz-tree-row() {
|
|
background: var(--grey-60) !important;
|
|
}
|
|
|
|
.navigation {
|
|
background: var(--primary-dark-color) !important;
|
|
}
|
|
|
|
/*Dark context menu*/
|
|
|
|
menupopup,
|
|
popup,
|
|
popup > menu > menupopup,
|
|
menupopup > menu > menupopup {
|
|
-moz-appearance: none !important;
|
|
background: var(--grey-70) !important;
|
|
border: none !important;
|
|
}
|
|
|
|
/* Remove separator */
|
|
|
|
menupopup menuseparator {
|
|
padding: 0 !important;
|
|
}
|
|
|
|
menupopup menu,
|
|
menuitem {
|
|
-moz-appearance: none !important;
|
|
color: var(--grey-10) !important;
|
|
}
|
|
|
|
menupopup menu:hover,
|
|
menuitem:hover {
|
|
color: var(--primary-light-color) !important;
|
|
background-color: var(--grey-80) !important;
|
|
}
|
|
|
|
/* Menu Separators - removed */
|
|
|
|
menupopup menuseparator {
|
|
padding: 0 !important;
|
|
border-top: none !important;
|
|
margin: 2px 6px 2px 6px !important;
|
|
-moz-appearance: none !important;
|
|
background: rgba(0, 0, 0, 0) !important;
|
|
border: 0px !important;
|
|
}
|
|
}
|
|
@-moz-document url(about:profiles) {
|
|
/* Upper right box */
|
|
|
|
#action-box {
|
|
background-color: var(--dark-accent) !important;
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
|
|
th {
|
|
background-color: var(--primary-accent-color-dark) !important;
|
|
border-color: var(--grey-80) !important;
|
|
}
|
|
|
|
td {
|
|
color: var(--primary-light-color) !important;
|
|
background-color: var(--dark-accent) !important;
|
|
border-color: var(--grey-80) !important;
|
|
}
|
|
|
|
button {
|
|
border: 1px solid var(--primary-light-color) !important;
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
}
|
|
@-moz-document url-prefix(about:reader) {
|
|
body.dark a:link {
|
|
color: var(--primary-accent-color) !important;
|
|
}
|
|
}
|
|
@-moz-document url(about:robots) {
|
|
#errorPageContainer {
|
|
background-color: var(--dark-accent) !important;
|
|
}
|
|
}
|
|
@-moz-document url(about:serviceworkers) {
|
|
.warningBackground {
|
|
background: var(--primary-dark-color) !important;
|
|
}
|
|
|
|
.warningMessage {
|
|
border: 1px solid var(--primary-light-color) !important;
|
|
background: var(--grey-60) !important;
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
}
|
|
@-moz-document url(about:studies) {
|
|
.info-box-content {
|
|
background-color: var(--dark-accent) !important;
|
|
}
|
|
}
|
|
@-moz-document url(about:support) {
|
|
/* Upper right box */
|
|
|
|
#action-box {
|
|
background-color: var(--dark-accent) !important;
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
|
|
th {
|
|
background-color: var(--primary-accent-color-dark) !important;
|
|
}
|
|
|
|
td {
|
|
color: var(--primary-light-color) !important;
|
|
background-color: var(--dark-accent) !important;
|
|
}
|
|
|
|
button {
|
|
border: 1px solid var(--primary-light-color) !important;
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
}
|
|
@-moz-document url(about:url-classifier) {
|
|
/* Upper right box */
|
|
|
|
#action-box {
|
|
background-color: var(--dark-accent) !important;
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
|
|
th {
|
|
background-color: var(--primary-accent-color-dark) !important;
|
|
}
|
|
|
|
td {
|
|
color: var(--primary-light-color) !important;
|
|
background-color: var(--dark-accent) !important;
|
|
}
|
|
|
|
button {
|
|
border: 1px solid var(--primary-light-color) !important;
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
}
|
|
@-moz-document url(about:webrtc) {
|
|
#content > div {
|
|
background: var(--dark-accent) !important;
|
|
}
|
|
|
|
div.fold-trigger {
|
|
color: var(--primary-accent-color) !important;
|
|
}
|
|
}
|
|
/*! Alters the webextension Dark Mode
|
|
IMPORTANT: change the Internal UUID */
|
|
|
|
@-moz-document url-prefix("moz-extension://32b18bd1-4169-b649-b20a-ebafe1e7e549/") {
|
|
/* Headers */
|
|
|
|
.comment {
|
|
color: var(--primary-accent-color) !important;
|
|
}
|
|
|
|
label {
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
}
|
|
/*! Alters the webextension Decentraleyes
|
|
IMPORTANT: change the Internal UUID */
|
|
|
|
@-moz-document url-prefix("moz-extension://20cadb98-5f0e-d748-9a3b-a1eaf7c640f6/") {
|
|
body {
|
|
background-color: var(--grey-60) !important;
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
|
|
header,
|
|
.panel:not(:last-child) {
|
|
border-bottom: solid var(--grey-50) 1px !important;
|
|
}
|
|
|
|
.button {
|
|
-moz-user-select: none;
|
|
background-color: var(--grey-70) !important;
|
|
}
|
|
}
|
|
/*! Alters the webextension HTTPS Everywhere
|
|
IMPORTANT: change the Internal UUID */
|
|
|
|
@-moz-document url-prefix("moz-extension://897dfa7c-fa54-be49-996c-594df8db2260/") {
|
|
body {
|
|
color: var(--primary-light-color) !important;
|
|
background: var(--grey-60) !important;
|
|
}
|
|
|
|
a {
|
|
color: var(--primary-accent-color) !important;
|
|
}
|
|
|
|
h3 {
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
}
|
|
/*! Alters the webextension Multi-Account Containers
|
|
IMPORTANT: change the Internal UUID */
|
|
|
|
html body div#container-panel.panel.container-panel,
|
|
.column-panel-content {
|
|
background: var(--grey-60) !important;
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
|
|
#current-tab {
|
|
background: var(--grey-60) !important;
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
|
|
#current-tab > h3,
|
|
.panel-header-text,
|
|
.container-info-list {
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
|
|
#container-panel #sort-containers-link {
|
|
border: 1px solid var(--grey-50) !important;
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
|
|
#container-panel #sort-containers-link:hover,
|
|
.clickable:hover {
|
|
background: var(--grey-70) !important;
|
|
}
|
|
|
|
.container-panel-row {
|
|
background-color: var(--grey-60) !important;
|
|
border-block-end: 1px solid var(--grey-50);
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
|
|
.scrollable {
|
|
border-block-start: 1px solid var(--grey-50) !important;
|
|
background: var(--grey-60) !important;
|
|
}
|
|
|
|
.panel-footer {
|
|
background: var(--grey-70) !important;
|
|
border-block-end: 1px solid var(--grey-70) !important;
|
|
}
|
|
|
|
.panel-header {
|
|
background: var(--grey-70) !important;
|
|
}
|
|
|
|
.container-panel-row:hover .clickable.userContext-wrapper,
|
|
.container-panel-row:focus .clickable.userContext-wrapper,
|
|
.container-panel-row:hover .pop-button {
|
|
background: var(--grey-70) !important;
|
|
}
|
|
|
|
.panel-back-arrow {
|
|
background: var(--grey-60) !important;
|
|
}
|
|
|
|
.back-arrow-img {
|
|
filter: invert(65%) !important;
|
|
}
|
|
|
|
.container-panel-row {
|
|
border-block-end: 1px solid var(--grey-50) !important;
|
|
}
|
|
|
|
#current-tab > label > input[disabled] {
|
|
background-color: var(--grey-50) !important;
|
|
border-color: var(--grey-40) !important;
|
|
}
|
|
|
|
#current-tab > label > input:checked {
|
|
filter: invert(100%);
|
|
border-color: var(--grey-50) !important;
|
|
}
|
|
|
|
.column-panel-content form {
|
|
background: var(--grey-60) !important;
|
|
}
|
|
|
|
.pop-button-image-small {
|
|
filter: invert(650%) !important;
|
|
}
|
|
|
|
.edit-container-panel fieldset,
|
|
.edit-containers-text a {
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
|
|
.edit-container-panel input[type="text"] {
|
|
background: var(--grey-80) !important;
|
|
color: var(--primary-light-color) !important;
|
|
border: 1px solid var(--grey-50) !important;
|
|
}
|
|
|
|
[data-identity-color="grey"] {
|
|
--identity-icon-color: var(--primary-light-color) !important;
|
|
}
|
|
|
|
.button {
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
|
|
.container-notification {
|
|
background: var(--grey-70) !important;
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
/*! Alters the webextension Multiple Tab Handler
|
|
IMPORTANT: change the Internal UUID */
|
|
|
|
@-moz-document url-prefix("moz-extension://cd5adf97-491d-f44b-9ea2-d2417d781589/") {
|
|
h1,
|
|
p,
|
|
ul,
|
|
ul li {
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
}
|
|
/*! Alters the webextension Request Control
|
|
IMPORTANT: change the Internal UUID */
|
|
|
|
@-moz-document url-prefix("moz-extension://ed3f80c9-0ccb-ca41-bd62-f71a9fb72d27/") {
|
|
body {
|
|
background-color: var(--primary-dark-color) !important;
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
|
|
.rule:not(.editing):not(:hover) {
|
|
background-color: var(--grey-60) !important;
|
|
border: 1px solid var(--grey-50) !important;
|
|
}
|
|
|
|
.rule:hover:not(.editing) {
|
|
background-color: var(--grey-80) !important;
|
|
border: 1px solid var(--grey-50) !important;
|
|
}
|
|
|
|
.nav-tabs > li.active > a,
|
|
.nav-tabs > li.active > a:hover,
|
|
.nav-tabs > li.active > a:focus {
|
|
color: var(--primary-light-color) !important;
|
|
background-color: var(--grey-80) !important;
|
|
border: 1px solid var(--grey-50) !important;
|
|
}
|
|
|
|
.nav-tabs > li > a:hover {
|
|
background-color: var(--grey-80) !important;
|
|
border: 1px solid var(--grey-50) !important;
|
|
}
|
|
|
|
tabs.nav-justified > li > a {
|
|
border-bottom: 1px solid var(--grey-50) !important;
|
|
}
|
|
|
|
.btn-default {
|
|
color: var(--primary-light-color) !important;
|
|
background-color: var(--grey-80) !important;
|
|
border-color: var(--grey-50) !important;
|
|
}
|
|
|
|
.btn-default.active {
|
|
background-color: var(--grey-60) !important;
|
|
}
|
|
|
|
.btn-default:hover {
|
|
color: var(--primary-light-color) !important;
|
|
background-color: var(--grey-50) !important;
|
|
border-color: var(--grey-50) !important;
|
|
}
|
|
|
|
.list-group-item:first-child {
|
|
background: var(--grey-60) !important;
|
|
border-color: var(--grey-50) !important;
|
|
}
|
|
|
|
.table {
|
|
background: var(--grey-60) !important;
|
|
}
|
|
|
|
.table-striped > tbody > tr:nth-of-type(2n+1) {
|
|
background-color: var(--grey-80) !important;
|
|
}
|
|
|
|
.input-group .form-control:first-child,
|
|
.input-group-addon:first-child,
|
|
.input-group-btn:first-child > .btn,
|
|
.input-group-btn:first-child > .btn-group > .btn,
|
|
.input-group-btn:first-child > .dropdown-toggle,
|
|
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
|
|
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn,
|
|
select.input-sm,
|
|
.btn-group-params > .tags-input {
|
|
background: var(--grey-50) !important;
|
|
color: var(--grey-30) !important;
|
|
border-color: var(--grey-40) !important;
|
|
}
|
|
|
|
.list-group-item {
|
|
background-color: var(--grey-60) !important;
|
|
border: 1px solid #ddd;
|
|
}
|
|
|
|
.tags-input .tag {
|
|
background: var(--grey-80) !important;
|
|
border: 1px solid var(--grey-60) !important;
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
}
|
|
/*! Alters the webextension Skip Redirect
|
|
IMPORTANT: change the Internal UUID */
|
|
|
|
@-moz-document url-prefix("moz-extension://b4b0ef21-3b88-e547-841a-b671a44bdfa7/") {
|
|
body {
|
|
background: var(--grey-60) !important;
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
|
|
textarea,
|
|
input[type="text"],
|
|
input[type="number"] {
|
|
-moz-appearance: none !important;
|
|
background: var(--grey-50) !important;
|
|
color: var(--grey-30) !important;
|
|
}
|
|
|
|
label a {
|
|
color: var(--primary-accent-color) !important;
|
|
}
|
|
}
|
|
/*! Alters the webextension Smart HTTPS
|
|
IMPORTANT: change the Internal UUID */
|
|
|
|
@-moz-document url-prefix("moz-extension://3f7c8927-a1d4-6349-ab7f-91a7f031a571/") {
|
|
.information input[type="number"],
|
|
input[type="text"] {
|
|
-moz-appearance: none !important;
|
|
background: var(--grey-60) !important;
|
|
color: var(--primary-light-color) !important;
|
|
border: 1px solid var(--grey-50) !important;
|
|
}
|
|
|
|
.information p {
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
}
|
|
/*! Alters the webextension Tab Suspender (memory saver)
|
|
IMPORTANT: change the Internal UUID */
|
|
|
|
@-moz-document url-prefix("moz-extension://731831ee-3f54-b049-8509-193907bdaa5d/") {
|
|
label,
|
|
body {
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
|
|
input[type="number"],
|
|
textarea {
|
|
-moz-appearance: none !important;
|
|
background: var(--grey-60) !important;
|
|
color: var(--primary-light-color) !important;
|
|
border: 1px solid var(--grey-50) !important;
|
|
}
|
|
|
|
#recovery,
|
|
#save {
|
|
-moz-appearance: none !important;
|
|
height: 20px !important;
|
|
background: var(--grey-80) !important;
|
|
color: var(--primary-light-color) !important;
|
|
border: 1px solid var(--grey-60) !important;
|
|
border-radius: 4px !important;
|
|
}
|
|
}
|
|
/*! Alters the webextension Tree Style Tab
|
|
IMPORTANT: change the Internal UUID */
|
|
|
|
@-moz-document url-prefix("moz-extension://2a3d122c-dc21-7f4c-a805-82cbd472de98/") {
|
|
p,
|
|
ul {
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
|
|
h1,
|
|
legend {
|
|
color: var(--primary-accent-color) !important;
|
|
}
|
|
|
|
a {
|
|
color: var(--primary-accent-color-dark) !important;
|
|
}
|
|
|
|
#tabContextMenu {
|
|
background: var(--grey-60) !important;
|
|
border: none !important;
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
|
|
#debug-configs {
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
}
|
|
/*! Alters the webextension uBO-Scope
|
|
IMPORTANT: change the Internal UUID */
|
|
|
|
@-moz-document url-prefix("moz-extension://7ce809b7-4a3b-484c-89de-42aa4db7f5de/") {
|
|
body {
|
|
background: var(--grey-60) !important;
|
|
}
|
|
|
|
#topPane {
|
|
background-color: var(--grey-60) !important;
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
|
|
#heatmaps .togglerBar {
|
|
background: var(--grey-60) !important;
|
|
}
|
|
|
|
body.theoretical #heatmaps .heatmap.theoretical {
|
|
background: var(--grey-60) !important;
|
|
}
|
|
|
|
#heatmaps .heatmap {
|
|
border: none;
|
|
background: var(--grey-60) !important;
|
|
}
|
|
|
|
#heatmaps.list .hmcell {
|
|
background-color: var(--grey-60) !important;
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
|
|
#domain3rdDetails {
|
|
background-color: var(--grey-70) !important;
|
|
border: 1px solid var(--grey-70) !important;
|
|
}
|
|
|
|
#domain3rdDetails #authority {
|
|
background-color: var(--grey-80) !important;
|
|
position: relative;
|
|
}
|
|
|
|
#scores .scores .score.actual {
|
|
color: white !important;
|
|
}
|
|
|
|
#scores .scores .score.theoretical {
|
|
color: var(--grey-70) !important;
|
|
}
|
|
|
|
body.theoretical #scores .scores .score.actual {
|
|
color: var(--grey-70) !important;
|
|
}
|
|
|
|
body.theoretical #scores .scores .score.theoretical {
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
}
|
|
/*! Alters the webextension uBlock Origin
|
|
IMPORTANT: change the Internal UUID */
|
|
|
|
@-moz-document url-prefix("moz-extension://de835161-ee69-c14d-9940-203fbacf2276/") {
|
|
/* header */
|
|
|
|
#appinfo {
|
|
background-color: var(--grey-80) !important;
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
|
|
/* Right Column */
|
|
|
|
body[dir="ltr"] #panes > div {
|
|
background: var(--grey-70) !important;
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
|
|
body,
|
|
#panes {
|
|
background: var(--grey-70) !important;
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
|
|
label a,
|
|
p a,
|
|
ul a {
|
|
color: var(--primary-accent-color) !important;
|
|
}
|
|
|
|
/* Subgroup in Settings */
|
|
|
|
ul#userSettings .subgroup > span {
|
|
color: var(--primary-accent-color) !important;
|
|
}
|
|
|
|
#dashboard-nav-widgets span {
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
|
|
/* info icons */
|
|
|
|
a.info {
|
|
color: var(--primary-light-color) !important;
|
|
opacity: .5;
|
|
}
|
|
|
|
li.listEntry span.status {
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
|
|
li.listEntry > a.remove,
|
|
li.listEntry > a.remove:visited {
|
|
color: var(--red-80) !important;
|
|
}
|
|
|
|
/* Power Switch */
|
|
|
|
#switch .fa {
|
|
color: var(--primary-accent-color) !important;
|
|
}
|
|
|
|
/* Power Switch - Off */
|
|
|
|
body.off #switch .fa {
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
|
|
/* Tool Buttons */
|
|
|
|
.tool {
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
|
|
.tool:hover {
|
|
color: var(--grey-80) !important;
|
|
}
|
|
|
|
/* Stripped row */
|
|
|
|
h2,
|
|
#extraTools {
|
|
background-color: var(--grey-80) !important;
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
|
|
/* Refresh Button */
|
|
|
|
#refresh {
|
|
background-color: var(--grey-80) !important;
|
|
border-color: var(--grey-50) !important;
|
|
}
|
|
|
|
/* Badge number */
|
|
|
|
#extraTools > span > span.badge {
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
|
|
/* Firewall Container */
|
|
|
|
#firewallContainer > div {
|
|
background-color: var(--grey-60) !important;
|
|
}
|
|
|
|
#firewallContainer > div > span {
|
|
color: var(--primary-light-color) !important;
|
|
border-color: var(--grey-50) !important;
|
|
}
|
|
|
|
/* Darker Red */
|
|
|
|
body.advancedUser #firewallContainer > div > span.blockRule.ownRule {
|
|
background-color: #ab0000 !important;
|
|
}
|
|
|
|
/* Lighter Red */
|
|
|
|
body.advancedUser #firewallContainer > div > span.blockRule {
|
|
background-color: #dda0a2 !important;
|
|
}
|
|
|
|
/* Before Red */
|
|
|
|
#firewallContainer > div.blocked > span:first-of-type::before,
|
|
#firewallContainer.minimized > div.isDomain.totalBlocked > span:first-of-type::before {
|
|
background-color: #c87576 !important;
|
|
opacity: 1 !important;
|
|
}
|
|
|
|
/* Darker Green */
|
|
|
|
body.advancedUser #firewallContainer > div > span.allowRule.ownRule {
|
|
background-color: #229400 !important;
|
|
}
|
|
|
|
/* Lighter Green */
|
|
|
|
body.advancedUser #firewallContainer > div > span.allowRule {
|
|
background-color: #95ca8a !important;
|
|
}
|
|
|
|
/* Before Green */
|
|
|
|
#firewallContainer > div.allowed > span:first-of-type::before,
|
|
#firewallContainer.minimized > div.isDomain.totalAllowed > span:first-of-type::before {
|
|
background-color: #7ec26f !important;
|
|
opacity: 1 !important;
|
|
}
|
|
|
|
/* Darker Blue */
|
|
|
|
body.advancedUser #firewallContainer > div > span.noopRule.ownRule {
|
|
background-color: #0c46a7 !important;
|
|
}
|
|
|
|
/* Blue on hover */
|
|
|
|
#actionSelector > span:nth-of-type(2) {
|
|
background-color: #0c46a7 !important;
|
|
}
|
|
|
|
/* Lighter Blue */
|
|
|
|
body.advancedUser #firewallContainer > div > span.noopRule {
|
|
background-color: #65bdfb !important;
|
|
}
|
|
|
|
/* Before Yellow */
|
|
|
|
#firewallContainer > div.allowed.blocked > span:first-of-type::before,
|
|
#firewallContainer.minimized > div.isDomain.totalAllowed.totalBlocked > span:first-of-type::before {
|
|
background-color: #cdc16e !important;
|
|
opacity: 1 !important;
|
|
}
|
|
|
|
/* Color Blind Friendly */
|
|
|
|
/* Dark Block Color */
|
|
|
|
body.advancedUser #firewallContainer.colorBlind > div > span.blockRule.ownRule {
|
|
background-color: #000060 !important;
|
|
}
|
|
|
|
/* Light Block Color */
|
|
|
|
body.advancedUser #firewallContainer.colorBlind > div > span.blockRule {
|
|
background-color: #787dab !important;
|
|
}
|
|
|
|
/* Dark Allow */
|
|
|
|
body.advancedUser #firewallContainer.colorBlind > div > span.allowRule.ownRule {
|
|
background-color: #fbb900 !important;
|
|
}
|
|
|
|
/* Light Allow */
|
|
|
|
body.advancedUser #firewallContainer.colorBlind > div > span.allowRule {
|
|
background-color: #f2d98d !important;
|
|
}
|
|
|
|
/* Dark Noop */
|
|
|
|
body.advancedUser #firewallContainer.colorBlind > div > span.noopRule.ownRule {
|
|
background-color: #2f2e2e !important;
|
|
}
|
|
|
|
/* Light Noop */
|
|
|
|
body.advancedUser #firewallContainer.colorBlind > div > span.noopRule {
|
|
background-color: #a1a1a1 !important;
|
|
}
|
|
|
|
/* Yellow Side */
|
|
|
|
#firewallContainer.colorBlind > div.allowed > span:first-of-type::before,
|
|
#firewallContainer.colorBlind.minimized > div.isDomain.totalAllowed > span:first-of-type::before {
|
|
background-color: #ebd287 !important;
|
|
}
|
|
|
|
/* Blue Side */
|
|
|
|
#firewallContainer.colorBlind > div.blocked > span:first-of-type::before,
|
|
#firewallContainer.colorBlind.minimized > div.isDomain.totalBlocked > span:first-of-type::before {
|
|
background-color: #787cab !important;
|
|
}
|
|
|
|
#dashboard-nav-widgets {
|
|
border-bottom: 1px solid var(--grey-60) !important;
|
|
background-color: var(--grey-80) !important;
|
|
}
|
|
|
|
.tabButton {
|
|
background-color: var(--grey-70) !important;
|
|
color: var(--primary-light-color) !important;
|
|
border: 1px solid var(--grey-60) !important;
|
|
border-bottom: 1px solid var(--grey-60) !important;
|
|
}
|
|
|
|
.tabButton.selected {
|
|
background-color: var(--grey-80) !important;
|
|
border-bottom: 1px solid var(--grey-70) !important;
|
|
}
|
|
|
|
input[type="number"] {
|
|
-moz-appearance: none!important;
|
|
background-color: var(--grey-60) !important;
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
|
|
li.listEntry .content {
|
|
color: var(--primary-accent-color) !important;
|
|
}
|
|
|
|
#diff .pane {
|
|
color: var(--primary-light-color) !important;
|
|
background: var(--primary-dark-color) !important;
|
|
}
|
|
|
|
#diff li {
|
|
background-color: var(--grey-60) !important;
|
|
}
|
|
|
|
#diff li:nth-child(2n) {
|
|
background-color: var(--grey-70) !important;
|
|
}
|
|
|
|
/* Textbox */
|
|
|
|
code {
|
|
background-color: var(--grey-60) !important;
|
|
}
|
|
|
|
#whitelist textarea {
|
|
background: var(--grey-60) !important;
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
|
|
textarea#userFilters.userFilters,
|
|
textarea#externalLists {
|
|
-moz-appearance: none!important;
|
|
background: var(--grey-60) !important;
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
}
|
|
@-moz-document url-prefix("https://addons.mozilla.org") {
|
|
/* Header & Footer */
|
|
|
|
.Header,
|
|
.Footer-wrapper,
|
|
.LanguageTools-header-row {
|
|
background: var(--grey-80) !important;
|
|
}
|
|
|
|
.LanguageTools-table-row:nth-child(2n) {
|
|
background: var(--grey-70) !important;
|
|
}
|
|
|
|
/* Background Colors */
|
|
|
|
.LandingPage,
|
|
.Home,
|
|
.App-content,
|
|
.Paginate-page-number {
|
|
background: var(--primary-dark-color) !important;
|
|
}
|
|
|
|
/* Search Box */
|
|
|
|
.SearchForm-icon-magnifying-glass {
|
|
filter: invert(65%) !important;
|
|
}
|
|
|
|
/* Cards */
|
|
|
|
.Hero .Card-contents,
|
|
.Home-SubjectShelf .Card-contents,
|
|
.Card-header,
|
|
.AddonsCard--horizontal .Card-contents,
|
|
.AddonsCard--horizontal ul.AddonsCard-list .SearchResult-link,
|
|
.SearchForm-query,
|
|
.LandingPage-header,
|
|
.Categories .Card-contents,
|
|
.SectionLinks-dropdown .DropdownMenu-items,
|
|
.Card-contents,
|
|
.Card--photon .Card-contents,
|
|
.Card-footer-link,
|
|
.MetadataCard,
|
|
.AddonDescription-more-addons:not(.AddonDescription-more-addons--theme) .Card-contents .AddonsCard-list,
|
|
.AddonDescription-more-addons--theme .Card-contents .AddonsCard-list,
|
|
.Search .SearchResults .SearchResult,
|
|
.SearchForm-suggestions-item.SearchForm-suggestions-item {
|
|
background: var(--grey-60) !important;
|
|
}
|
|
|
|
.Home-SubjectShelf-subheading,
|
|
.Home-SubjectShelf-link:link,
|
|
.Home-SubjectShelf-link:visited,
|
|
.Card-header,
|
|
.SearchResult-name,
|
|
.SearchForm-query,
|
|
.LandingPage-addonType-name,
|
|
.LandingPage-heading-content,
|
|
.Footer-links-header a:link,
|
|
.Footer a:active,
|
|
.Footer a:hover,
|
|
.DropdownMenuItem,
|
|
.DropdownMenuItem-section,
|
|
.DropdownMenuItem-link a,
|
|
.DropdownMenuItem-link a:link,
|
|
.Card-contents,
|
|
.Card--photon .Card-contents,
|
|
.AddonBadges .Badge,
|
|
.Addon-author,
|
|
.Addon-author a,
|
|
.Addon-author a:link
|
|
.Button--action,
|
|
.Button--action:link,
|
|
.Button--action.Button--small:link,
|
|
.Button--action,
|
|
.Addon-title,
|
|
.ReportAbuseButton-show-more,
|
|
.SearchResult-summary,
|
|
.SearchContextCard-header,
|
|
.Paginate-page-number,
|
|
.SearchSuggestion-name,
|
|
.ExpandableCard-ToggleLink:link,
|
|
.Paginate .Paginate-item {
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
|
|
.Paginate-previous::before,
|
|
.Paginate-next::after {
|
|
filter: invert(70%) !important;
|
|
}
|
|
|
|
.Home-SubjectShelf-link:active,
|
|
.Home-SubjectShelf-link:focus,
|
|
.Home-SubjectShelf-link:hover,
|
|
.SearchResult-link:focus .SearchResult-name,
|
|
.SearchResult-link:hover .SearchResult-name,
|
|
.Card-footer-link a,
|
|
.Card-footer-link a:hover,
|
|
.Card-footer-link a:link,
|
|
.DropdownMenuItem-link a:hover,
|
|
.AddonMoreInfo-contents a:link,
|
|
.LanguageTools-table a:link,
|
|
.Addon-details .AddonDescription-contents a:link,
|
|
.Card.ShowMoreCard.AddonDescription-version-notes a:link {
|
|
color: var(--primary-accent-color) !important;
|
|
}
|
|
|
|
.Button--action.Button--outline-only {
|
|
border-color: var(--primary-accent-color) !important;
|
|
}
|
|
|
|
.Button--action,
|
|
.Button--action.Button--small,
|
|
.Paginate .Paginate-item,
|
|
.SearchForm-suggestions-item.SearchForm-suggestions-item--highlighted,
|
|
.Addon .InstallButton-button {
|
|
background: var(--primary-accent-color) !important;
|
|
}
|
|
|
|
.Button--action.Button--outline-only:hover,
|
|
.SearchForm-query:hover,
|
|
.Button--action:hover {
|
|
border-color: var(--primary-accent-color-dark) !important;
|
|
}
|
|
|
|
.SearchForm-query:focus {
|
|
box-shadow: 0 0 5px 0 var(--primary-accent-color) !important;
|
|
border-color: var(--primary-accent-color-dark) !important;
|
|
}
|
|
|
|
.AddonsCard--horizontal ul.AddonsCard-list .SearchResult-link:hover {
|
|
background: var(--grey-70) !important;
|
|
border-radius: 0px !important;
|
|
}
|
|
|
|
.Button--report {
|
|
text-shadow: none !important;
|
|
}
|
|
|
|
.Icon-external {
|
|
filter: invert(20%) !important;
|
|
}
|
|
|
|
.Icon-featured {
|
|
filter: invert(85%) !important;
|
|
}
|
|
}
|
|
@-moz-document url-prefix(file:///) {
|
|
:root {
|
|
background-color: var(--grey-60) !important;
|
|
}
|
|
|
|
body {
|
|
border: 1px solid var(--mid-way-color) !important;
|
|
background-color: var(--primary-dark-color) !important;
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
|
|
h1 {
|
|
border-bottom: 1px solid var(--light-accent-color) !important;
|
|
}
|
|
|
|
body > table > tbody > tr:hover {
|
|
outline: 1px solid var(--mid-way-color) !important;
|
|
}
|
|
|
|
.dir,
|
|
.symlink,
|
|
.file,
|
|
.up {
|
|
color: var(--primary-accent-color) !important;
|
|
}
|
|
}
|
|
@-moz-document regexp("^moz-extension://.*manifest.json$") {
|
|
html {
|
|
background: var(--primary-dark-color) !important;
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
}
|
|
@-moz-document url-prefix(https://raw.githubusercontent.com) {
|
|
html {
|
|
background: var(--primary-dark-color) !important;
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
}
|
|
@-moz-document url-prefix(view-source) {
|
|
*|*:root {
|
|
background-color: var(--primary-dark-color) !important;
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
|
|
pre[id]:before,
|
|
span[id]:before {
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
|
|
.highlight .start-tag {
|
|
color: #b78cfd !important;
|
|
}
|
|
|
|
.highlight .end-tag {
|
|
color: #b78cfd !important;
|
|
}
|
|
|
|
.highlight .comment {
|
|
color: #86de74 !important;
|
|
}
|
|
|
|
.highlight .cdata {
|
|
color: #CC0066 !important;
|
|
}
|
|
|
|
.highlight .doctype {
|
|
color: steelblue !important;
|
|
}
|
|
|
|
.highlight .pi {
|
|
color: #ff7de9 !important;
|
|
}
|
|
|
|
.highlight .entity {
|
|
color: #dea174 !important;
|
|
}
|
|
|
|
.highlight .attribute-name {
|
|
color: #86de74 !important;
|
|
}
|
|
|
|
.highlight .attribute-value {
|
|
color: #75bfff !important;
|
|
}
|
|
|
|
.highlight .markupdeclaration {
|
|
color: steelblue !important;
|
|
font-style: italic;
|
|
}
|
|
|
|
.highlight .error,
|
|
.highlight .error > :-moz-any(.start-tag, .end-tag, .comment, .cdata, .doctype,
|
|
.pi, .entity, .attribute-name, .attribute-value) {
|
|
color: #de7474 !important;
|
|
}
|
|
} |