ShadowFox/userContent-files/about_pages.css

396 lines
13 KiB
CSS

@-moz-document regexp("^about:(?!reader).*"),
url(https://www.mozilla.org/credits/),
url-prefix(https://discovery.addons.mozilla.org) {
:root {
--aboutProfiles-table-background: var(--in-content-box-background)!important
}
menupopup,
menupopup > menu > menupopup,
popup,
popup > menu > menupopup {
-moz-appearance: none!important;
background: var(--in-content-page-background)!important;
border: none!important
}
menuitem,
menupopup menu {
-moz-appearance: none!important;
color: var(--in-content-text-color)!important
}
menuitem:hover,
menupopup menu:hover {
color: var(--in-content-text-color)!important;
background-color: var(--theme-selection-background-hover)!important
}
menupopup menuseparator {
padding: 0!important;
margin: 2px 6px!important;
-moz-appearance: none!important;
background: rgba(0,0,0,0)!important;
border: 0!important
}
@media screen and (-moz-windows-theme) {
menuitem,
menupopup menu {
margin: 1px 6px!important
}
menupopup,
menupopup > menu > menupopup,
popup,
popup > menu > menupopup {
border: 1px solid!important
}
}
.prefs-pane [type=checkbox]:checked + label::after,
.prefs-pane [type=checkbox]:not(:checked) + label::after,
input[type=checkbox]:checked {
background-image: url(chrome://global/skin/in-content/check.svg)!important
}
#newtab-customize-overlay,
html:not(#ublock0-epicker),
html:not(#ublock0-epicker) body {
background: var(--in-content-page-background)!important;
color: var(--in-content-page-color)!important
}
#SanitizeDialogPane > groupbox,
#mainDiv.non-verbose div.section h2,
#onboarding-overlay,
.dialogBox > .groupbox-body,
.modal,
.modal-overlay,
.warningBackground {
background: var(--in-content-page-background)!important
}
.collapsible-section .section-top-bar .info-option-manage button,
.topic .topic-read-more,
a:link {
color: var(--in-content-link-color)!important
}
.topic .topic-read-more:hover,
a:link:hover {
color: var(--in-content-link-color-hover)!important
}
#action-box,
#content div.log span.section-heading button.no-print:hover,
#content div.stats span.section-heading button.no-print:hover,
#contents table tbody tr td,
#contents table tr.no-copy td,
#controls.no-print div.controls div.control button:hover,
#errorPageContainer button#errorTryAgain:hover,
#provider table#provider-table tbody#provider-table-body tr td,
#subprocess-reports tr td,
.aboutPageWideContainer div#debug table#debug-table tbody tr td,
.aboutPageWideContainer label input#submit:hover,
.alert,
.opsRow button:hover,
.top-sites-list .top-site-outer .top-site-icon {
background-color: var(--in-content-box-background)!important
}
.addon .editorial-description,
.addon .heading,
.disco-content,
.top-sites-list .top-site-outer .title span,
header h1 {
color: var(--in-content-page-color)!important
}
#onboarding-overlay.onboarding-opened > #onboarding-overlay-dialog,
.addon .content,
.addon .logo,
.card-outer .card-context,
.card-outer .card-details,
.search-wrapper input,
.topsite-form .form-wrapper input[type=text],
card-outer.active span.context-menu ul.context-menu-list {
background: var(--in-content-box-background)!important
}
.sorter[checkState="1"],
.sorter[checkState="2"] {
background-color: var(--in-content-category-header-background)!important
}
#onboarding-overlay.onboarding-opened > #onboarding-overlay-dialog,
.addon,
.card-outer .card-context,
.card-outer .card-host-name,
.detail-view-container,
.section-title span,
.top-sites-list .top-site-outer .top-site-icon,
.topsite-form .form-wrapper input[type=text] {
color: var(--in-content-page-color)!important
}
.card-outer .card-context-icon,
.category:not([selected]) > .category-icon,
.collapsible-section .section-top-bar .info-option-icon,
.context-menu ul.context-menu-list li.context-menu-item a span.icon,
.prefs-pane-button button,
.search-wrapper .search-button,
.search-wrapper .search-label,
.section-title span {
fill: var(--in-content-page-color)!important
}
.sorter {
color: var(--accent-1)!important
}
.download-progress {
background-color: var(--in-content-box-color)!important
}
.list > scrollbox > .scrollbox-innerbox {
border: none!important
}
#header-utils-btn:hover,
.header-button:hover {
background-color: var(--in-content-box-background-hover)!important
}
#header-utils-btn {
fill: var(--in-content-category-text)!important
}
.collapsible-section .section-top-bar .info-option-manage button:after,
.topic .topic-read-more::after {
fill: var(--in-content-link-color)!important
}
.addon-view[notification=warning] {
--view-highlight-color: transparent!important
}
.addon-view[notification],
.addon-view[pending] {
--view-highlight-color: transparent;
background-image: none!important
}
.addon[active=false] {
opacity: .4!important
}
.detail-row,
.detail-row-complex,
setting {
text-shadow: none!important
}
#warningTitle {
color: var(--in-content-page-color)!important
}
#configTree {
border: none!important
}
.addon-target-container {
background: var(--in-content-box-background)!important;
box-shadow: none!important
}
.service-worker-multi-process {
background-color: #44391f!important
}
#onboarding-notification-bar {
background: var(--in-content-category-header-background)!important;
border-top: 2px solid!important
}
.prefs-pane .actions,
.prefs-pane .sidebar {
background: var(--in-content-category-header-background)!important;
border-color: var(--in-content-box-border-color)!important
}
.collapsible-section .section-top-bar .info-option,
.prefs-pane .prefs-modal-inner-wrapper .options,
.sections-list .section-empty-state {
background: var(--in-content-box-background)!important;
border-color: var(--in-content-box-border-color)!important
}
.actions button:hover:not(.dismiss),
.card-outer:-moz-any(:hover,:focus,.active):not(.placeholder),
.collapsible-section .section-disclaimer button:hover:not(.dismiss),
.top-sites-list .top-site-outer.active .tile,
.top-sites-list .top-site-outer:focus .tile,
.top-sites-list .top-site-outer:hover .tile {
box-shadow: 0 0 0 5px var(--in-content-box-background)!important
}
.card-outer .context-menu-button,
.top-sites-list .top-site-outer .context-menu-button {
background-color: var(--in-content-page-color)!important;
background-image: url(chrome://browser/skin/page-action.svg)!important;
border: 1px solid!important;
filter: invert(95%)!important;
box-shadow: none!important;
border-color: var(--in-content-page-color)!important
}
#onboarding-notification-body *,
#onboarding-notification-tour-title,
.collapsible-section .section-disclaimer,
.manual-migration-container,
.onboarding-close-btn,
.prefs-pane .prefs-modal-inner-wrapper {
color: var(--in-content-page-color)!important
}
.collapsible-section .section-disclaimer button,
.onboarding-action-button {
background-color: var(--in-content-page-background)!important;
border-color: var(--in-content-box-border-color)!important;
color: var(--in-content-page-color)!important
}
.actions button,
.actions button.dismiss,
.onboarding-action-button:hover,
.prefs-pane-button button:hover {
background-color: var(--in-content-box-background-hover)!important
}
.actions button.done,
.onboarding-tour-action-button {
background-color: var(--in-content-primary-button-background)!important
}
.onboarding-tour-action-button:hover {
background-color: var(--in-content-primary-button-background-hover)!important
}
.icon.icon-dismiss {
fill: var(--in-content-page-color)!important
}
.context-menu ul.context-menu-list li.context-menu-item a:hover span.icon {
fill: var(--in-content-text-color)!important
}
.dialogBox > .groupbox-title {
background-color: var(--in-content-category-header-background)!important;
color: var(--in-content-page-color)!important;
border-color: var(--in-content-box-border-color)!important
}
.warningMessage {
background: var(--in-content-box-background)!important;
border-color: var(--in-content-box-border-color)!important;
color: var(--in-content-page-color)!important
}
#content > div,
.info-box-content,
.notice,
div.opsRow,
div.section {
background-color: var(--in-content-box-background)!important;
border-color: var(--in-content-box-border-color)!important
}
.bar-inner {
background-color: var(--accent-1)!important;
border: 1px solid!important;
border-color: var(--accent-2)!important
}
#content div.log span.section-heading button.no-print,
#content div.stats span.section-heading button.no-print,
#controls.no-print div.controls div.control button,
#controls.no-print div.controls div.control button input#appid,
#errorPageContainer button#errorTryAgain,
.aboutPageWideContainer label input#submit,
.opsRow button {
-moz-appearance: none!important;
background-color: var(--in-content-page-background)!important;
border: 1px solid!important;
border-radius: 3px!important;
color: var(--in-content-page-color)!important;
border-color: var(--in-content-box-border-color)!important
}
.opsRow button {
margin-right: 2px!important
}
input#appid {
background-color: var(--in-content-box-background)!important
}
#profiles.tab div table tbody tr td {
border-color: var(--in-content-table-border-dark-color)!important
}
.actions,
.context-menu-list li.separator,
.edit-topsites-wrapper .edit-topsites-button,
.modal,
.prefs-pane hr,
.topsite-form .form-wrapper input[type=text] {
border-color: var(--in-content-box-border-color)!important
}
#outside table.contenttable thead tr th {
background-color: var(--in-content-table-header-background)!important
}
#outside table.contenttable {
border-color: var(--in-content-table-border-dark-color)!important;
background-color: var(--in-content-box-background)!important
}
#outside table.contenttable tbody tr td,
#outside table.contenttable tbody tr td + #outside table.contenttable tbody tr td,
#outside table.contenttable thead tr th + th {
border-color: var(--in-content-table-border-dark-color)!important
}
#outside table.contenttable tbody tr td {
color: var(--in-content-page-color)!important
}
.card-outer .card-context {
padding: 2px 16px 12px 14px!important
}
.card-outer.placeholder .card {
display: none!important
}
.context-menu {
background-color: var(--in-content-box-background)!important;
box-shadow: none!important;
border: 1px!important
}
.context-menu > ul > li > a:focus,
.context-menu > ul > li > a:hover {
background-color: var(--theme-selection-background-hover)!important
}
.search-wrapper input:focus,
.search-wrapper:active input {
box-shadow: 0 0 0 3px var(--in-content-border-focus)!important
}
.prefs-pane .actions {
border-top: none!important
}
}
@-moz-document url-prefix(about:reader) {
body.dark a:link {
color: var(--in-content-link-color)!important
}
.font-type-buttons > .sans-serif-button > .name,
.font-type-buttons > .serif-button > .name,
body.dark {
color: var(--in-content-page-color)!important
}
.toolbar {
background-color: var(--in-content-category-header-background)!important;
border-right: 1px solid!important
}
.toolbar .button {
background-color: var(--in-content-category-header-background)!important;
border-color: var(--in-content-box-border-color)!important
}
.button:hover,
.content-width-buttons > button:hover,
.font-size-buttons > button:hover,
.font-type-buttons > button:hover,
.line-height-buttons > button:hover {
background-color: var(--in-content-primary-button-background-hover)!important
}
.dropdown-popup {
background-color: var(--in-content-category-header-background)!important;
box-shadow: 0 1px 3px var(--in-content-category-header-background)!important;
border-color: var(--in-content-box-border-color)!important
}
.content-width-buttons > button,
.font-size-buttons > button,
.font-type-buttons > button,
.font-type-buttons > button.selected,
.font-type-buttons > button:active:hover,
.line-height-buttons > button {
border-color: var(--in-content-box-border-color)!important
}
.color-scheme-buttons > button.selected,
.color-scheme-buttons > button:active:hover,
.font-type-buttons > button.selected,
.font-type-buttons > button:active:hover {
box-shadow: inset 0 -3px 0 0 var(--in-content-primary-button-background-hover)!important
}
}
@-moz-document url-prefix(chrome://) {
.windowDialog,
dialog,
prefpane,
prefpane > .content-box,
prefwindow,
window {
background-color: var(--in-content-page-background)!important;
color: var(--in-content-page-color)!important
}
#cookieInfoGrid .textbox-input {
background-color: var(--in-content-page-background)!important
}
#historyItems {
-moz-appearance: none!important
}
}