1175 lines
34 KiB
CSS
1175 lines
34 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;
|
|
--tone-1: var(--grey-10);
|
|
--tone-2: var(--grey-20);
|
|
--tone-3: var(--grey-30);
|
|
--tone-4: var(--grey-40);
|
|
--tone-5: var(--grey-50);
|
|
--tone-6: var(--grey-60);
|
|
--tone-7: var(--grey-70);
|
|
--tone-8: var(--grey-80);
|
|
--tone-9: var(--grey-90);
|
|
--accent-1: var(--blue-40);
|
|
--accent-2: var(--blue-50);
|
|
--accent-3: var(--blue-60);
|
|
--in-content-page-color: var(--tone-4) !important;
|
|
/* Main Background Color */
|
|
--in-content-page-background: var(--tone-7) !important;
|
|
/* Main Text Color */
|
|
--in-content-text-color: var(--tone-3) !important;
|
|
/* Text in Search Boxes */
|
|
--in-content-selected-text: var(--tone-1) !important;
|
|
--in-content-box-background: var(--tone-6) !important;
|
|
/* Text Boxes */
|
|
--in-content-box-background-odd: #f3f6fa;
|
|
--in-content-box-background-hover: var(--tone-6) !important;
|
|
/* Box Hover */
|
|
--in-content-box-background-active: var(--tone-6) !important;
|
|
/* Selected, but not hovered */
|
|
--in-content-box-border-color: var(--tone-5) !important;
|
|
/* Text Box Border */
|
|
--in-content-item-hover: rgba(0,149,221,0.25);
|
|
--in-content-item-selected: var(--tone-8) !important;
|
|
--in-content-border-highlight: var(--accent-1) !important;
|
|
--in-content-border-focus: var(--accent-1) !important;
|
|
/* Border on Focus */
|
|
--in-content-border-color: var(--tone-6) !important;
|
|
--in-content-category-outline-focus: 1px dotted #0a84ff;
|
|
--in-content-category-text: var(--tone-4) !important;
|
|
/* Non-selected Menu Items */
|
|
--in-content-category-text-active: #0c0c0d;
|
|
--in-content-category-text-selected: var(--accent-1) !important;
|
|
/* Selected Menu Itemes */
|
|
--in-content-category-text-selected-active: #0060df;
|
|
--in-content-category-background-hover: rgba(12,12,13,0.1);
|
|
--in-content-category-background-active: rgba(12,12,13,0.15);
|
|
--in-content-category-background-selected-hover: rgba(12,12,13,0.15);
|
|
--in-content-category-background-selected-active: rgba(12,12,13,0.2);
|
|
--in-content-tab-color: #424f5a;
|
|
--in-content-link-color: var(--accent-1) !important;
|
|
--in-content-link-color-hover: var(--accent-2) !important;
|
|
--in-content-link-color-active: #003eaa;
|
|
--in-content-link-color-visited: #0a8dff;
|
|
--in-content-primary-button-background: var(--accent-2) !important;
|
|
--in-content-primary-button-background-hover: var(--accent-3) !important;
|
|
--in-content-primary-button-background-active: var(--accent-3) !important;
|
|
--in-content-table-border-dark-color: var(--tone-7) !important;
|
|
--in-content-table-header-background: var(--accent-2) !important;
|
|
--theme-selection-background: var(--accent-2) !important;
|
|
--theme-selection-background-hover: var(--accent-1) !important;
|
|
--in-content-category-header-background: var(--tone-8) !important;
|
|
--selected-icon-fill-color: var(--tone-2) !important;
|
|
--in-content-dark-header-background: var(--tone-9) !important;
|
|
--code-green: #86de74 !important;
|
|
--warning-color: #FCE19F;
|
|
--warning-background-color: #44391F;
|
|
}
|
|
|
|
/*! Begin color overrides */
|
|
|
|
/*! End color overrides */
|
|
@-moz-document url-prefix(about:),
|
|
url-prefix(chrome://) {
|
|
.checkbox-check,
|
|
.prefs-pane [type=checkbox]:checked + label::before,
|
|
.prefs-pane [type=checkbox]:not(:checked) + label::before,
|
|
.radio-check,
|
|
input[type=checkbox] {
|
|
-moz-appearance: none!important;
|
|
border: 1px solid!important;
|
|
background-color: var(--in-content-box-background)!important;
|
|
background-image: none!important;
|
|
box-shadow: none!important;
|
|
border-color: var(--in-content-box-border-color)!important;
|
|
}
|
|
|
|
.radio-check[selected] {
|
|
list-style-image: url("chrome://global/skin/in-content/radio.svg");
|
|
fill: var(--in-content-border-highlight)!important;
|
|
}
|
|
}
|
|
@-moz-document url-prefix(about:),
|
|
url-prefix(chrome://browser/content/preferences/),
|
|
url(chrome://passwordmgr/content/passwordManager.xul),
|
|
url(chrome://formautofill/content/manageAddresses.xhtml),
|
|
url-prefix(chrome://pippki) {
|
|
treechildren::-moz-tree-row,
|
|
treechildren:not(.autocomplete-treebody)::-moz-tree-row(multicol, odd) {
|
|
background-color: var(--in-content-box-background) !important;
|
|
}
|
|
|
|
treechildren:not(.autocomplete-treebody)::-moz-tree-row(hover) {
|
|
background-color: var(--theme-selection-background-hover) !important;
|
|
}
|
|
|
|
treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected) {
|
|
background-color: var(--theme-selection-background) !important;
|
|
}
|
|
|
|
tree {
|
|
background-color: var(--in-content-box-background) !important;
|
|
}
|
|
|
|
/* Inbetween Border */
|
|
|
|
treecol:not([hideheader="true"]):not(:first-child),
|
|
treecolpicker {
|
|
border-image: linear-gradient(transparent 0%, transparent 20%, var(--tone-5) 20%, var(--tone-5) 80%, transparent 80%, transparent 100%) 1 1 !important;
|
|
}
|
|
|
|
/* Dropdown Markers */
|
|
|
|
menulist:not([editable="true"]) > *.menulist-dropmarker,
|
|
treecol:not([hideheader="true"]) > *.treecol-sortdirection[sortDirection] {
|
|
fill: var(--in-content-category-text) !important;
|
|
}
|
|
|
|
/* Tree Headers */
|
|
|
|
treecol:not([hideheader="true"]),
|
|
treecolpicker,
|
|
fieldset > legend {
|
|
background-color: var(--in-content-category-header-background) !important;
|
|
color: var(--in-content-page-color) !important;
|
|
}
|
|
}
|
|
@-moz-document url(chrome://browser/content/aboutDialog.xul) {
|
|
#clientBox {
|
|
color: var(--in-content-page-color)!important;
|
|
background-color: var(--in-content-page-background)!important;
|
|
}
|
|
|
|
#bottomBox {
|
|
background: var(--in-content-category-header-background)!important;
|
|
}
|
|
}
|
|
:root {
|
|
--panel-separator-color: var(--in-content-border-color)!important;
|
|
}
|
|
|
|
#urlbar[focused=true],
|
|
.searchbar-textbox[focused=true] {
|
|
border: 1px solid!important;
|
|
box-shadow: 0 1px 4px var(--in-content-border-focus)!important;
|
|
border-color: var(--in-content-border-focus)!important;
|
|
}
|
|
|
|
#PopupAutoCompleteRichResult .autocomplete-richlistbox,
|
|
.searchbar-treebody::-moz-tree-row {
|
|
background-color: var(--in-content-box-background)!important;
|
|
}
|
|
|
|
#PopupAutoCompleteRichResult .autocomplete-richlistitem,
|
|
.autocomplete-tree {
|
|
border-bottom-color: var(--in-content-page-color)!important;
|
|
}
|
|
|
|
#PopupSearchAutoComplete,
|
|
.autocomplete-richlistitem .ac-action,
|
|
.autocomplete-richlistitem .ac-separator,
|
|
.autocomplete-richlistitem .ac-title,
|
|
.autocomplete-tree {
|
|
color: var(--in-content-page-color)!important;
|
|
}
|
|
|
|
.autocomplete-richlistitem[selected=true],
|
|
.searchbar-treebody::-moz-tree-row(selected) {
|
|
background-color: var(--theme-selection-background)!important;
|
|
}
|
|
|
|
.ac-action[selected],
|
|
.ac-separator[selected],
|
|
.ac-title[selected],
|
|
.ac-url[selected],
|
|
.autocomplete-richlistitem[selected=true] .ac-action,
|
|
.autocomplete-richlistitem[selected=true] .ac-separator,
|
|
.autocomplete-richlistitem[selected=true] .ac-title,
|
|
.autocomplete-richlistitem[selected=true] .ac-url {
|
|
color: var(--in-content-selected-text)!important;
|
|
}
|
|
|
|
.ac-url,
|
|
.search-panel-input-value {
|
|
color: var(--in-content-link-color)!important;
|
|
}
|
|
|
|
.search-one-offs {
|
|
background: var(--in-content-box-background)!important;
|
|
}
|
|
|
|
.search-panel-header,
|
|
.search-panel-one-offs {
|
|
background: var(--in-content-category-header-background)!important;
|
|
border-top: none!important;
|
|
}
|
|
|
|
.autocomplete-history-popup,
|
|
panel[type=autocomplete-richlistbox],
|
|
panel[type=autocomplete] {
|
|
color: var(--in-content-page-color)!important;
|
|
background: var(--in-content-page-color)!important;
|
|
}
|
|
|
|
.autocomplete-richlistitem:hover,
|
|
.searchbar-treebody::-moz-tree-row(hover),
|
|
treechildren.searchbar-treebody::-moz-tree-row(hover) {
|
|
background-color: var(--in-content-page-background)!important;
|
|
}
|
|
#editBMPanel_folderMenuList,
|
|
#editBMPanel_foldersExpander,
|
|
#editBMPanel_rows > row > hbox > textbox,
|
|
#editBMPanel_rows > row > textbox,
|
|
#editBMPanel_tagsSelectorExpander,
|
|
#editBookmarkPanelDoneButton,
|
|
#editBookmarkPanelRemoveButton {
|
|
-moz-appearance: none!important;
|
|
background: var(--in-content-page-background)!important;
|
|
color: var(--in-content-page-color)!important;
|
|
border: 1px solid!important;
|
|
border-color: var(--in-content-box-border-color)!important;
|
|
box-shadow: none!important;
|
|
}
|
|
|
|
#editBookmarkPanel .expander-down > .button-box > .button-icon {
|
|
filter: invert(65%)!important;
|
|
}
|
|
|
|
#editBMPanel_folderTree,
|
|
#editBMPanel_tagsSelector {
|
|
-moz-appearance: none!important;
|
|
background: var(--in-content-page-background)!important;
|
|
color: var(--in-content-page-color)!important;
|
|
opacity: 1!important;
|
|
}
|
|
|
|
#editBMPanel_folderTree treechildren:not(.autocomplete-treebody)::-moz-tree-row,
|
|
#editBMPanel_tagsSelector treechildren:not(.autocomplete-treebody)::-moz-tree-row {
|
|
background: var(--in-content-box-background)!important;
|
|
color: var(--in-content-page-background)!important;
|
|
}
|
|
|
|
#editBMPanel_folderTree treechildren:not(.autocomplete-treebody)::-moz-tree-row(hover),
|
|
#editBMPanel_tagsSelector treechildren:not(.autocomplete-treebody)::-moz-tree-row(hover) {
|
|
background: var(--theme-selection-background-hover)!important;
|
|
color: var(--in-content-selected-text)!important;
|
|
-moz-border-top-colors: var(--theme-selection-background-hover)!important;
|
|
-moz-border-right-colors: var(--theme-selection-background-hover)!important;
|
|
-moz-border-left-colors: var(--theme-selection-background-hover)!important;
|
|
-moz-border-bottom-colors: var(--theme-selection-background-hover)!important;
|
|
}
|
|
|
|
#editBMPanel_folderTree treechildren::-moz-tree-image {
|
|
fill: var(--in-content-page-color)!important;
|
|
}
|
|
|
|
#editBMPanel_folderTree treechildren::-moz-tree-image(selected) {
|
|
fill: var(--in-content-item-selected)!important;
|
|
}
|
|
|
|
#editBMPanel_folderTree treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected,current,focus) {
|
|
background: var(--theme-selection-background)!important;
|
|
}
|
|
|
|
listitem[selected=true] {
|
|
background-color: var(--theme-selection-background)!important;
|
|
color: var(--in-content-selected-text)!important;
|
|
}
|
|
|
|
#editBMPanel_folderTree treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected,current) {
|
|
background: var(--theme-selection-background)!important;
|
|
}
|
|
|
|
#editBMPanel_folderTree {
|
|
border-color: var(--in-content-box-border-color)!important;
|
|
border-bottom: none!important;
|
|
}
|
|
|
|
#editBMPanel_newFolderBox {
|
|
background: var(--in-content-page-background)!important;
|
|
border-color: var(--in-content-box-border-color)!important;
|
|
box-shadow: none!important;
|
|
}
|
|
@-moz-document url("chrome://global/content/commonDialog.xul") {
|
|
#commonDialog {
|
|
-moz-appearance: none!important;
|
|
background: var(--in-content-page-background)!important;
|
|
color: var(--in-content-page-color)!important;
|
|
}
|
|
}
|
|
menupopup,
|
|
menupopup > menu > menupopup,
|
|
menupopup scrollbox,
|
|
popup,
|
|
popup > menu > menupopup {
|
|
-moz-appearance: none!important;
|
|
background: var(--in-content-box-background)!important;
|
|
border: none!important;
|
|
padding: 0!important;
|
|
}
|
|
|
|
.menu-right {
|
|
filter: invert(95%)!important;
|
|
}
|
|
|
|
#context-navigation menuitem {
|
|
color: var(--in-content-selected-text)!important;
|
|
background: var(--in-content-page-background)!important;
|
|
}
|
|
|
|
#context-navigation menuitem:hover {
|
|
background: var(--in-content-category-header-background)!important;
|
|
}
|
|
|
|
menuitem,
|
|
menupopup menu {
|
|
-moz-appearance: none!important;
|
|
color: var(--in-content-selected-text)!important;
|
|
}
|
|
|
|
menupopup menuseparator {
|
|
padding: 0!important;
|
|
border-top: none!important;
|
|
margin: 2px 6px!important;
|
|
}
|
|
|
|
#context-navigation menuitem[disabled=true],
|
|
menu[disabled=true],
|
|
menuitem[disabled=true] {
|
|
color: var(--in-content-box-border-color)!important;
|
|
}
|
|
|
|
menu[disabled=true]:hover,
|
|
menuitem:hover[disabled=true] {
|
|
color: var(--in-content-box-border-color)!important;
|
|
background-color: var(--in-content-page-background)!important;
|
|
}
|
|
|
|
#context-navigation menuitem:hover[disabled=true] {
|
|
color: var(--in-content-box-border-color)!important;
|
|
background-color: var(--in-content-category-header-background)!important;
|
|
}
|
|
|
|
menu[_moz-menuactive=true],
|
|
menuitem:hover,
|
|
menuitem[_moz-menuactive=true],
|
|
menupopup menu:hover {
|
|
color: var(--in-content-selected-text)!important;
|
|
background-color: var(--in-content-category-header-background)!important;
|
|
}
|
|
|
|
.panel-arrowcontent {
|
|
color: var(--in-content-selected-text)!important;
|
|
background: var(--in-content-box-background)!important;
|
|
}
|
|
|
|
vbox#sidebar-box.chromeclass-extrachrome {
|
|
border-color: var(--in-content-category-header-background)!important;
|
|
border-right: 1px!important;
|
|
border-style: solid!important;
|
|
}
|
|
|
|
#_testpilot-containers_7 .menu-iconic-left,
|
|
#treestyletab_piro_sakura_ne_jp_8 .menu-iconic-left {
|
|
filter: invert(55%)!important;
|
|
}
|
|
|
|
@media screen and (-moz-windows-theme),
|
|
screen and (-moz-windows-classic),
|
|
screen and (-moz-windows-default-theme),
|
|
screen and (-moz-os-version:windows-win7),
|
|
screen and (-moz-os-version:windows-win8),
|
|
screen and (-moz-os-version:windows-win10) {
|
|
menupopup menuseparator {
|
|
-moz-appearance: none!important;
|
|
background: rgba(0,0,0,0)!important;
|
|
border: 0!important;
|
|
}
|
|
|
|
#context-navigation,
|
|
#context-sep-navigation {
|
|
padding: 0!important;
|
|
}
|
|
|
|
#BMB_bookmarksPopup menupopup {
|
|
padding: 4px 0 0!important;
|
|
}
|
|
|
|
#BMB_bookmarksPopup menupopup[placespopup=true] > hbox,
|
|
#personal-bookmarks menupopup,
|
|
.box-inherit scrollbox-innerbox,
|
|
.panel-arrowcontent,
|
|
menupopup#BMB_bookmarksPopup > menu > menupopup > hbox,
|
|
menupopup#PlacesChevronPopup,
|
|
menupopup#bookmarksMenuPopup,
|
|
menupopup#bookmarksMenuPopup > menu > menupopup,
|
|
menupopup#bookmarksMenuPopup menupopup[placespopup=true],
|
|
menupopup#contentAreaContextMenu,
|
|
menupopup#contentAreaContextMenu menupopup,
|
|
menupopup#downloadsContextMenu,
|
|
menupopup#placesContext,
|
|
menupopup#tabContextMenu,
|
|
menupopup#tabContextMenu menupopup,
|
|
menupopup#toolbar-context-menu,
|
|
toolbaritem#menubar-items menupopup {
|
|
border-color: var(--in-content-page-color)!important;
|
|
border-width: 1px!important;
|
|
border-style: solid!important;
|
|
}
|
|
|
|
#bookmarksMenuPopup,
|
|
#personal-bookmarks menupopup .bookmark-item,
|
|
menupopup#goPopup {
|
|
padding-left: 4px!important;
|
|
padding-right: 4px!important;
|
|
}
|
|
|
|
menupopup#contentAreaContextMenu menupopup,
|
|
menupopup#tabContextMenu > menu > menupopup > .popup-internal-box,
|
|
menupopup#toolbar-context-menu {
|
|
padding-left: 2px!important;
|
|
padding-right: 2px!important;
|
|
}
|
|
|
|
menupopup,
|
|
menupopup > menu > menupopup {
|
|
padding: 4px 0!important;
|
|
}
|
|
|
|
#PlacesToolbar menupopup > menu,
|
|
#PlacesToolbar menupopup > menuitem,
|
|
menupopup#contentAreaContextMenu > menu,
|
|
menupopup#contentAreaContextMenu > menuitem,
|
|
menupopup#placesContext menuitem,
|
|
menupopup#tabContextMenu > menu,
|
|
menupopup#tabContextMenu > menuitem,
|
|
menupopup#tabContextMenu menupopup > menu,
|
|
menupopup#tabContextMenu menupopup > menuitem,
|
|
menupopup#toolbar-context-menu > menuitem {
|
|
font-size: 1.167em!important;
|
|
padding-top: 1px!important;
|
|
padding-bottom: 1px!important;
|
|
}
|
|
|
|
#PlacesToolbar menupopup menupopup > menu,
|
|
#PlacesToolbar menupopup menupopup > menuitem,
|
|
menupopup#contentAreaContextMenu menupopup > menu,
|
|
menupopup#contentAreaContextMenu menupopup > menuitem,
|
|
menupopup#tabContextMenu menupopup > menu,
|
|
menupopup#tabContextMenu menupopup > menuitem,
|
|
menupopup.textbox-contextmenu > menuitem {
|
|
font-size: 1em!important;
|
|
}
|
|
|
|
toolbaritem#menubar-items menupopup > menu,
|
|
toolbaritem#menubar-items menupopup > menuitem {
|
|
font-size: 1.167em!important;
|
|
}
|
|
|
|
toolbaritem#menubar-items menupopup menupopup > menu,
|
|
toolbaritem#menubar-items menupopup menupopup > menuitem {
|
|
font-size: 1em!important;
|
|
}
|
|
|
|
#customization-toolbar-menu,
|
|
toolbaritem#menubar-items menupopup,
|
|
toolbaritem#menubar-items menupopup > menu > menupopup {
|
|
padding-left: 2px!important;
|
|
padding-right: 2px!important;
|
|
}
|
|
|
|
#personal-bookmarks menupopup menuitem,
|
|
menupopup#contentAreaContextMenu menu,
|
|
menupopup#contentAreaContextMenu menuitem {
|
|
padding-top: 1px!important;
|
|
padding-bottom: 1px!important;
|
|
}
|
|
|
|
menupopup#contentAreaContextMenu > .menuitem-iconic {
|
|
padding-top: 0!important;
|
|
padding-bottom: 0!important;
|
|
}
|
|
|
|
menupopup .menu-right {
|
|
margin-right: 0!important;
|
|
}
|
|
}
|
|
#customization-done-button {
|
|
color: var(--in-content-text-color);
|
|
border-color: var(--in-content-primary-button-background)!important;
|
|
background-color: var(---in-content-primary-button-background)!important;
|
|
}
|
|
|
|
#customization-done-button:-moz-any(:focus,:active,:hover):not([disabled]) {
|
|
background-color: var(--in-content-primary-button-background-hover)!important;
|
|
}
|
|
.browserContainer > findbar {
|
|
border-top: 1px solid!important;
|
|
}
|
|
|
|
.findbar-find-next,
|
|
.findbar-find-previous {
|
|
border: none!important;
|
|
background: 0 0!important;
|
|
border-radius: 2px!important;
|
|
fill: var(--in-content-page-color)!important;
|
|
}
|
|
|
|
.findbar-find-previous {
|
|
margin-left: 6px!important;
|
|
}
|
|
|
|
.findbar-find-next:hover,
|
|
.findbar-find-previous:hover {
|
|
background: var(--toolbarbutton-hover-background)!important;
|
|
}
|
|
@-moz-document url(chrome://browser/content/places/places.xul) {
|
|
toolbar {
|
|
-moz-appearance: none!important;
|
|
background-color: var(--in-content-category-header-background)!important;
|
|
border: none!important;
|
|
}
|
|
|
|
listbox,
|
|
textbox {
|
|
-moz-appearance: none!important;
|
|
background-color: var(--in-content-box-background)!important;
|
|
color: var(--in-content-page-color)!important;
|
|
min-height: 20px!important;
|
|
padding: 0 0 0 4px!important;
|
|
border: 1px solid!important;
|
|
border-color: var(--in-content-box-border-color)!important;
|
|
border-radius: 3px!important;
|
|
}
|
|
|
|
#placesToolbar > toolbarbutton {
|
|
margin: 6px 4px 5px!important;
|
|
-moz-appearance: none!important;
|
|
background-color: var(--tone-4)!important;
|
|
border-radius: 5px!important;
|
|
filter: invert(100%)!important;
|
|
}
|
|
|
|
#placesList {
|
|
-moz-appearance: none!important;
|
|
color: var(--in-content-page-color)!important;
|
|
background-color: var(--in-content-page-background)!important;
|
|
}
|
|
|
|
#placesView > splitter {
|
|
border-color: var(--in-content-border-color)!important;
|
|
}
|
|
|
|
#places #downloadsRichListBox {
|
|
-moz-appearance: none!important;
|
|
color: var(--in-content-page-color)!important;
|
|
background-color: var(--in-content-box-background)!important;
|
|
}
|
|
|
|
#detailsDeck {
|
|
border: none!important;
|
|
background-color: var(--in-content-page-background)!important;
|
|
color: var(--in-content-page-color)!important;
|
|
}
|
|
|
|
.expander-down,
|
|
.expander-up {
|
|
filter: invert(60%)!important;
|
|
}
|
|
|
|
#placeContent treechildren:not(.autocomplete-treebody)::-moz-tree-cell-text() {
|
|
color: var(--in-content-text-color)!important;
|
|
}
|
|
|
|
#places treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected),
|
|
#placesList > treechildren::-moz-tree-row(selected) {
|
|
-moz-appearance: none!important;
|
|
-moz-font-smoothing-background-color: none!important;
|
|
border-top: none!important;
|
|
background: var(--theme-selection-background)!important;
|
|
color: var(--in-content-text-color)!important;
|
|
}
|
|
|
|
#placeContent treechildren:not(.autocomplete-treebody)::-moz-tree-cell-text(selected),
|
|
#placesList > treechildren::-moz-tree-cell-text(selected) {
|
|
color: var(--in-content-text-color)!important;
|
|
}
|
|
|
|
#places treechildren::-moz-tree-row {
|
|
background-color: transparent!important;
|
|
}
|
|
|
|
#places treechildren::-moz-tree-image {
|
|
fill: var(--in-content-page-color)!important;
|
|
}
|
|
|
|
#places treechildren::-moz-tree-image(selected) {
|
|
fill: var(--selected-icon-fill-color)!important;
|
|
}
|
|
|
|
#placeContent > treechildren::-moz-tree-cell,
|
|
#placeContent > treechildren::-moz-tree-column {
|
|
border-color: var(--in-content-box-border-color)!important;
|
|
}
|
|
|
|
#contentView treecol {
|
|
-moz-appearance: none!important;
|
|
border: none!important;
|
|
background: var(--in-content-category-header-background)!important;
|
|
color: var(--in-content-text-color)!important;
|
|
border-right: 1px solid!important;
|
|
border-color: var(--in-content-box-border-color)!important;
|
|
}
|
|
|
|
tree {
|
|
background-color: var(--in-content-box-background)!important;
|
|
}
|
|
|
|
@media screen and (-moz-windows-theme),
|
|
screen and (-moz-windows-classic),
|
|
screen and (-moz-windows-default-theme),
|
|
screen and (-moz-os-version:windows-win7),
|
|
screen and (-moz-os-version:windows-win8),
|
|
screen and (-moz-os-version:windows-win10) {
|
|
#metaTagsCaption,
|
|
#security-identity,
|
|
#security-identity-groupbox,
|
|
#security-privacy,
|
|
#security-privacy-groupbox,
|
|
#security-technical,
|
|
#security-technical-groupbox {
|
|
-moz-appearance: none!important;
|
|
background-color: var(--in-content-page-background)!important;
|
|
border: none!important;
|
|
color: var(--in-content-selected-text)!important;
|
|
}
|
|
|
|
#security-identity-groupbox,
|
|
#security-privacy-groupbox,
|
|
#security-technical-groupbox {
|
|
-moz-appearance: none!important;
|
|
background-color: var(--in-content-category-header-background)!important;
|
|
}
|
|
}
|
|
}
|
|
:root {
|
|
--tab-loading-fill: var(--in-content-category-text-selected)!important;
|
|
}
|
|
|
|
.tab-throbber::before {
|
|
fill: var(--in-content-category-text-selected)!important;
|
|
opacity: 1!important;
|
|
}
|
|
|
|
.panel-arrow {
|
|
filter: invert(70%)!important;
|
|
}
|
|
|
|
#appMenu-zoomReset-button,
|
|
.panel-subview-body {
|
|
color: var(--in-content-selected-text)!important;
|
|
background: var(--in-content-box-background)!important;
|
|
}
|
|
|
|
.panel-subview-footer,
|
|
[class^=PanelUI-] {
|
|
color: var(--in-content-selected-text)!important;
|
|
background: var(--in-content-page-background)!important;
|
|
}
|
|
|
|
/*! webextension popup fix */
|
|
|
|
.webextension-popup-browser {
|
|
background: #fff!important;
|
|
}
|
|
|
|
photonpanelmultiview panelview {
|
|
background: 0 0!important;
|
|
color: var(--in-content-page-color)!important;
|
|
}
|
|
|
|
#emptyDownloads {
|
|
background: var(--in-content-box-background)!important;
|
|
color: var(--in-content-page-color)!important;
|
|
}
|
|
|
|
#downloadsFooterButtons {
|
|
background: var(--in-content-page-color)!important;
|
|
color: var(--in-content-page-color)!important;
|
|
}
|
|
|
|
#downloadsFooter[showingsummary] > stack:not(:hover) {
|
|
background-color: var(--in-content-category-header-background)!important;
|
|
}
|
|
|
|
#downloadsListBox {
|
|
background: var(--in-content-page-background)!important;
|
|
}
|
|
|
|
#appMenu-mainView toolbarbutton:hover,
|
|
#customizationui-widget-multiview toolbarbutton:hover,
|
|
#widget-overflow-list toolbarbutton:hover {
|
|
background: var(--in-content-category-header-background)!important;
|
|
}
|
|
|
|
#BMB_bookmarksPopup {
|
|
background: 0 0!important;
|
|
}
|
|
|
|
#identity-popup-securityView {
|
|
background: var(--in-content-box-background)!important;
|
|
}
|
|
|
|
#identity-popup-multiView > .panel-viewcontainer > .panel-viewstack > .panel-subviews {
|
|
background: var(--in-content-box-border-color)!important;
|
|
}
|
|
|
|
.identity-popup-expander[panel-multiview-anchor] {
|
|
background-color: var(--in-content-primary-button-background)!important;
|
|
fill: var(--in-content-text-color)!important;
|
|
}
|
|
|
|
#identity-popup-mainView {
|
|
background: var(--in-content-box-background)!important;
|
|
color: var(--in-content-page-color)!important;
|
|
}
|
|
|
|
#identity-popup[connection^=secure] .identity-popup-security-content {
|
|
fill: var(--in-content-category-text-selected)!important;
|
|
}
|
|
|
|
#identity-popup-permissions-content {
|
|
filter: invert(90%)!important;
|
|
color: var(--in-content-page-background)!important;
|
|
}
|
|
|
|
.identity-popup-expander {
|
|
border-color: var(--in-content-box-border-color)!important;
|
|
background-color: var(--in-content-box-background)!important;
|
|
fill: var(--in-content-box-border-color)!important;
|
|
}
|
|
|
|
.popup-notification-button[default][highlight=true]:not([disabled]) {
|
|
background-color: var(--in-content-primary-button-background)!important;
|
|
color: var(--in-content-text-color);
|
|
}
|
|
|
|
#update-available-whats-new {
|
|
color: var(--in-content-link-color)!important;
|
|
}
|
|
|
|
.popup-notification-icon[popupid=update-available],
|
|
.popup-notification-icon[popupid=update-manual],
|
|
.popup-notification-icon[popupid=update-restart] {
|
|
background-color: var(--in-content-item-selected)!important;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
toolbarbutton {
|
|
text-shadow: none!important;
|
|
}
|
|
|
|
.panel-banner-item > .toolbarbutton-multiline-text {
|
|
color: var(--in-content-page-color)!important;
|
|
}
|
|
|
|
.panel-banner-item {
|
|
background-color: hsla(96,65%,37%,.9)!important;
|
|
}
|
|
|
|
#update-manual-whats-new {
|
|
color: var(--in-content-link-color)!important;
|
|
}
|
|
|
|
toolbar[brighttext] {
|
|
--toolbarbutton-icon-fill-attention: var(--in-content-primary-button-background)!important;
|
|
}
|
|
|
|
::-moz-selection {
|
|
background: var(--in-content-link-color);
|
|
color: var(--in-content-selected-text)!important;
|
|
}
|
|
@-moz-document url(chrome://browser/content/pageinfo/pageInfo.xul) {
|
|
#topBar {
|
|
-moz-appearance: none!important;
|
|
background: var(--in-content-category-header-background)!important;
|
|
}
|
|
|
|
#mainDeck {
|
|
background: var(--in-content-page-background)!important;
|
|
color: #fff!important;
|
|
}
|
|
|
|
textbox {
|
|
color: var(--in-content-page-color)!important;
|
|
}
|
|
|
|
tree {
|
|
-moz-appearance: none!important;
|
|
border-color: var(--in-content-border-color)!important;
|
|
color: --in-content-page-color!important;
|
|
background-color: var(--in-content-box-background)!important;
|
|
}
|
|
|
|
treechildren::-moz-tree-row {
|
|
background-color: transparent!important;
|
|
}
|
|
|
|
treecol {
|
|
-moz-appearance: none!important;
|
|
border: 0 solid!important;
|
|
border-color: var(--in-content-box-background)!important;
|
|
color: var(--in-content-selected-text)!important;
|
|
}
|
|
|
|
treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected,current,focus) {
|
|
background: var(--theme-selection-background-hover)!important;
|
|
}
|
|
|
|
.permission {
|
|
-moz-appearance: none!important;
|
|
background: var(--in-content-box-background)!important;
|
|
color: var(--in-content-page-color)!important;
|
|
border-color: var(--in-content-border-color)!important;
|
|
}
|
|
|
|
#permPluginTemplate {
|
|
color: var(--in-content-page-color)!important;
|
|
}
|
|
|
|
#permList {
|
|
border: 2px solid!important;
|
|
}
|
|
|
|
@media screen and (-moz-windows-theme),
|
|
screen and (-moz-windows-classic),
|
|
screen and (-moz-windows-default-theme),
|
|
screen and (-moz-os-version:windows-win7),
|
|
screen and (-moz-os-version:windows-win8),
|
|
screen and (-moz-os-version:windows-win10) {
|
|
#topBar {
|
|
-moz-appearance: none!important;
|
|
background-color: var(--in-content-category-header-background)!important;
|
|
border: none!important;
|
|
padding-top: 5px!important;
|
|
padding-bottom: 5px!important;
|
|
color: var(--selected-icon-fill-color)!important;
|
|
}
|
|
|
|
#metaTagsCaption,
|
|
#security-identity,
|
|
#security-identity-groupbox,
|
|
#security-privacy,
|
|
#security-privacy-groupbox,
|
|
#security-technical,
|
|
#security-technical-groupbox {
|
|
-moz-appearance: none!important;
|
|
background-color: var(--in-content-page-color)!important;
|
|
border: none!important;
|
|
color: var(--in-content-selected-text)!important;
|
|
}
|
|
|
|
#security-identity-groupbox,
|
|
#security-privacy-groupbox,
|
|
#security-technical-groupbox {
|
|
-moz-appearance: none!important;
|
|
background-color: var(--in-content-category-header-background)!important;
|
|
}
|
|
}
|
|
}
|
|
#navigator-toolbox::after {
|
|
border-bottom: 0!important;
|
|
}
|
|
#content,
|
|
browser[type=content-primary],
|
|
browser[type=content] > html {
|
|
background: var(--in-content-page-background)!important;
|
|
}
|
|
#identity-box.verifiedIdentity {
|
|
--urlbar-separator-color: var(--in-content-border-focus)!important;
|
|
}
|
|
|
|
#identity-box.verifiedIdentity #identity-icon-labels,
|
|
.identity-popup-connection-secure {
|
|
color: var(--in-content-link-color)!important;
|
|
}
|
|
|
|
#connection-icon,
|
|
#identity-popup[connection^=secure] #identity-popup-security-content,
|
|
#identity-popup[connection^=secure] #identity-popup-securityView {
|
|
fill: var(--in-content-link-color)!important;
|
|
}
|
|
#sidebar-header,
|
|
#sidebar-search-container,
|
|
#sidebar-search-container #viewButton,
|
|
.sidebar-header {
|
|
background: var(--in-content-category-header-background)!important;
|
|
color: var(--in-content-page-color)!important;
|
|
}
|
|
|
|
hbox#sidebar-search-container textbox#search-box {
|
|
-moz-appearance: none!important;
|
|
background-color: var(--in-content-box-background)!important;
|
|
color: var(--in-content-page-color)!important;
|
|
min-height: 20px!important;
|
|
padding: 0 0 0 4px!important;
|
|
border: 1px solid!important;
|
|
border-color: var(--in-content-box-border-color)!important;
|
|
border-radius: 3px!important;
|
|
}
|
|
|
|
#sidebar,
|
|
#sidebar-box,
|
|
#webext-panels-browser,
|
|
#webextpanels-window {
|
|
background: var(--in-content-page-background)!important;
|
|
}
|
|
|
|
.sidebar-placesTree {
|
|
-moz-appearance: none!important;
|
|
color: var(--in-content-page-color)!important;
|
|
background-color: var(--in-content-page-background)!important;
|
|
opacity: 1!important;
|
|
}
|
|
|
|
#sidebar-box[sidebarcommand=treestyletab_piro_sakura_ne_jp-sidebar-action] #sidebar-icon {
|
|
filter: invert(60%);
|
|
}
|
|
|
|
#button_treestyletab_piro_sakura_ne_jp-sidebar-action .toolbarbutton-icon {
|
|
filter: invert(87%);
|
|
}
|
|
|
|
.button-menu-dropmarker,
|
|
.button-menubutton-dropmarker {
|
|
filter: invert(65%);
|
|
}
|
|
|
|
.sidebar-placesTree::-moz-tree-image,
|
|
.sidebar-placesTreechildren::-moz-tree-image {
|
|
fill: var(--in-content-page-color)!important;
|
|
}
|
|
statuspanel .statuspanel-label {
|
|
background-color: var(--in-content-category-header-background)!important;
|
|
color: var(--in-content-page-color)!important;
|
|
border: none!important;
|
|
}
|
|
.tab-line[selected=true] {
|
|
background-color: var(--in-content-border-focus)!important;
|
|
}
|
|
menupopup menuseparator {
|
|
-moz-appearance: none!important;
|
|
background: rgba(0,0,0,0)!important;
|
|
border: 0!important;
|
|
}
|
|
|
|
#context-navigation,
|
|
#context-sep-navigation {
|
|
padding: 0!important;
|
|
}
|
|
|
|
#BMB_bookmarksPopup menupopup {
|
|
padding: 4px 0 0!important;
|
|
}
|
|
|
|
#BMB_bookmarksPopup menupopup[placespopup=true] > hbox,
|
|
#personal-bookmarks menupopup,
|
|
.box-inherit scrollbox-innerbox,
|
|
.panel-arrowcontent,
|
|
menupopup#BMB_bookmarksPopup > menu > menupopup > hbox,
|
|
menupopup#PlacesChevronPopup,
|
|
menupopup#bookmarksMenuPopup,
|
|
menupopup#bookmarksMenuPopup > menu > menupopup,
|
|
menupopup#bookmarksMenuPopup menupopup[placespopup=true],
|
|
menupopup#contentAreaContextMenu,
|
|
menupopup#contentAreaContextMenu menupopup,
|
|
menupopup#downloadsContextMenu,
|
|
menupopup#placesContext,
|
|
menupopup#tabContextMenu,
|
|
menupopup#tabContextMenu menupopup,
|
|
menupopup#toolbar-context-menu,
|
|
toolbaritem#menubar-items menupopup {
|
|
border-color: var(--in-content-page-color)!important;
|
|
border-width: 1px!important;
|
|
border-style: solid!important;
|
|
}
|
|
|
|
#bookmarksMenuPopup,
|
|
#personal-bookmarks menupopup .bookmark-item,
|
|
menupopup#goPopup {
|
|
padding-left: 4px!important;
|
|
padding-right: 4px!important;
|
|
}
|
|
|
|
menupopup#contentAreaContextMenu menupopup,
|
|
menupopup#tabContextMenu > menu > menupopup > .popup-internal-box,
|
|
menupopup#toolbar-context-menu {
|
|
padding-left: 2px!important;
|
|
padding-right: 2px!important;
|
|
}
|
|
|
|
menupopup,
|
|
menupopup > menu > menupopup {
|
|
padding: 4px 0!important;
|
|
}
|
|
|
|
#PlacesToolbar menupopup > menu,
|
|
#PlacesToolbar menupopup > menuitem,
|
|
menupopup#contentAreaContextMenu > menu,
|
|
menupopup#contentAreaContextMenu > menuitem,
|
|
menupopup#placesContext menuitem,
|
|
menupopup#tabContextMenu > menu,
|
|
menupopup#tabContextMenu > menuitem,
|
|
menupopup#tabContextMenu menupopup > menu,
|
|
menupopup#tabContextMenu menupopup > menuitem,
|
|
menupopup#toolbar-context-menu > menuitem {
|
|
font-size: 1.167em!important;
|
|
padding-top: 1px!important;
|
|
padding-bottom: 1px!important;
|
|
}
|
|
|
|
#PlacesToolbar menupopup menupopup > menu,
|
|
#PlacesToolbar menupopup menupopup > menuitem,
|
|
menupopup#contentAreaContextMenu menupopup > menu,
|
|
menupopup#contentAreaContextMenu menupopup > menuitem,
|
|
menupopup#tabContextMenu menupopup > menu,
|
|
menupopup#tabContextMenu menupopup > menuitem,
|
|
menupopup.textbox-contextmenu > menuitem {
|
|
font-size: 1em!important;
|
|
}
|
|
|
|
toolbaritem#menubar-items menupopup > menu,
|
|
toolbaritem#menubar-items menupopup > menuitem {
|
|
font-size: 1.167em!important;
|
|
}
|
|
|
|
toolbaritem#menubar-items menupopup menupopup > menu,
|
|
toolbaritem#menubar-items menupopup menupopup > menuitem {
|
|
font-size: 1em!important;
|
|
}
|
|
|
|
#customization-toolbar-menu,
|
|
toolbaritem#menubar-items menupopup,
|
|
toolbaritem#menubar-items menupopup > menu > menupopup {
|
|
padding-left: 2px!important;
|
|
padding-right: 2px!important;
|
|
}
|
|
|
|
#personal-bookmarks menupopup menuitem,
|
|
menupopup#contentAreaContextMenu menu,
|
|
menupopup#contentAreaContextMenu menuitem {
|
|
padding-top: 1px!important;
|
|
padding-bottom: 1px!important;
|
|
}
|
|
|
|
menupopup#contentAreaContextMenu > .menuitem-iconic {
|
|
padding-top: 0!important;
|
|
padding-bottom: 0!important;
|
|
}
|
|
|
|
menupopup .menu-right {
|
|
margin-right: 0!important;
|
|
}
|
|
@-moz-document url(chrome://browser/content/places/places.xul),
|
|
url(chrome://browser/content/places/bookmarkProperties.xul) {
|
|
#metaTagsCaption,
|
|
#security-identity,
|
|
#security-identity-groupbox,
|
|
#security-privacy,
|
|
#security-privacy-groupbox,
|
|
#security-technical,
|
|
#security-technical-groupbox {
|
|
-moz-appearance: none!important;
|
|
background-color: var(--in-content-page-background)!important;
|
|
border: none!important;
|
|
color: var(--in-content-selected-text)!important;
|
|
}
|
|
|
|
#security-identity-groupbox,
|
|
#security-privacy-groupbox,
|
|
#security-technical-groupbox {
|
|
-moz-appearance: none!important;
|
|
background-color: var(--in-content-category-header-background)!important;
|
|
}
|
|
}
|
|
@-moz-document url(chrome://browser/content/pageinfo/pageInfo.xul) {
|
|
#topBar {
|
|
-moz-appearance: none!important;
|
|
background-color: var(--in-content-category-header-background)!important;
|
|
border: none!important;
|
|
padding-top: 5px!important;
|
|
padding-bottom: 5px!important;
|
|
color: var(--selected-icon-fill-color)!important;
|
|
}
|
|
|
|
#metaTagsCaption,
|
|
#security-identity,
|
|
#security-identity-groupbox,
|
|
#security-privacy,
|
|
#security-privacy-groupbox,
|
|
#security-technical,
|
|
#security-technical-groupbox {
|
|
-moz-appearance: none!important;
|
|
background-color: var(--in-content-page-color)!important;
|
|
border: none!important;
|
|
color: var(--in-content-selected-text)!important;
|
|
}
|
|
|
|
#security-identity-groupbox,
|
|
#security-privacy-groupbox,
|
|
#security-technical-groupbox {
|
|
-moz-appearance: none!important;
|
|
background-color: var(--in-content-category-header-background)!important;
|
|
}
|
|
} |