/* 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; } }