:root { --blue-40: #45a1ff; --blue-50: #0a84ff; --blue-60: #0060df; --blue-70: #003eaa; --blue-80: #002275; --blue-90: #000f40; --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; --in-content-page-background: var(--tone-7)!important; --in-content-text-color: var(--tone-3)!important; --in-content-selected-text: var(--tone-1)!important; --in-content-box-background: var(--tone-6)!important; --in-content-box-background-odd: #f3f6fa; --in-content-box-background-hover: var(--tone-6)!important; --in-content-box-background-active: var(--tone-6)!important; --in-content-box-border-color: var(--tone-5)!important; --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; --in-content-border-color: var(--tone-6)!important; --in-content-category-outline-focus: 1px dotted #0a84ff; --in-content-category-text: var(--tone-4)!important; --in-content-category-text-active: #0c0c0d; --in-content-category-text-selected: var(--accent-1)!important; --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; --panel-separator-color: var(--in-content-border-color)!important; --tab-loading-fill: var(--in-content-category-text-selected)!important } /*! 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 } .radio-check[selected] { list-style-image: url(chrome://global/skin/in-content/radio.svg); fill: var(--accent-1)!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 } 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 } menulist:not([editable=true]) > .menulist-dropmarker, treecol:not([hideheader=true]) > .treecol-sortdirection[sortDirection] { fill: var(--in-content-category-text)!important } fieldset > legend, treecol:not([hideheader=true]), treecolpicker { 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 } } #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(--primary-dark-color)!important; color: var(--primary-light-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 } } .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 }