API tools faq
paste
Guest User

Firefox userchrome.css Windows 10/Edge icons

a guest
Apr 19th, 2019
493
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 78.98 KB | None | 0 0
raw download clone embed print report
  1. @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  2.  
  3. @-moz-document url("chrome://browser/content/browser.xul"),
  4.                url("chrome://browser/content/bookmarks/bookmarksPanel.xul"),
  5.                url("chrome://browser/content/history/history-panel.xul");
  6.  
  7. /*======================================================================
  8.   Root - Changes the title bar colors for Windows 10's light & dark themes
  9.   =======================================================================*/
  10.  
  11. :root {
  12.   --chrome-background-color: var(--second-level-bg-color) !important;
  13.   --chrome-secondary-background-color: var(--top-level-bg-color) !important;
  14. }
  15.  
  16. :root:not(:-moz-lwtheme){
  17.   color: var(--lwt-text-color) !important;
  18.   border: none !important;
  19. }
  20.                  
  21. /*======================================================================
  22.   Scrollbars - Prevents all tabs dropdown function
  23.   =======================================================================*/
  24.  
  25. toolbarbutton#alltabs-button {
  26.   -moz-binding: url("userChrome.xml#js");
  27. }
  28.  
  29. /*======================================================================
  30.   Main window & titlebar buttons
  31.   =======================================================================*/
  32.  
  33. #main-window {
  34.   background-color: var(--second-level-bg-color) !important;
  35. }
  36.  
  37. @media (-moz-os-version: windows-xp),
  38.   (-moz-os-version: windows-vista),
  39.   (-moz-os-version: windows-win7),
  40.   (-moz-os-version: windows-win8) {
  41.     #main-window {
  42.       -moz-appearance: none !important;
  43.     }
  44. }
  45.  
  46. #main-menubar {
  47.   color: var(--main-font-color) !important;
  48. }
  49.  
  50. #main-menubar > menu {
  51.   background-color: var(--second-level-bg-color) !important;
  52. }
  53.  
  54. #main-menubar > menu:hover {
  55.   background-color: var(--second-level-bg-hover-color) !important;
  56. }
  57.  
  58. #main-menubar > menu:hover:active,
  59. #main-menubar > menu[open="true"] {
  60.   background-color: var(--second-level-bg-active-color) !important;
  61.   border-width: 2px !important;
  62. }
  63.  
  64. #main-window[sizemode="normal"] #TabsToolbar {
  65.   margin-top: -1px !important;
  66.   margin-left: -1px !important;
  67. }
  68.  
  69. /* ----- Dark mode options ----- */
  70. #main-window[lwthemetextcolor=bright] {
  71.   background-color: var(--dark-second-level-bg-color) !important;
  72. }
  73.  
  74. #main-window[lwthemetextcolor=bright] #main-menubar {
  75.   color: var(--dark-main-font-color) !important;
  76. }
  77.  
  78. #main-window[lwthemetextcolor=bright] #main-menubar > menu {
  79.   background-color: var(--dark-second-level-bg-color) !important;
  80. }
  81.  
  82. #main-window[lwthemetextcolor=bright] #main-menubar > menu:hover {
  83.   background-color: var(--dark-second-level-bg-hover-color) !important;
  84. }
  85.  
  86. #main-window[lwthemetextcolor=bright] #main-menubar > menu:hover:active,
  87. #main-window[lwthemetextcolor=bright] #main-menubar > menu[open="true"] {
  88.   background-color: var(--dark-second-level-bg-active-color) !important;
  89. }
  90.  
  91. #main-window[lwthemetextcolor=bright] .titlebar-button {
  92.   stroke: white;
  93. }
  94.  
  95. /* ::::: Tooltips ::::: */
  96. tooltip {
  97.   -moz-appearance: none !important;
  98.   color: var(--tooltip-text-color) !important;
  99.   background-color: var(--tooltip-bg-color) !important;
  100.   border: 1px solid var(--main-accent-color) !important;
  101.   padding: 6.5px !important;
  102. }
  103.  
  104. /* ----- Dark mode options ----- */
  105. #main-window[lwthemetextcolor=bright] tooltip {
  106.   color: var(--dark-tooltip-text-color) !important;
  107.   background-color: var(--dark-tooltip-bg-color) !important;
  108.   border: 1px solid var(--main-accent-color) !important;
  109. }
  110.  
  111. /*======================================================================
  112.   Tabs
  113.   =======================================================================*/
  114.  
  115. .tabbrowser-tab[visuallyselected="true"] .tab-stack {
  116.    /*padding-bottom: 1px !important;*/
  117.   color: var(--main-font-color) !important;
  118. }
  119.  
  120. .tabbrowser-tab:not([visuallyselected="true"]), .tabbrowser-tab {
  121.   color: var(--inactive-font-color) !important;
  122. }
  123.  
  124. .tabbrowser-tab:hover:not([selected]) {
  125.   color: var(--main-font-color) !important;
  126.   background-color: var(--second-level-bg-hover-color) !important;
  127. }
  128.  
  129. .tabbrowser-tab[selected] {
  130.   color: var(--main-font-color) !important;
  131.   background: transparent !important;
  132. }
  133.  
  134. .tabbrowser-tab[selected] > .tab-stack {
  135.   background-color: var(--top-level-bg-color) !important;
  136. }
  137.  
  138. .tab-background {
  139.   background: transparent !important;
  140. }
  141.  
  142. .tab-background-start,
  143. .tab-background-end {
  144.   display: none !important;
  145. }
  146.  
  147. /* ----- Dark mode options ----- */
  148. #main-window[lwthemetextcolor=bright] .tabbrowser-tab[visuallyselected="true"] .tab-stack {
  149.   color: var(--dark-main-font-color) !important;
  150. }
  151.  
  152. #main-window[lwthemetextcolor=bright] .tabbrowser-tab:not([visuallyselected="true"]), .tabbrowser-tab {
  153.   color: var(--dark-inactive-font-color) !important;
  154. }
  155.  
  156. #main-window[lwthemetextcolor=bright] .tabbrowser-tab:hover:not([selected]) {
  157.   color: var(--dark-main-font-color) !important;
  158.   background-color: var(--dark-second-level-bg-hover-color) !important;
  159. }
  160.  
  161. #main-window[lwthemetextcolor=bright]  .tabbrowser-tab[selected] {
  162.   color: var(--dark-main-font-color) !important;
  163. }
  164.  
  165. #main-window[lwthemetextcolor=bright] .tabbrowser-tab[selected] > .tab-stack {
  166.   background-color: var(--dark-top-level-bg-color) !important;
  167. }
  168.  
  169. /* ::::: New tab button ::::: */
  170. .tabs-newtab-button .toolbarbutton-icon,
  171. #TabsToolbar #new-tab-button .toolbarbutton-icon {
  172.   list-style-image: var(--new-tab-button-image) !important;
  173.   border-radius: 0 !important;
  174. }
  175.  
  176. .tabs-newtab-button:hover,
  177. #TabsToolbar #new-tab-button:hover {
  178.   background: var(--top-level-bg-color) !important;
  179. }
  180.  
  181. .tabs-newtab-button:hover:active,
  182. #TabsToolbar #new-tab-button:hover:active {
  183.   background: var(--tab-button-bg-active-color) !important;
  184. }
  185.  
  186. /* ----- Dark mode options ----- */
  187. #main-window[lwthemetextcolor=bright] .tabs-newtab-button .toolbarbutton-icon,
  188. #main-window[lwthemetextcolor=bright] #TabsToolbar #new-tab-button .toolbarbutton-icon {
  189.   list-style-image: var(--dark-new-tab-button-image) !important;
  190. }
  191.  
  192. #main-window[lwthemetextcolor=bright] .tabs-newtab-button:hover,
  193. #main-window[lwthemetextcolor=bright] #TabsToolbar #new-tab-button:hover {
  194.   background-color: var(--dark-top-level-bg-color) !important;
  195. }
  196.  
  197. #main-window[lwthemetextcolor=bright] .tabs-newtab-button:hover:active,
  198. #main-window[lwthemetextcolor=bright] #TabsToolbar #new-tab-button:hover:active {
  199.   background: var(--dark-tab-button-bg-active-color) !important;
  200. }
  201.  
  202. /* ::::: Tab line ::::: */
  203. .tab-line {
  204.   background: var(--identity-tab-color) !important;
  205.   height: 3px !important;
  206. }  
  207.  
  208. #TabsToolbar[brighttext] > #tabbrowser-tabs > .tabbrowser-tab::before,
  209. #TabsToolbar[brighttext] > #tabbrowser-tabs > .tabbrowser-tab::after {
  210.   opacity: 1;
  211. }
  212.  
  213. /* ::::: Tab close button ::::: */
  214. .tabbrowser-tab .close-icon {
  215.   list-style-image: var(--tab-close-image) !important;
  216.   -moz-image-region: rect(0, 20px, 20px, 0px);
  217.   background-image: none !important;
  218.   height: 20px !important;
  219.   width: 20px !important;
  220. }
  221.  
  222. .tabbrowser-tab .close-icon:hover {
  223.   list-style-image: var(--tab-close-hover-image) !important;
  224. }
  225.  
  226. .tabbrowser-tab .close-icon:hover:active {
  227.   list-style-image: var(--tab-close-hover-active-image) !important;
  228. }
  229.  
  230. .tab-close-button:not([selected]) {
  231.   display: none !important;
  232. }
  233.  
  234. tab:hover:not([pinned]) .tab-close-button {
  235.   display: -moz-box !important;
  236. }
  237.  
  238.  #tabbrowser-tabs[overflow] > .tabbrowser-tab[pinned] {
  239.   padding-bottom: 15px !important;
  240.   height: 32px !important;
  241. }
  242.  
  243. /* ..... Only show close buttons on background tabs when hovering with the mouse  ..... */
  244. .tabbrowser-tab:not([selected]):not([pinned]) .tab-close-button {
  245.   display: none !important;
  246. }
  247.  
  248. .tabbrowser-tab:not([selected]):not([pinned]):hover .tab-close-button {
  249.   display: -moz-box !important;
  250. }
  251.  
  252. /* ----- Dark mode options ----- */
  253. #main-window[lwthemetextcolor=bright] .tab-close-button {
  254.   list-style-image: var(--dark-tab-close-button-image) !important;
  255. }
  256.  
  257. #main-window[lwthemetextcolor=bright] .tab-close-button:hover,
  258. #main-window[lwthemetextcolor=bright] .tab-close-button:hover[selected="true"] {
  259.   list-style-image: var(--dark-tab-close-hover-image) !important;
  260. }
  261.  
  262. #main-window[lwthemetextcolor=bright] .tab-close-button:hover:active,
  263. #main-window[lwthemetextcolor=bright] .tab-close-button:hover:active[selected="true"] {
  264.   list-style-image: var(--dark-tab-close-hover-active-image) !important;
  265. }
  266.  
  267. /* ::::: Tabs scrolling ::::: */
  268. /* ..... Scrolling ..... */
  269. .tabbrowser-arrowscrollbox > .scrollbutton-up,
  270. .tabbrowser-arrowscrollbox > .scrollbutton-down,
  271. #TabsToolbar[brighttext] > #tabbrowser-tabs > .tabbrowser-arrowscrollbox > .scrollbutton-up,
  272. #TabsToolbar[brighttext] > #tabbrowser-tabs > .tabbrowser-arrowscrollbox > .scrollbutton-down
  273.  {
  274.   list-style-image: var(--tab-scroll-up-image) !important;
  275.   -moz-image-region: rect(0, 15px, 17px, 0) !important;
  276.   background-color: var(--tab-scroll-up-down-bg-color) !important;
  277.   width: 34px !important;
  278. }
  279.  
  280. .tabbrowser-arrowscrollbox > .scrollbutton-up:not([disabled="true"]):hover,
  281. .tabbrowser-arrowscrollbox > .scrollbutton-down:not([disabled="true"]):hover {
  282.   background-color: var(--tab-scroll-up-down-bg-hover-color) !important;
  283. }
  284.  
  285. .tabbrowser-arrowscrollbox > .scrollbutton-up:not([disabled="true"]):hover:active,
  286. .tabbrowser-arrowscrollbox > .scrollbutton-down:not([disabled="true"]):hover:active {
  287.   background-color: var(--tab-scroll-up-down-bg-active-color) !important;
  288. }
  289.  
  290. .arrowscrollbox-overflow-start-indicator,
  291. .arrowscrollbox-overflow-end-indicator {
  292.   display: none !important;
  293. }
  294.  
  295. .tabbrowser-arrowscrollbox > .scrollbutton-up:-moz-locale-dir(rtl), .tabbrowser-arrowscrollbox > .scrollbutton-down:-moz-locale-dir(ltr) {
  296.     transform: none !important;
  297.   list-style-image: var(--tab-scroll-down-image) !important;
  298. }
  299.  
  300. /* ----- Dark mode options ----- */
  301. #main-window[lwthemetextcolor=bright] .tabbrowser-arrowscrollbox > .scrollbutton-up,
  302. #main-window[lwthemetextcolor=bright] .tabbrowser-arrowscrollbox > .scrollbutton-down,
  303. #TabsToolbar[brighttext] > #tabbrowser-tabs > .tabbrowser-arrowscrollbox > .scrollbutton-up,
  304. #TabsToolbar[brighttext] > #tabbrowser-tabs > .tabbrowser-arrowscrollbox > .scrollbutton-down {
  305.   list-style-image: var(--dark-tab-scroll-up-image) !important;
  306.   background-color: var(--dark-tab-scroll-up-down-bg-color) !important;
  307. }
  308.  
  309. #main-window[lwthemetextcolor=bright] .tabbrowser-arrowscrollbox > .scrollbutton-up:not([disabled="true"]):hover,
  310. #main-window[lwthemetextcolor=bright] .tabbrowser-arrowscrollbox > .scrollbutton-down:not([disabled="true"]):hover {
  311.   background-color: var(--dark-tab-scroll-up-down-bg-hover-color) !important;
  312. }
  313.  
  314. #main-window[lwthemetextcolor=bright] .tabbrowser-arrowscrollbox > .scrollbutton-up:not([disabled="true"]):hover:active,
  315. #main-window[lwthemetextcolor=bright] .tabbrowser-arrowscrollbox > .scrollbutton-down:not([disabled="true"]):hover:active {
  316.   background-color: var(--dark-tab-scroll-up-down-bg-active-color) !important;
  317. }
  318.  
  319. #main-window[lwthemetextcolor=bright] .tabbrowser-arrowscrollbox > .scrollbutton-up[disabled="true"],
  320. #main-window[lwthemetextcolor=bright] .tabbrowser-arrowscrollbox > .scrollbutton-down[disabled="true"] {
  321.   background-color: var(--dark-tab-scroll-up-down-bg-disabled-color) !important;
  322. }
  323.  
  324. #main-window[lwthemetextcolor=bright] .tabbrowser-arrowscrollbox > .scrollbutton-up:-moz-locale-dir(rtl),
  325. #main-window[lwthemetextcolor=bright] .tabbrowser-arrowscrollbox > .scrollbutton-down:-moz-locale-dir(ltr) {
  326.   list-style-image: var(--dark-tab-scroll-down-image) !important;
  327. }
  328.  
  329. /* ..... All tabs ..... */
  330. #TabsToolbar #alltabs-button,
  331. #TabsToolbar[brighttext] > #alltabs-button {
  332.   list-style-image: var(--all-tabs-image) !important;
  333.   background-color: transparent !important;
  334.   background-image: none !important;
  335.   width: 32px !important;
  336.   padding: 0 !important;
  337.   opacity: .7 !important;
  338. }
  339.  
  340. #TabsToolbar #alltabs-button:hover {
  341.   background-color: var(--top-level-bg-color) !important;
  342.   opacity: .9 !important;
  343. }
  344.  
  345. #TabsToolbar #alltabs-button:hover:active {
  346.   background-color: var(--tab-button-bg-active-color) !important;
  347.   opacity: 1 !important;
  348. }
  349.  
  350. /* ----- Dark mode options ----- */
  351. #main-window[lwthemetextcolor=bright] #TabsToolbar #alltabs-button,
  352. #TabsToolbar[brighttext] > #alltabs-button {
  353.   list-style-image: var(--dark-all-tabs-image) !important;
  354. }
  355.  
  356. #main-window[lwthemetextcolor=bright] #TabsToolbar #alltabs-button:hover {
  357.   background-color: var(--dark-top-level-bg-color) !important;
  358. }
  359.  
  360. #main-window[lwthemetextcolor=bright] #TabsToolbar #alltabs-button:hover:active {
  361.   background-color: var(--dark-tab-button-bg-active-color) !important;
  362.   opacity: 1 !important;
  363. }
  364.  
  365. /* ::::: Tab icon image ::::: */
  366. .tab-icon-image {
  367.   list-style-image: var(--tab-icon-image) !important;
  368. }
  369.  
  370. .tabbrowser-tab:not(:hover):not([selected]) .tab-icon-image:not([src]) {
  371.   opacity: .6;
  372. }
  373.  
  374. .tab-icon-image:not([src]):not([pinned]):not([crashed]):not([busy]) {
  375.   display: block !important;
  376. }
  377.  
  378. /* ----- Dark mode options ----- */
  379. #main-window[lwthemetextcolor=bright] .tab-icon-image {
  380.   list-style-image: var(--dark-tab-icon-image) !important;
  381. }
  382.  
  383. /* ..... Sound images ..... */
  384. .tab-icon-sound:not([activemedia-blocked]) {
  385.   list-style-image: var(--tab-sound-image) !important;
  386.   opacity: 1 !important;
  387. }
  388.  
  389. .tab-icon-sound[soundplaying] {
  390.   -moz-image-region: rect(0, 16px, 16px, 0);
  391.   opacity: 0.9 !important;
  392. }
  393.  
  394. .tab-icon-sound[soundplaying]:hover {
  395.   opacity: 0.95 !important;
  396. }
  397.  
  398. .tab-icon-sound[soundplaying]:hover:active {
  399.   opacity: 1 !important;
  400. }
  401.  
  402. .tab-icon-sound[muted] {
  403.   list-style-image: var(--tab-muted-image) !important;
  404.   opacity: 0.9 !important;
  405. }
  406.  
  407. .tab-icon-sound[muted]:hover {
  408.   opacity: 0.95 !important;
  409. }
  410.  
  411. .tab-icon-sound[muted]:hover:active {
  412.   opacity: 1.0 !important;
  413. }
  414.  
  415. .tab-icon-sound {
  416.   order: 2 !important;
  417. }
  418.  
  419. .tabbrowser-tab:not([visuallyselected]):not(:hover) > .tab-stack >.tab-content > .tab-icon-sound {
  420.   opacity: 0.6 !important;
  421. }
  422.                  
  423. .tabbrowser-tab:not([visuallyselected]):not(:hover) > .tab-stack >.tab-content > .tab-icon-sound[activemedia-blocked] {
  424.   opacity: 1 !important;
  425. }
  426.  
  427. .tabbrowser-tab[pinned][soundplaying] > .tab-stack >.tab-content > .tab-icon-image,
  428. .tabbrowser-tab[pinned][soundplaying] > .tab-stack >.tab-content > .tab-icon-overlay {
  429.   display: none !important;
  430. }
  431.  
  432. .tabbrowser-tab[pinned][muted] > .tab-stack >.tab-content > .tab-icon-overlay {
  433.   display: none !important;
  434. }
  435.  
  436. .tabbrowser-tab[pinned][soundplaying] > .tab-stack >.tab-content > .tab-icon-sound {
  437.   display: block !important;
  438.   margin-left: 0px !important;
  439.   margin-right: 6px !important;
  440. }
  441.  
  442. /* ----- Dark mode options ----- */
  443. #main-window[lwthemetextcolor=bright] .tab-icon-sound:not([activemedia-blocked]) {
  444.     list-style-image: var(--dark-tab-sound-image) !important;
  445. }
  446.  
  447. #main-window[lwthemetextcolor=bright] .tab-icon-sound[muted] {
  448.     list-style-image: var(--dark-tab-muted-image) !important;
  449. }
  450.  
  451. /* ..... Put tab's audio icon on left side of the text ..... */
  452. .tab-content {
  453.   display: -moz-box;
  454.   -moz-box-orient: horizontal;
  455. }
  456.  
  457. .tab-throbber {
  458.   -moz-box-ordinal-group: 0;
  459. }
  460.  
  461. .tab-icon-image {
  462.   -moz-box-ordinal-group: 1;
  463. }
  464.  
  465. .tab-sharing-icon-overlay {
  466.   -moz-box-ordinal-group: 1;
  467. }
  468.  
  469. .tab-icon-overlay {
  470.   -moz-box-ordinal-group: 1;
  471. }
  472.  
  473. .tab-label-container {
  474.   -moz-box-ordinal-group: 3;
  475. }
  476.  
  477. .tab-icon-sound {
  478.   -moz-box-ordinal-group: 4;
  479. }
  480.  
  481. .tab-close-button {
  482.   -moz-box-ordinal-group: 5;
  483. }
  484.  
  485. .tab-icon-sound {
  486.   -moz-box-ordinal-group: 2;
  487. /*margin-left: 3px !important;*/
  488.   margin-right: 3px !important;
  489. }
  490.  
  491. .tab-label:not([pinned]) {
  492.   margin-left: 3px !important;
  493. }
  494.  
  495. /* ::::: Tab animations ::::: */
  496. /* ..... New tab animation ..... */
  497. .tabbrowser-tab:not([pinned]) > .tab-stack {
  498.   transform: translateY(0px);
  499.   transition: transform 100ms linear;
  500. }
  501.  
  502. .tabbrowser-tab:not([pinned]):not([fadein]) > .tab-stack {
  503.   transform: translateY(32px);
  504. }
  505.  
  506. /* ..... Tab attention animation ..... */
  507. @keyframes tab-attention {  
  508.   0% { background-color: var(--tab-attention-color-1); }
  509.   40% { background-color: var(--tab-attention-color-2); }
  510.   100% { background-color: var(--tab-attention-color-1); }
  511. }
  512.  
  513. .tabbrowser-tab:-moz-any([image], [pinned]) > .tab-stack > .tab-content[attention]:not([visuallyselected="true"]),
  514. .tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([visuallyselected="true"]) {
  515.   background-image: none !important;
  516.   -moz-animation: tab-attention 1.5s cubic-bezier(.20,.42,.60,.57) infinite;
  517. }
  518.  
  519. .tab-label[attention]:not([visuallyselected="true"]) {
  520.   font-weight: normal !important;
  521. }
  522.  
  523. /* ::::: Remove titlebar spacers ::::: */
  524. #TabsToolbar .titlebar-spacer[type="pre-tabs"]{
  525.   display: none !important;
  526. }
  527.  
  528. #TabsToolbar .titlebar-spacer[type="post-tabs"]{
  529.   display: none !important;
  530. }
  531.  
  532. /* ::::: Container tab usercontext colors ::::: */
  533. .tab-bottom-line {
  534.   display: none !important;
  535. }
  536.  
  537. .tabbrowser-tab {
  538.   --tab-loading-fill: Highlight !important;
  539. }
  540.  
  541. .tabbrowser-tab[usercontextid] {
  542.   --tab-loading-fill: var(--identity-tab-color) !important;
  543. }
  544.                  
  545. /* ::::: New tab flash color ::::: */
  546. .browserContainer {
  547.   background-color: var(--new-tab-color) !important;
  548. }
  549.  
  550. /* ::::: Active tab shadows ::::: */
  551. .tabbrowser-tab[visuallyselected="true"]:not([pinned]) {
  552.   box-shadow: 0px 0px 8px 0px #666;
  553. }
  554.  
  555. /* ----- Dark mode options ----- */
  556. #main-window[lwthemetextcolor=bright] .tabbrowser-tab[visuallyselected="true"] {
  557.   box-shadow: 0px 0px 0px 0px #fff;
  558. }
  559.  
  560. /* ::::: Toolbar button on tab toolbar ::::: */
  561. /*
  562. #TabsToolbar .toolbarbutton-menu-dropmarker,
  563. #TabsToolbar .toolbarbutton-1,
  564. #TabsToolbar .toolbarbutton-menubutton-button,
  565. #TabsToolbar .toolbarbutton-menubutton-dropmarker {
  566.   border: none !important;
  567.   background: none !important;
  568.   box-shadow: none !important;
  569. }
  570. */
  571.  
  572. /*
  573. #TabsToolbar .toolbarbutton-menu-dropmarker {
  574. -moz-appearance: none !important;
  575.   padding: 0 !important;
  576.     list-style-image: var(--dropdown-image) !important;
  577.   margin-left: 3px !important;
  578. }
  579. */
  580.  
  581. /*
  582. #TabsToolbar .toolbarbutton-1[type="menu-button"] {
  583.   padding-left: 0 !important;
  584. }
  585.  
  586. #TabsToolbar .toolbarbutton-menubutton-dropmarker {
  587.   width: 16px !important;
  588. }
  589. */
  590.  
  591. /*
  592. #TabsToolbar .toolbarbutton-1:not([type="menu-button"]):hover,
  593. #TabsToolbar .toolbarbutton-1:not([id="bookmarks-menu-button"]) > .toolbarbutton-menubutton-button:hover,
  594. #TabsToolbar .toolbarbutton-1:not([id="bookmarks-menu-button"]):not([buttonover]):not([open]):not(:active):hover > .toolbarbutton-menubutton-dropmarker {
  595.   background-color: var(--second-level-alt-bg-hover-color) !important;
  596. }
  597.  
  598. #TabsToolbar .toolbarbutton-1:not([type="menu-button"]):hover:active,
  599. #TabsToolbar .toolbarbutton-1:not([id="bookmarks-menu-button"]) > .toolbarbutton-menubutton-button:hover:active {
  600.   background-color: var(--second-level-alt-bg-active-color) !important;
  601. }
  602. */
  603. /* ----- Dark mode options ----- */
  604. /*
  605. #main-window[lwthemetextcolor=bright] #TabsToolbar .toolbarbutton-menu-dropmarker {
  606.   list-style-image: var(--dark-default-dropdown-image) !important;
  607. }
  608. */
  609. /*
  610. #main-window[lwthemetextcolor=bright] #TabsToolbar .toolbarbutton-1:not([type="menu-button"]):hover,
  611. #main-window[lwthemetextcolor=bright] #TabsToolbar .toolbarbutton-1:not([id="bookmarks-menu-button"]) > .toolbarbutton-menubutton-button:hover,
  612. #main-window[lwthemetextcolor=bright] #TabsToolbar .toolbarbutton-1:not([id="bookmarks-menu-button"]):not([buttonover]):not([open]):not(:active):hover > .toolbarbutton-menubutton-dropmarker {
  613.   background-color: var(--dark-second-level-alt-bg-hover-color) !important;
  614. }
  615.  
  616. #main-window[lwthemetextcolor=bright] #TabsToolbar .toolbarbutton-1:not([type="menu-button"]):hover:active,
  617. #main-window[lwthemetextcolor=bright] #TabsToolbar .toolbarbutton-1:not([id="bookmarks-menu-button"]) > .toolbarbutton-menubutton-button:hover:active {
  618.   background-color: var(--dark-second-level-alt-bg-active-color) !important;
  619. }
  620. */
  621.  
  622. /*======================================================================
  623.   Navigation bar
  624.   =======================================================================*/
  625.  
  626. #nav-bar {
  627.  /* background-image: none !important;*/
  628.   background-color: var(--top-level-bg-color) !important;
  629.  /* height: 48px !important;*/
  630.   box-shadow: none !important;
  631. }
  632.  
  633. #TabsToolbar:not([collapsed="true"]) + #nav-bar {
  634.   border: none !important;
  635. }
  636.  
  637. /* ----- Dark mode options ----- */
  638. #main-window[lwthemetextcolor=bright] #nav-bar {
  639.   background-color: var(--dark-top-level-bg-color) !important;
  640. }
  641.  
  642. /* ::::: URL search autocomplete selection highlight ::::: */
  643. .autocomplete-richlistitem[selected="true"] {
  644.   background-color: var(--main-accent-color) !important;
  645.   color: #fff !important;
  646. }
  647.  
  648. .autocomplete-richlistbox:focus > richlistitem[selected="true"] {
  649.   background-color: #171B1F !important;
  650.   color: #fff !important;
  651. }
  652.  
  653. /* ::::: Navigation bar buttons and icons ::::: */
  654. #back-button {border-radius: 0 !important;}
  655. #stop-reload-button .toolbarbutton-animatable-box{ display: none !important; }
  656.  
  657. #back-button {list-style-image: var(--back-button-image) !important;}
  658. #forward-button {list-style-image: var(--forward-button-image) !important;}
  659. #reload-button {list-style-image: var(--reload-button-image) !important;}
  660. #stop-button {list-style-image: var(--stop-button-image) !important;}
  661. #home-button {list-style-image: var(--home-button-image) !important;}
  662. #library-button {list-style-image: var(--library-button-image) !important;}
  663. #sidebar-button {list-style-image: var(--sidebar-button-image) !important;}
  664. #nav-bar-overflow-button {list-style-image: var(--overflow-button-image) !important;}
  665.  
  666. /* ..... Menu-button work-around ..... */
  667.  
  668. #PanelUI-button {
  669.   margin-inline-start: 0px !important;
  670.   border-inline-start: none !important;
  671. }
  672.  
  673. #PanelUI-menu-button {
  674.   list-style: none !important;
  675.   font-family: "Segoe MDL2 Assets";
  676.  
  677. }
  678.  
  679. #PanelUI-menu-button::before {
  680.   content: '\E700';
  681.   font-size: 12pt !important;
  682.   margin-inline-end: -25px !important;
  683.   margin-left: 1px !important;
  684.   vertical-align: middle;
  685. }
  686.  
  687. /* ----- Dark mode options ----- */
  688. #main-window[lwthemetextcolor=bright] #back-button {list-style-image: var(--dark-back-button-image) !important;}
  689. #main-window[lwthemetextcolor=bright] #forward-button {list-style-image: var(--dark-forward-button-image) !important;}
  690. #main-window[lwthemetextcolor=bright] #reload-button {list-style-image: var(--dark-reload-button-image) !important;}
  691. #main-window[lwthemetextcolor=bright] #stop-button {list-style-image: var(--dark-stop-button-image) !important;}
  692. #main-window[lwthemetextcolor=bright] #home-button {list-style-image: var(--dark-home-button-image) !important;}
  693. #main-window[lwthemetextcolor=bright] #library-button {list-style-image: var(--dark-library-button-image) !important;}
  694. #main-window[lwthemetextcolor=bright] #sidebar-button {list-style-image: var(--dark-sidebar-button-image) !important;}
  695. #main-window[lwthemetextcolor=bright] #nav-bar-overflow-button {list-style-image: var(--dark-overflow-button-image) !important;}
  696.  
  697. /*======================================================================
  698.   URL bar
  699.   =======================================================================*/
  700.  
  701. #urlbar {
  702.   background-color: var(--url-bar-color) !important;
  703.   color: var(--main-font-color) !important;
  704.   border-radius: 0 !important;
  705. }
  706.  
  707. #urlbar[focused] {
  708.   box-shadow: none !important;
  709. }
  710.  
  711. #urlbar[focused="true"], .searchbar-textbox[focused="true"] {
  712.   border-color: var(--main-accent-color) !important;
  713. }
  714.  
  715. /* ----- Dark mode options ----- */
  716. #main-window[lwthemetextcolor=bright] #urlbar {
  717.   background-color: var(--dark-url-bar-color) !important;
  718.   color: var(--dark-main-font-color) !important;
  719. }
  720.  
  721. /* ::::: Toolbar buttons ::::: */
  722. /* ..... Page identity icon ..... */
  723. #identity-icon {list-style-image: var(--identity-icon-image) !important;}
  724.  
  725. /* ..... Tracking icon ..... */
  726. #tracking-protection-icon-animatable-image {
  727.   background-image: var(--tracking-protection-icon-image) !important;
  728.   transform: none !important;
  729. }
  730.  
  731. /*
  732. #tracking-protection-icon[state="loaded-tracking-content"] {
  733.   list-style-image: var(--tracking-protection-disabled-image);
  734. }
  735. */
  736.  
  737. /* ..... Notification icon ..... */
  738. .popup-notification-icon[popupid="web-notifications"], .desktop-notification-icon {
  739.   list-style-image: var( --notification-icon-image) !important;
  740. }
  741.  
  742. .desktop-notification-icon.blocked-permission-icon {
  743.   list-style-image: var(--notification-blocked-icon-image) !important;
  744. }
  745.  
  746. /* ..... Security icon ..... */
  747. #urlbar[pageproxystate="valid"] > #identity-box.verifiedDomain > #connection-icon,
  748. #urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity > #connection-icon,
  749. #urlbar[pageproxystate="valid"] > #identity-box.mixedActiveBlocked > #connection-icon {
  750.   list-style-image: var(--security-icon-image) !important;
  751. }
  752.  
  753. /* ..... URL bar history dropdown ..... */
  754. .urlbar-history-dropmarker {
  755.   list-style-image: none !important;
  756.   font-size: 8pt !important;
  757.   font-family: "Segoe MDL2 Assets";
  758. }
  759.  
  760. .urlbar-history-dropmarker::before{content: '\E70D'; margin-left: 2px !important; vertical-align: middle;}
  761.  
  762. /* ..... Go button ..... */
  763. .urlbar-go-button, .search-go-button {
  764.   list-style-image: var(--go-icon-image) !important;
  765. }
  766.  
  767.  
  768. /* ..... Page action button ..... */
  769. #pageActionButton {
  770.   list-style-image: var(--page-action-icon-image) !important;
  771. }
  772.  
  773. /* ..... Bookmark button ..... */
  774. :-moz-any(#nav-bar, #mainPopupSet, #PersonalToolbar, #TabsToolbar) #star-button {
  775.   list-style-image: var(--bookmark-icon-image) !important;
  776. }
  777.  
  778. :-moz-any(#nav-bar, #mainPopupSet, #PersonalToolbar, #TabsToolbar) #star-button:hover {
  779.   list-style-image: var(--bookmark-hover-icon-image) !important;
  780. }
  781.  
  782. #pageAction-panel-bookmark[starred], #star-button[starred] {
  783.   list-style-image: var(--bookmarked-icon-image) !important;
  784. }
  785.  
  786. #pageAction-panel-bookmark[starred], #star-button[starred]:hover {
  787.   list-style-image: var(--bookmarked-hover-icon-image) !important;
  788. }
  789.  
  790. /* ..... Reader mode button ..... */
  791. #reader-mode-button {
  792.   list-style-image: var(--reader-mode-button-image) !important;
  793. }
  794.  
  795. #reader-mode-button:hover,
  796. #reader-mode-button[readeractive]:hover {
  797.   list-style-image: var(--reader-mode-hover-button-image) !important;
  798. }
  799.  
  800. #reader-mode-button:hover:active,
  801. #reader-mode-button[readeractive] {
  802.   list-style-image: var(--reader-mode-active-button-image) !important;
  803. }
  804.  
  805. /* ----- Dark mode options ---- */
  806. #main-window[lwthemetextcolor=bright] #identity-icon {opacity: 0.7; list-style-image: var(--dark-identity-icon-image) !important;}
  807. #main-window[lwthemetextcolor=bright] #identity-icon:hover {opacity: 1;}
  808. #main-window[lwthemetextcolor=bright] #identity-icon:hover:active {opacity: 1;}
  809. #main-window[lwthemetextcolor=bright] .popup-notification-icon[popupid="web-notifications"],
  810. #main-window[lwthemetextcolor=bright] .desktop-notification-icon {opacity: 0.7; list-style-image: var(--dark-notification-icon-image) !important;}
  811. #main-window[lwthemetextcolor=bright] .popup-notification-icon[popupid="web-notifications"],
  812. #main-window[lwthemetextcolor=bright] .desktop-notification-icon:hover {opacity: 1;}
  813. #main-window[lwthemetextcolor=bright] .popup-notification-icon[popupid="web-notifications"],
  814. #main-window[lwthemetextcolor=bright] .desktop-notification-icon:hover:active {opacity: 1;}
  815. #main-window[lwthemetextcolor=bright] .desktop-notification-icon.blocked-permission-icon {list-style-image: var(--dark-notification-blocked-icon-image) !important;}
  816. #main-window[lwthemetextcolor=bright] .desktop-notification-icon.blocked-permission-icon:hover {opacity: 1;}
  817. #main-window[lwthemetextcolor=bright] .desktop-notification-icon.blocked-permission-icon:hover:active {opacity: 1;}
  818. #main-window[lwthemetextcolor=bright] #tracking-protection-icon-animatable-image{opacity: 0.7; background-image: var(--dark-tracking-protection-icon-image) !important;}
  819. #main-window[lwthemetextcolor=bright] #tracking-protection-icon-animatable-image:hover{opacity: 1;}
  820. #main-window[lwthemetextcolor=bright] #tracking-protection-icon-animatable-image:hover:active{opacity: 1;}
  821. #main-window[lwthemetextcolor=bright] #urlbar[pageproxystate="valid"] > #identity-box.verifiedDomain > #connection-icon {opacity: 0.7; list-style-image: var(--dark-security-icon-image) !important;}
  822. #main-window[lwthemetextcolor=bright] #urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity > #connection-icon {opacity: 0.7; list-style-image: var(--dark-security-icon-image) !important;}
  823. #main-window[lwthemetextcolor=bright] #urlbar[pageproxystate="valid"] > #identity-box.mixedActiveBlocked > #connection-icon {opacity: 0.7; list-style-image: var(--dark-security-insecure-icon-image) !important;}
  824. #main-window[lwthemetextcolor=bright] #urlbar[pageproxystate="valid"] > #identity-box.verifiedDomain > #connection-icon:hover {opacity: 1; list-style-image: var(--dark-security-icon-image) !important;}
  825. #main-window[lwthemetextcolor=bright] #urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity > #connection-icon:hover {opacity: 1; list-style-image: var(--dark-security-icon-image) !important;}
  826. #main-window[lwthemetextcolor=bright] #urlbar[pageproxystate="valid"] > #identity-box.mixedActiveBlocked > #connection-icon:hover {opacity: 1; list-style-image: var(--dark-security-insecure-icon-imagee) !important;}
  827. #main-window[lwthemetextcolor=bright] #urlbar[pageproxystate="valid"] > #identity-box.verifiedDomain > #connection-icon:hover:active {opacity: 1; list-style-image: var(--dark-security-icon-image) !important;}
  828. #main-window[lwthemetextcolor=bright] #urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity > #connection-icon:hover:active {opacity: 1; list-style-image: var(--dark-security-icon-image) !important;}
  829. #main-window[lwthemetextcolor=bright] #urlbar[pageproxystate="valid"] > #identity-box.mixedActiveBlocked > #connection-icon:hover:active {opacity: 1; list-style-image: var(--dark-security-icon-image) !important;}
  830. #main-window[lwthemetextcolor=bright] #pageActionButton {opacity: 0.7; list-style-image: var(--dark-page-action-icon-image) !important;}
  831. #main-window[lwthemetextcolor=bright] #pageActionButton:hover {opacity: 1;}
  832. #main-window[lwthemetextcolor=bright] #pageActionButton:hover:active {opacity: 1;}
  833. #main-window[lwthemetextcolor=bright] .urlbar-go-button,
  834. #main-window[lwthemetextcolor=bright] .search-go-button{list-style-image: var(--dark-go-icon-image) !important;}
  835. #main-window[lwthemetextcolor=bright] :-moz-any(#nav-bar, #mainPopupSet, #PersonalToolbar, #TabsToolbar) #star-button {opacity: 0.6; list-style-image: var(--dark-bookmark-icon-image) !important;}
  836. #main-window[lwthemetextcolor=bright] :-moz-any(#nav-bar, #mainPopupSet, #PersonalToolbar, #TabsToolbar) #star-button:hover {opacity: 1; list-style-image: var(--dark-bookmark-hover-icon-image) !important;}
  837. #main-window[lwthemetextcolor=bright] #pageAction-panel-bookmark[starred] {list-style-image: var(--dark-bookmarked-icon-image) !important;}
  838. #main-window[lwthemetextcolor=bright] #star-button[starred] {list-style-image: var(--dark-bookmarked-icon-image) !important;}
  839. #main-window[lwthemetextcolor=bright] #pageAction-panel-bookmark[starred]:hover,
  840. #main-window[lwthemetextcolor=bright] #star-button[starred]:hover {opacity: 1; list-style-image: var(--dark-bookmarked-hover-icon-image) !important;}
  841. #main-window[lwthemetextcolor=bright] #reader-mode-button {opacity: 0.7; list-style-image: var(--dark-reader-mode-button-image) !important;}
  842. #main-window[lwthemetextcolor=bright] #reader-mode-button:hover,
  843. #main-window[lwthemetextcolor=bright] #reader-mode-button[readeractive]:hover {opacity: 1; list-style-image: var(--dark-reader-mode-hover-button-image) !important;}
  844. #main-window[lwthemetextcolor=bright] #reader-mode-button:hover:active,
  845. #main-window[lwthemetextcolor=bright] #reader-mode-button[readeractive] {opacity: 1; list-style-image: var(--dark-reader-mode-active-button-image)  !important;}
  846.  
  847. /*======================================================================
  848.   Downloads button
  849.   =======================================================================*/
  850. #downloads-button[attention="success"] #downloads-indicator-icon {
  851.   display: visible !important;
  852. }
  853.  
  854. /* ::::: During a download, force display of progress bar ::::: */
  855. #downloads-button[attention="success"] #downloads-indicator-progress-area {
  856.   display: -moz-box !important;
  857.   visibility: visible !important;
  858.  
  859. }
  860.  
  861. /* ::::: After something have successfully completed downloading, set the color of the download icon ::::: */
  862. #downloads-button[attention="success"] > #downloads-indicator-anchor > #downloads-indicator-icon,
  863. #downloads-button[attention="success"] > #downloads-indicator-anchor > #downloads-indicator-progress-outer {
  864.   fill: var(--downloads-success-color) !important;
  865. }
  866.  
  867. /* ::::: Sets the color of the animated arrow that appears when a download is starting ::::: */
  868. #downloads-button[notification="start"] > #downloads-indicator-anchor > #downloads-indicator-icon,
  869. #downloads-notification-anchor[notification="start"] > #downloads-indicator-notification {
  870.   fill: var(--downloads-start-color) !important;
  871. }
  872.  
  873. /* ::::: Set the color of the download icon as something is downloading ::::: */
  874. #downloads-button[progress] > #downloads-indicator-anchor > #downloads-indicator-icon,
  875. #downloads-button[progress] > #downloads-indicator-anchor > #downloads-indicator-progress-outer {
  876.   fill: var(--downloads-progress-icon-color) !important;
  877. }
  878.  
  879. /* ::::: Set the color for the progress bar as something is downloading ::::: */
  880. #downloads-button > #downloads-indicator-anchor > #downloads-indicator-progress-outer > #downloads-indicator-progress-inner {
  881.   fill: var(--downloads-progress-bar-color) !important;
  882. }
  883.  
  884. /* ::::: The default color of the download button ::::: */
  885. #downloads-button[indicator="true"]:not([attention="success"]) #downloads-indicator-icon {
  886.   display: -moz-box !important;
  887.   fill: var(--main-font-color) !important;
  888. }
  889.  
  890. /*
  891. #downloads-button[cui-areatype="toolbar"] {
  892.   width: 20px !important;
  893.   height: 20px !important;
  894.   list-style-image: none !important;
  895.   background: var(--downloads-button-image) no-repeat center !important;
  896. }
  897.                  
  898. #downloads-button[cui-areatype="toolbar"][indicator] {
  899.   background: none !important;
  900. }
  901. */
  902.  
  903. /* ----- Dark mode options ---- */
  904. #main-window[lwthemetextcolor=bright] #downloads-button,
  905. #main-window[lwthemetextcolor=bright] #downloads-button[indicator="true"]:not([attention="success"]) #downloads-indicator-icon {
  906.   fill: var(--dark-main-font-color) !important;
  907. }
  908.  
  909. /*======================================================================
  910.   Downloads button - Alternative
  911.   =======================================================================*/
  912. /* ::::: Upper icon ::::: */
  913. /*  #downloads-button[cui-areatype="toolbar"] {
  914.     width: 20px !important;
  915.     height: 20px !important;
  916.     list-style-image: none !important;
  917.     background: var(--downloads-button-image) no-repeat center !important;
  918.   }
  919.                  
  920.   #downloads-button[cui-areatype="toolbar"][indicator] {
  921.     background: none !important;
  922.   }
  923.                  
  924.   #downloads-indicator-progress-outer {
  925.     background-size: 20px;
  926.     width: 20px !important;
  927.     height: 20px !important;
  928.     background: var(--downloads-button-image) bottom no-repeat !important;
  929.   }
  930.                  
  931.   #downloads-button[cui-areatype="toolbar"][attention="success"] #downloads-indicator-progress-outer {
  932.     background: var(--downloads-button-attention-image) bottom no-repeat !important;
  933.   }
  934.                  
  935.   #downloads-indicator-progress-inner {
  936.     background-size: 20px;
  937.     background-image: var(--downloads-button-attention-image) !important;
  938.   }
  939.                  
  940.   #downloads-button[cui-areatype="toolbar"]:not([progress]) #downloads-indicator-progress-inner {
  941.     background-image: none !important;
  942.   }
  943.  
  944.   #downloads-indicator-icon {
  945.     width: 20px !important;
  946.     height: 20px !important;
  947.     background-size: 20px !important;
  948.     background: none !important;
  949.     background-image: var(--downloads-button-image) !important;
  950.   }
  951.  
  952.   #downloads-button[attention="success"] > #downloads-indicator-anchor > #downloads-indicator-icon {
  953.     background-image: var(--downloads-button-attention-image) !important;
  954.   }
  955.  
  956.   #downloads-indicator-counter {
  957.     margin: 0 !important;
  958.     margin-bottom: 1px !important;
  959.     color: var(--inactive-font-color) !important;
  960.     text-shadow: none !important;
  961.     font-size: 10px !important;
  962.     line-height: 10px !important;
  963.   }
  964.  
  965.   #downloads-button:not([counter]) > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter {
  966.     background: var(--downloads-button-image) center no-repeat;
  967.     background-size: 16px;
  968.   }
  969.  
  970.   #downloads-button[paused] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-progress > .progress-bar {
  971.     background-color: var(--downloads-indicator-paused-bg-color) !important;
  972.   }
  973.  
  974.   #downloads-notification-anchor[notification="start"] > #downloads-indicator-notification {
  975.     background-image: var(--downloads-button-start-notification-image);
  976.   }
  977.  
  978.   #downloads-notification-anchor[notification="finish"] > #downloads-indicator-notification {
  979.     background-image: var(--downloads-button-finish-notification-image);
  980.   }
  981.                  
  982.   #downloads-indicator-progress-icon {
  983.     background: var(--downloads-button-finish-notification-image) bottom no-repeat;
  984.   }
  985.                  
  986.   #downloads-button:not([progress]) #downloads-indicator-progress-icon {
  987.     visibility: hidden;
  988.   }
  989. */
  990.  
  991. /* ::::: Progress meter ::::: */
  992. /*
  993. progressmeter {
  994.     -moz-appearance: none !important;
  995.     border: none !important;
  996.     border-radius: 0 !important;
  997.     box-shadow: none !important;
  998.     min-height: 4px !important;
  999.     height: 4px !important;
  1000.   }
  1001.  
  1002.   progressmeter > .progress-bar {
  1003.     -moz-appearance: none !important;
  1004.     background-color: var(--downloads-indicator-bg-color) !important;
  1005.     background-image: none !important;
  1006.     border: none !important;
  1007.     border-radius: 0 !important;
  1008.   }
  1009.  
  1010.   progressmeter[paused="true"] > .progress-bar {
  1011.     background-color: var(--downloads-indicator-paused-bg-color) !important;
  1012.   }
  1013.  
  1014.   progressmeter > .progress-remainder {
  1015.     background-color: var(--downloads-indicator-remainder-color) !important;
  1016.     background-image: none !important;
  1017.     border: none !important;
  1018.     border-radius: 0 !important;
  1019.   }
  1020. */
  1021. /*======================================================================
  1022.   Toolbar button
  1023.   =======================================================================*/
  1024.  
  1025. #nav-bar .toolbarbutton-1,
  1026. #nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button {
  1027.   min-width: 40px !important;
  1028. }
  1029.  
  1030. #nav-bar :-moz-any(#back-button, #forward-button):not([disabled="true"]):hover,
  1031. :-moz-any(#mainPopupSet, #nav-bar, #PersonalToolbar) .toolbarbutton-1:not([disabled="true"]):not([type="menu-button"]):not(#back-button):not(#forward-button):hover,
  1032. :-moz-any(#mainPopupSet, #nav-bar, #PersonalToolbar) .toolbarbutton-1:not([id="bookmarks-menu-button"]) > .toolbarbutton-menubutton-button:hover,
  1033. :-moz-any(#mainPopupSet, #nav-bar, #PersonalToolbar) .toolbarbutton-1:not([id="bookmarks-menu-button"]):not([buttonover]):not([open]):not(:active):hover > .toolbarbutton-menubutton-dropmarker {
  1034.   background-color: var(--top-level-bg-hover-color) !important;
  1035. }
  1036.  
  1037. #nav-bar :-moz-any(#back-button, #forward-button):not([disabled="true"]):hover:active,
  1038. :-moz-any(#mainPopupSet, #nav-bar, #PersonalToolbar) .toolbarbutton-1:not([disabled="true"]):not([type="menu-button"]):not(#back-button):not(#forward-button):hover:active,
  1039. :-moz-any(#mainPopupSet, #nav-bar, #PersonalToolbar) .toolbarbutton-1:not([id="bookmarks-menu-button"]) > .toolbarbutton-menubutton-button:hover:active {
  1040.   background-color: var(--top-level-bg-active-color) !important;
  1041. }
  1042.  
  1043. :-moz-any(#mainPopupSet, #nav-bar, #PersonalToolbar) .toolbarbutton-1 > .toolbarbutton-icon,
  1044. :-moz-any(#mainPopupSet, #nav-bar, #PersonalToolbar) .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
  1045. :-moz-any(#mainPopupSet, #nav-bar, #PersonalToolbar) .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
  1046. :-moz-any(#mainPopupSet, #nav-bar, #PersonalToolbar) .toolbarbutton-1 > .toolbarbutton-badge-stack,
  1047. :-moz-any(#mainPopupSet, #nav-bar, #PersonalToolbar) .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-badge-stack {
  1048.   border: none !important;
  1049.   background: none !important;
  1050.   box-shadow: none !important;
  1051. }
  1052.  
  1053. #PanelUI-popup .toolbarbutton-1:not([buttonover]):not([open]):not(:active):hover > .toolbarbutton-menubutton-dropmarker {
  1054.   background-color: var(--top-level-bg-active-color) !important;
  1055. }
  1056.  
  1057. #PanelUI-popup .toolbarbutton-1:hover:active > .toolbarbutton-menubutton-dropmarker,
  1058. #PanelUI-popup .toolbarbutton-1[open] > .toolbarbutton-menubutton-dropmarker{
  1059.   background-color: var(--tab-scroll-up-down-bg-active-color) !important;
  1060. }
  1061.  
  1062. /*
  1063. #nav-bar .toolbarbutton-1:not(:hover):not(:active):not([open]) > .toolbarbutton-menubutton-dropmarker::before {
  1064.   height: 18px !important;
  1065.   margin-inline-end: -1px !important;
  1066.   background-image: linear-gradient(var(--tab-separator-color) 0, var(--tab-separator-color) 100%) !important;
  1067.   background-size: 1px 18px !important;
  1068.   opacity: 1 !important;
  1069. }
  1070. */
  1071.  
  1072. /*
  1073. .toolbarbutton-1 > .toolbarbutton-menu-dropmarker,
  1074. .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker,
  1075. toolbar[brighttext] .toolbarbutton-1 > .toolbarbutton-menu-dropmarker,
  1076. toolbar[brighttext] .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker,
  1077.   #sidebar-search-container button dropmarker {
  1078.   -moz-appearance: none !important;
  1079.   padding: 0 !important;
  1080.   list-style-image: var(--default-dropdown-image) !important;
  1081. }
  1082.  
  1083. .panelUI-grid .toolbarbutton-1[type="menu"] {
  1084.   background-image: var(--default-dropdown-image);
  1085.   background-position: right 4px top 22px;
  1086. }
  1087. */
  1088.  
  1089. /* ----- Dark mode options ----- */
  1090. #main-window[lwthemetextcolor=bright] #nav-bar :-moz-any(#back-button, #forward-button):not([disabled="true"]):hover,
  1091. #main-window[lwthemetextcolor=bright] :-moz-any(#mainPopupSet, #nav-bar, #PersonalToolbar) .toolbarbutton-1:not([disabled="true"]):not([type="menu-button"]):not(#back-button):not(#forward-button):hover,
  1092. #main-window[lwthemetextcolor=bright] :-moz-any(#mainPopupSet, #nav-bar, #PersonalToolbar) .toolbarbutton-1:not([id="bookmarks-menu-button"]) > .toolbarbutton-menubutton-button:hover,
  1093. #main-window[lwthemetextcolor=bright] :-moz-any(#mainPopupSet, #nav-bar, #PersonalToolbar) .toolbarbutton-1:not([id="bookmarks-menu-button"]):not([buttonover]):not([open]):not(:active):hover > .toolbarbutton-menubutton-dropmarker {
  1094.   background-color: var(--dark-top-level-bg-hover-color) !important;
  1095. }
  1096.  
  1097. #main-window[lwthemetextcolor=bright] #nav-bar :-moz-any(#back-button, #forward-button):not([disabled="true"]):hover:active,
  1098. #main-window[lwthemetextcolor=bright] :-moz-any(#mainPopupSet, #nav-bar, #PersonalToolbar) .toolbarbutton-1:not([disabled="true"]):not([type="menu-button"]):not(#back-button):not(#forward-button):hover:active,
  1099. #main-window[lwthemetextcolor=bright] :-moz-any(#mainPopupSet, #nav-bar, #PersonalToolbar) .toolbarbutton-1:not([id="bookmarks-menu-button"]) > .toolbarbutton-menubutton-button:hover:active {
  1100.   background-color: var(--dark-top-level-bg-active-color) !important;
  1101. }
  1102.  
  1103. #main-window[lwthemetextcolor=bright] #PanelUI-popup .toolbarbutton-1:not([buttonover]):not([open]):not(:active):hover > .toolbarbutton-menubutton-dropmarker {
  1104.   background-color: var(--dark-top-level-bg-active-color) !important;
  1105. }
  1106.  
  1107. #main-window[lwthemetextcolor=bright] #PanelUI-popup .toolbarbutton-1:hover:active > .toolbarbutton-menubutton-dropmarker,
  1108. #main-window[lwthemetextcolor=bright] #PanelUI-popup .toolbarbutton-1[open] > .toolbarbutton-menubutton-dropmarker{
  1109.   background-color: var(--dark-tab-scroll-up-down-bg-active-color) !important;
  1110. }
  1111.  
  1112. #main-window[lwthemetextcolor=bright] #nav-bar .toolbarbutton-1:not(:hover):not(:active):not([open]) > .toolbarbutton-menubutton-dropmarker::before {
  1113.   background-image: linear-gradient(var(--dark-tab-separator-color) 0, var(--dark-tab-separator-color) 100%) !important;
  1114. }
  1115.  
  1116. /*
  1117. #main-window[lwthemetextcolor=bright] .toolbarbutton-1 > .toolbarbutton-menu-dropmarker,
  1118. #main-window[lwthemetextcolor=bright] .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker,
  1119. #main-window[lwthemetextcolor=bright] toolbar[brighttext] .toolbarbutton-1 > .toolbarbutton-menu-dropmarker,
  1120. #main-window[lwthemetextcolor=bright] toolbar[brighttext] .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker,
  1121. #main-window[lwthemetextcolor=bright] #sidebar-search-container button dropmarker {
  1122.   list-style-image: var(--dark-default-dropdown-image) !important;
  1123. }
  1124.  
  1125. #main-window[lwthemetextcolor=bright] .panelUI-grid .toolbarbutton-1[type="menu"] {
  1126.   background-image: var(--dark-default-dropdown-image);
  1127. }
  1128. */
  1129.  
  1130. /*======================================================================
  1131.   Findbar
  1132.   =======================================================================*/
  1133.  
  1134. .findbar-textbox {
  1135.     border-radius: 0 !important;
  1136. }
  1137.  
  1138. .findbar-textbox[focused="true"] {
  1139.   border-color: var(--main-accent-color) !important;
  1140. }
  1141.  
  1142. .findbar-find-previous {
  1143.   list-style-image: none !important;
  1144.   font-size: 8pt !important;
  1145.   font-family: "Segoe MDL2 Assets";
  1146. }
  1147.  
  1148. .findbar-find-previous::before{content: '\E70E'; vertical-align: middle;}
  1149.  
  1150. .findbar-find-next {
  1151.   list-style-image: none !important;
  1152.   font-size: 8pt !important;
  1153.   font-family: "Segoe MDL2 Assets";
  1154. }
  1155.  
  1156. .findbar-find-next::before{content: '\E70D'; vertical-align: middle;}
  1157.  
  1158. .close-icon {
  1159.   list-style-image: var(--tab-close-image) !important;
  1160. }
  1161. .close-icon:hover {
  1162.   list-style-image: var(--tab-close-hover-image) !important;
  1163. }
  1164. .close-icon:hover:active {
  1165.   list-style-image: var(--tab-close-hover-active-image) !important;
  1166. }
  1167.  
  1168. /* ----- Dark mode options ---- */
  1169. #main-window[lwthemetextcolor=bright] .findbar-find-previous::before{color: white;}
  1170. #main-window[lwthemetextcolor=bright] .findbar-find-next::before{color: white;}
  1171. #main-window[lwthemetextcolor=bright] .close-icon {list-style-image: var(--dark-tab-close-button-image) !important;}
  1172. #main-window[lwthemetextcolor=bright] .close-icon:hover {list-style-image: var(--dark-tab-close-hover-image) !important;}
  1173. #main-window[lwthemetextcolor=bright] .close-icon:hover:active {list-style-image: var(--dark-tab-close-hover-active-image) !important;}
  1174.  
  1175. /*======================================================================
  1176.   Menu panel
  1177.   =======================================================================*/
  1178. /*
  1179. #appMenu-find-button, #panelMenu_searchBookmarks {
  1180.     list-style-image: var(--tab-close-hover-image) !important;
  1181. }
  1182. */
  1183.  
  1184. /*======================================================================
  1185.   Status panel
  1186.   =======================================================================*/
  1187.  
  1188. /*
  1189. #statuspanel {
  1190.   background-color: transparent !important;
  1191.   border: none !important;
  1192.   bottom: 3px !important;
  1193.   height: 33px !important;
  1194.   max-width: 25% !important; /* Change the value to suite your needs */
  1195.  /*transition: none !important;
  1196. }
  1197.  
  1198. #statuspanel { opacity: 1 !important; }
  1199. #main-window:not([sizemode="fullscreen"]) #statuspanel[inactive] #statuspanel-inner::before {
  1200.   bottom:2px !important;
  1201.   padding-left:5px !important;
  1202.   position: fixed !important;
  1203.   content:"Done" !important;
  1204.   }
  1205. #statuspanel[inactive] #statuspanel-label { display: none !important; }
  1206.  
  1207. #statuspanel #statuspanel-inner {
  1208.   background-color: transparent !important;
  1209.   border: none !important;
  1210.   height: 23x !important;
  1211. }
  1212.  
  1213. #statuspanel #statuspanel-label {
  1214.   background-color: transparent !important;
  1215.   border: none !important;
  1216.   color: black !important;
  1217. }
  1218. */
  1219.  
  1220. /*======================================================================
  1221.   Windows 10 animations
  1222.   =======================================================================*/
  1223.  
  1224. /*
  1225. @keyframes rot{
  1226.   from{ transform: rotateX(80deg) }
  1227.   to{ transform: rotateX(0deg) }
  1228. }
  1229. #contentAreaContextMenu{  transform-origin: top; margin: -10px 0 0 -10px }
  1230. #contentAreaContextMenu:hover{ animation: 1 rot linear 150ms backwards; }
  1231. */
  1232.  
  1233. /*======================================================================
  1234.   Context menu
  1235.   =======================================================================*/
  1236.  
  1237. /* ::::: General ::::: */
  1238. #bookmarksMenuPopup,
  1239. #goPopup,
  1240. menupopup:not(#BMB_bookmarksPopup),
  1241. splitmenu,
  1242. #PlacesToolbar menupopup {
  1243.   -moz-appearance: none !important;
  1244.   padding: 8px 2px 8px 2px !important;
  1245.   background-color: var(--context-menu-bg-color) !important;
  1246.   border: 1px var(--main-accent-color) solid !important;
  1247.   min-width: 280px !important;
  1248. }
  1249.  
  1250. menuseparator {
  1251.   -moz-appearance: none !important;
  1252.   border: none !important;
  1253.   padding: .5px 0px .5px 0px !important;
  1254.   margin: 4px 12px 4px 12px !important;
  1255.   background-color: var(--context-menu-separator-color) !important;
  1256. }
  1257.  
  1258. menuitem, menu {
  1259.   -moz-appearance: none !important;
  1260.   color: var(--main-font-color) !important;
  1261.   padding: 7.5px 0px 7.5px 0px !important;
  1262. }
  1263.  
  1264. menuitem[disabled="true"], menuitem[disabled="true"] > .menu-text {
  1265.   color: var(--inactive-font-color) !important;
  1266. }
  1267. menuitem:hover, menu:hover, menu[open="true"], menuitem[_moz-menuactive="true"] {
  1268.   -moz-appearance: none !important;
  1269.   padding: 7.5px 0px 7.5px 0px !important;
  1270.   background-color: var(--main-accent-color) !important;
  1271. }
  1272.  
  1273. menugroup {
  1274.   padding: 0px !important;
  1275.   background-color: transparent !important;
  1276. }
  1277.  
  1278. menuitem > .menu-text, menuitem > .menu-iconic-text {
  1279.   color: var(--main-font-color) !important;
  1280. }
  1281.  
  1282. menuitem:hover > .menu-text, menuitem:hover > .menu-iconic-text,
  1283. menu:hover, menu[open="true"], menuitem[_moz-menuactive="true"] {
  1284.   color: var(--context-menu-hover-font-color) !important;
  1285. }
  1286.  
  1287. menuitem[disabled="true"], menuitem[disabled="true"] .menu-text {
  1288.   color: var(--disabled-text-color) !important;
  1289. }
  1290.  
  1291. menucaption {
  1292.   background-color: transparent !important;
  1293.   color: var(--main-font-color) !important;
  1294. }
  1295.  
  1296. #ContentSelectDropdown > menupopup {
  1297.   background-image: none !important;
  1298. }
  1299.  
  1300. #ContentSelectDropdown {
  1301.   padding: 0px !important;
  1302. }
  1303.  
  1304. menulist {
  1305.   -moz-appearance: none !important;
  1306.   padding: 4px 4px 4px 4px !important;
  1307.   border: 2px solid #666666 !important;
  1308.   background-color: transparent !important;
  1309. }
  1310.  
  1311. menulist:hover {
  1312.   padding: 4px 4px 4px 4px !important;
  1313.   border: 2px solid #999999 !important;
  1314.   background-color: transparent !important;
  1315. }
  1316.  
  1317. menulist[open="true"] {
  1318.   border: 2px solid #666666 !important;
  1319.   background-color: #333333 !important;
  1320. }
  1321.  
  1322. /* ::::: Checkboxes & Radio ::::: */
  1323. menuitem[type="checkbox"]:not(.subviewbutton) {
  1324.   padding-left: 6px !important;
  1325.   padding-top: 6.5px !important;
  1326.   padding-bottom: 6.5px !important;}
  1327.  
  1328. menuitem:not(.subviewbutton):not([type="radio"]):not(.findbar-button) > .menu-iconic-left {
  1329.   -moz-appearance: none !important;
  1330.   list-style-image: none !important;
  1331.   background-repeat: no-repeat !important;
  1332.   background-position: center !important;
  1333.   font-size: 12pt !important;
  1334.   font-family: "Segoe MDL2 Assets";
  1335. }
  1336.  
  1337. menuitem[checked="true"]:not(.subviewbutton):not([type="radio"]):not(.findbar-button) > .menu-iconic-left::before {content: '\E73E';}
  1338.  
  1339. menuitem:not(.subviewbutton):not([type="radio"]):not([type="checkbox"]):not(.menuitem-iconic):not(.findbar-button) > .menu-iconic-left {
  1340. margin-left: 6px !important;
  1341. }
  1342.  
  1343. menuitem.subviewbutton:not([type="radio"]):not(.findbar-button)[checked="true"] {
  1344. background-image: var(--contextmenu-checkmark);
  1345. background-position: left;
  1346. background-repeat: no-repeat;
  1347. background-position-x: 7px !important;  
  1348. background-size: auto auto;
  1349. }
  1350.  
  1351. toolbarbutton[checked="true"]:not([type="radio"]):not(.findbar-button):not([disabled="true"]) {
  1352. -moz-appearance: none !important;
  1353. background: var(--contextmenu-checkmark) no-repeat left;
  1354. background-position-x: 7px !important;
  1355. }
  1356.  
  1357. menuitem[type="radio"] {
  1358.   padding-left: 8px !important;
  1359.   padding-top: 6.5px !important;
  1360.   padding-bottom: 6.5px !important;
  1361. }
  1362.  
  1363. menuitem[type="radio"][checked="true"] {
  1364. background: var(--contextmenu-radio) no-repeat left;
  1365. }
  1366.  
  1367. menuitem[type="checkbox"] > .menu-iconic-left,
  1368. menuitem[checked="true"] > .menu-iconic-left,
  1369. menuitem[type="radio"] > .menu-iconic-left {
  1370. -moz-appearance: none !important;
  1371. width: 16px;
  1372. height: 16px;
  1373. }
  1374.  
  1375. menuitem[checked="true"][type="radio"] > .menu-iconic-left {
  1376.   padding: 1px !important;
  1377.   border: solid black;
  1378.   height: 17px !important;
  1379.   border-radius: 100%;
  1380.   background: black;
  1381.   transform: scale(.5);
  1382. }
  1383.  
  1384. /*
  1385. menuitem[type="radio"] {
  1386.   padding-left: 8px !important;
  1387.   padding-top: 6.5px !important;
  1388.   padding-bottom: 6.5px !important;
  1389. }
  1390.  
  1391.  
  1392. menuitem[checked="true"][type="radio"] > .menu-iconic-left {
  1393.   padding: 1px !important;
  1394.   border: solid black;
  1395.   height: 17px !important;
  1396.   border-radius: 100%;
  1397.   background: black;
  1398.   transform: scale(.5);
  1399. }
  1400. */
  1401.  
  1402. /* ::::: Context navigation ::::: */
  1403. #context-back > .menu-iconic-left,
  1404. #context-forward > .menu-iconic-left,
  1405. #context-reload > .menu-iconic-left,
  1406. #context-stop > .menu-iconic-left,
  1407. #context-bookmarkpage > .menu-iconic-left {
  1408.   padding: 0px !important;
  1409. }
  1410.  
  1411. #context-navigation .menu-iconic-left, .menu-right {
  1412.   -moz-appearance: none !important;
  1413.   list-style-image: none !important;
  1414.   background-repeat: no-repeat !important;
  1415.   background-position: center !important;
  1416.   font-family: "Segoe MDL2 Assets";
  1417.   margin-left: 27px
  1418. }
  1419.  
  1420. #context-back .menu-iconic-left::before{content: '\E72B';}
  1421. #context-forward .menu-iconic-left::before {content: '\E72A';}
  1422. #context-reload .menu-iconic-left::before{content: '\E72C';  font-size: 11pt !important;}
  1423. #context-stop .menu-iconic-left::before {content: '\E711';}
  1424. #context-bookmarkpage .menu-iconic-left::before{content: '\E734';}
  1425. #context-bookmarkpage[starred=true] .menu-iconic-left::before{content: '\E735';}
  1426. .menu-right::before{content: '\E76C';}
  1427.  
  1428. #context-back[disabled=true] .menu-iconic-left,
  1429. #context-forward[disabled=true] .menu-iconic-left,
  1430. #context-reload[disabled=true] .menu-iconic-left,
  1431. #context-stop[disabled=true] .menu-iconic-left,
  1432. #context-bookmarkpage[disabled=true] .menu-iconic-left,
  1433. #context-bookmarkpage[starred=true][disabled=true] .menu-iconic-left,
  1434. .menu-right[disabled=true] {
  1435.   opacity: 0.6;
  1436. }
  1437.  
  1438. menu:not(.subviewbutton) > .menu-right {
  1439.   margin-right: 6px !important;
  1440. }
  1441.  
  1442. .menu-iconic-left {
  1443.   -moz-appearance: none !important;
  1444.   padding: 0px 5px 0px 9px !important;
  1445. }
  1446.  
  1447. /* ::::: Screenshot icon ::::: */
  1448. #screenshots_mozilla_org-menuitem-_create-screenshot .menu-iconic-icon{
  1449.   -moz-appearance: none !important;
  1450.   display: none !important;
  1451.   background-repeat: no-repeat !important;
  1452.   background-position: center !important;
  1453.   font-family: "Segoe MDL2 Assets";
  1454. }
  1455.  
  1456. #screenshots_mozilla_org-menuitem-_create-screenshot .menu-iconic-left::before {content: '\E722';}
  1457.  
  1458. /* ::::: Rename Inspect Element in the right click context menu into Finnish ::::: */
  1459. :-moz-any(#context-inspect)::before{
  1460.   -moz-appearance: menuitemtext;
  1461.   display: -moz-box;
  1462. }
  1463.  
  1464. :-moz-any(#context-inspect) > .menu-text{
  1465.   display: none;
  1466. }
  1467.  
  1468. #context-inspect::before {content: "Tarkastele elementtiä";}
  1469.  
  1470. /* ::::: Remove Mozilla Multi-Account Containers add-on context menu ::::: */
  1471. [id^="_testpilot-containers-menuitem-"] {
  1472.   display: none !important;
  1473. }
  1474.  
  1475. /* ----- Dark mode options ----- */
  1476. #main-window[lwthemetextcolor=bright] #bookmarksMenuPopup,
  1477. #main-window[lwthemetextcolor=bright] #goPopup,
  1478. #main-window[lwthemetextcolor=bright] menupopup:not(#BMB_bookmarksPopup):not(#back-button):not(#forward-button),
  1479. #main-window[lwthemetextcolor=bright] splitmenu,
  1480. #main-window[lwthemetextcolor=bright] #PlacesToolbar menupopup {
  1481.   background-color: var(--dark-context-menu-bg-color) !important;
  1482.   border: 1px var(--main-accent-color) solid !important;
  1483. }
  1484.  
  1485. #main-window[lwthemetextcolor=bright] menuseparator {
  1486.   background-color: var(--dark-context-menu-separator-color) !important;
  1487. }
  1488.  
  1489. #main-window[lwthemetextcolor=bright] menuitem,
  1490. #main-window[lwthemetextcolor=bright] menu {
  1491.   color: var(--dark-main-font-color) !important;
  1492. }
  1493.  
  1494. #main-window[lwthemetextcolor=bright] menuitem[disabled="true"],
  1495. #main-window[lwthemetextcolor=bright] menuitem[disabled="true"] > .menu-text {
  1496.   color: var(--dark-disabled-text-color) !important;
  1497. }
  1498.  
  1499. #main-window[lwthemetextcolor=bright] menuitem > .menu-text,
  1500. #main-window[lwthemetextcolor=bright] menuitem > .menu-iconic-text {
  1501.   color: var(--dark-main-font-color) !important;
  1502. }
  1503.  
  1504. #main-window[lwthemetextcolor=bright] menuitem:hover > .menu-text,
  1505. #main-window[lwthemetextcolor=bright] menuitem:hover > .menu-iconic-text,
  1506. #main-window[lwthemetextcolor=bright] menu:hover, #main-window[lwthemetextcolor=bright] menu[open="true"],
  1507. #main-window[lwthemetextcolor=bright] menuitem[_moz-menuactive="true"] {
  1508.   color: var(--dark-context-menu-hover-font-color) !important;
  1509. }
  1510.  
  1511. #main-window[lwthemetextcolor=bright] menuitem[disabled="true"],
  1512. #main-window[lwthemetextcolor=bright] menuitem[disabled="true"] .menu-text {
  1513.   color: var(--dark-disabled-text-color) !important;
  1514. }
  1515.  
  1516. #main-window[lwthemetextcolor=bright] menucaption {
  1517.   color: var(--dark-main-font-color) !important;
  1518. }
  1519.  
  1520. #main-window[lwthemetextcolor=bright] menulist {
  1521.   border: 2px solid #666666 !important;
  1522. }
  1523.  
  1524. #main-window[lwthemetextcolor=bright] menulist:hover {
  1525.   border: 2px solid #999999 !important;
  1526. }
  1527.  
  1528. #main-window[lwthemetextcolor=bright] menulist[open="true"] {
  1529.   border: 2px solid #666666 !important;
  1530.   background-color: #333333 !important;
  1531. }
  1532.  
  1533. /*
  1534. #main-window[lwthemetextcolor=bright] toolbarbutton[checked="true"]:not([type="radio"]):not(.findbar-button):not([disabled="true"]) {
  1535. -moz-appearance: none !important;
  1536. background: var(--contextmenu-checkmark) no-repeat left;
  1537. background-position-x: 7px !important;
  1538. }
  1539.  
  1540. #main-window[lwthemetextcolor=bright] menuitem[type="radio"][checked="true"] {
  1541. background: var(--contextmenu-radio) no-repeat left;
  1542. }
  1543.  
  1544. #main-window[lwthemetextcolor=bright] menuitem[checked="true"][type="radio"] > .menu-iconic-left {
  1545.   border: solid black;
  1546.   background: black;
  1547. }
  1548.  
  1549.  
  1550. #main-window[lwthemetextcolor=bright] menuitem[checked="true"][type="radio"] > .menu-iconic-left {
  1551.   border: solid black;
  1552.   background: black;
  1553. }
  1554.  
  1555. /*======================================================================
  1556. Recommended external settings
  1557. =======================================================================*/
  1558. /*
  1559. about:config alerts.useSystemBackend to TRUE (disable sound for notifications in Windows 10 settings)
  1560. toolkit.winRegisterApplicationRestart to prevent reopen on launch
  1561. Sidebar panel: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAGTSURBVHja7Fo9joJAFP5mY0miBYXl3IOGzgvY2A0Ftd5AW+MpqGgs4AR6DLqBjoRCTOyfxa4u+5MNmxicGd9LKCCBvC/fzxsGBBHBhXqDI8VATKtRWZZOmESQI253R1rdk8VigbqurWh8Op0iTdPPC9QpKaU1MpNSdlsnjl8GwkD+kVrL5RLn89kKw4/HYx6I9khrv9/jcrn0zXGEYQgAOB6PKMty0MY9z8N8Pv99IIZhSESEPodS6n7f4XAYXJ7fB+LoxypSiD8fYKql3PRIt3zfh+d5AIC2bdG2rZ2p1TQN1us1aa3pdDrRZrMhK4HwHDHNIx/pJaIoYkYYyCOBEBF2ux1prUlrTavViqz0yG2WSCkBAJPJhKX1dEa22y2SJAGAwVe3D4/foig4tYxghIgQxzEFQQAAyPMcWZYJKz0SBAGUUgCAqqqQZRlL66mM5HmOqqru7+VWp5bJcnoNadm6X+cmI7PZDFEU9aLkNl+A969HSqlBqfR9/6unee/XNGmZPh/6luCfahgIA3kNINcBAESQ5TPkjEHLAAAAAElFTkSuQmCC")!important;
  1562. Menu button: data:image/svg+xml,<svg version='1.1' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'><style>*{font-family: 'Segoe MDL2 Assets';}</style><text x='1' y='17'>%26%23xE712;</text></svg>") !important;}
  1563. */
  1564.  
  1565. /*======================================================================
  1566.   Variables
  1567.   =======================================================================*/
  1568.  
  1569. :root {
  1570.   /* ::::: Colors ::::: */
  1571.   --main-accent-color: #FF6611; /*Firefox orange*/
  1572.   --new-tab-color: grey;
  1573.   --top-level-bg-color: #F2F2F2;
  1574.   --top-level-bg-hover-color: #DADADA;
  1575.   --top-level-bg-active-color: #C2C2C2;
  1576.   --second-level-bg-color: #e3e4e6;
  1577.   --second-level-bg-hover-color: #E6E6E6;
  1578.   --second-level-bg-active-color: #F9F9F9;
  1579.   --second-level-alt-bg-hover-color: #B3B3B3;
  1580.   --second-level-alt-bg-active-color: #9F9F9F;
  1581.   --tab-scroll-up-down-bg-color: #E6E6E6;
  1582.   --tab-scroll-up-down-bg-hover-color: #F2F2F2;
  1583.   --tab-scroll-up-down-bg-active-color: #FFFFFF;
  1584.   --tab-scroll-up-down-bg-disabled-color: #F2F2F2;
  1585.   --tab-button-bg-active-color: #e3e4e6;
  1586.   --tab-separator-color: #7A7A7A;
  1587.   --main-font-color: #000000;
  1588.   --inactive-font-color: #525252;
  1589.   --disabled-text-color: GrayText;
  1590.   --context-menu-bg-color: white;
  1591.   --context-menu-separator-color: #808080;
  1592.   --context-menu-hover-font-color: white;
  1593.   --url-bar-color: #FFFFFF;
  1594.   --tooltip-bg-color: white;
  1595.   --tooltip-text-color: black;
  1596.   --tab-attention-color-1: rgba(255, 185, 0, 0);
  1597.   --tab-attention-color-2: rgba(255, 185, 0, 1);
  1598.  
  1599.   --downloads-success-color: #bb1dfe; /*Firefox purple*/
  1600.   --downloads-progress-icon-color: #00fc79; /*Firefox green*/
  1601.   --downloads-progress-bar-color: #00fc79; /*Firefox green*/
  1602.   --downloads-start-color: #538cfc; /*Firefox blue*/
  1603.   --downloads-progress-color: #00fc79; /*Firefox green*/
  1604.  
  1605.   /* ----- Dark mode options ----- */
  1606.   --dark-top-level-bg-color: #171717;
  1607.   --dark-top-level-bg-hover-color: #4C4C4C;
  1608.   --dark-top-level-bg-active-color: #606060;
  1609.   --dark-second-level-bg-color: #1f1f1f;
  1610.   --dark-second-level-bg-hover-color: #2b2b2b;
  1611.   --dark-second-level-bg-active-color: #1a1a1a;
  1612.   --dark-second-level-alt-bg-hover-color: #171717;
  1613.   --dark-second-level-alt-bg-active-color: #444444;
  1614.   --dark-tab-scroll-up-down-bg-color: #383838;
  1615.   --dark-tab-scroll-up-down-bg-hover-color: #505050;
  1616.   --dark-tab-scroll-up-down-bg-active-color: #7C7C7C;
  1617.   --dark-tab-scroll-up-down-bg-disabled-color: #383838;
  1618.   --dark-tab-button-bg-active-color: #505050;
  1619.   --dark-tab-separator-color: #858585;
  1620.   --dark-main-font-color: #e9e9e9;
  1621.   --dark-inactive-font-color: #aaaaaa;
  1622.   --dark-disabled-text-color: #AEAEAE;
  1623.   --dark-context-menu-bg-color: #1f1f1f;
  1624.   --dark-context-menu-border-color: #767676;
  1625.   --dark-context-menu-separator-color: #5c5c61;
  1626.   --dark-context-menu-hover-font-color: white;
  1627.   --dark-url-bar-color: #373737;
  1628.   --dark-tooltip-bg-color: #1f1f1f;
  1629.   --dark-tooltip-text-color: white;
  1630.  
  1631.   /* ::::: Images ::::: */
  1632.   --new-tab-button-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'><style>*{font-family: 'Segoe MDL2 Assets'; font-size: 11pt;}</style><text x='1' y='17'>%26%23xE710;</text></svg>");
  1633.   --tab-close-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'><style>*{font-family: 'Segoe MDL2 Assets'; font-size: 7pt;}</style><text x='1' y='13.5'>%26%23xE8BB;</text></svg>");
  1634.   --tab-close-hover-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'><style>*{font-family: 'Segoe MDL2 Assets'; font-size: 7pt; fill: red;}</style><text x='1' y='13.5'>%26%23xE8BB;</text></svg>");
  1635.   --tab-close-hover-active-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'><style>*{font-family: 'Segoe MDL2 Assets'; font-size: 7pt; fill: darkred;}</style><text x='1' y='13.5'>%26%23xE8BB;</text></svg>");
  1636.   --tab-scroll-up-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'><style>*{font-family: 'Segoe MDL2 Assets';}</style><text x='1' y='17'>%26%23xE76B;</text></svg>");
  1637.   --tab-scroll-down-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'><style>*{font-family: 'Segoe MDL2 Assets';}</style><text x='1' y='17'>%26%23xE76C;</text></svg>");
  1638.   --all-tabs-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'><style>*{font-family: 'Segoe MDL2 Assets';}</style><text x='1' y='17'>%26%23xE70D;</text></svg>");
  1639.   --tab-icon-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'><style>*{font-family: 'Segoe MDL2 Assets';}</style><text x='1' y='17'>%26%23xE737;</text></svg>");
  1640.   --tab-sound-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'><style>*{font-family: 'Segoe MDL2 Assets';}</style><text x='1' y='17'>%26%23xE767;</text></svg>");
  1641.   --tab-muted-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'><style>*{font-family: 'Segoe MDL2 Assets';}</style><text x='1' y='17'>%26%23xE74F;</text></svg>");
  1642.   --dropdown-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'><style>*{font-family: 'Segoe MDL2 Assets';}</style><text x='1' y='17'>%26%23xE70D;</text></svg>");
  1643.   --back-button-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'><style>*{font-family: 'Segoe MDL2 Assets'; font-size: 11pt;}</style><text x='1' y='17'>%26%23xE72B;</text></svg>");
  1644.   --forward-button-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 18 16' xmlns='http://www.w3.org/2000/svg'><style>*{font-family: 'Segoe MDL2 Assets';font-size: 13pt;}</style><text x='1' y='16.5'>%26%23xE72A;</text></svg>");
  1645.   --reload-button-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'><style>*{font-family: 'Segoe MDL2 Assets';}</style><text x='1' y='18'>%26%23xE72C;</text></svg>");
  1646.   --stop-button-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'><style>*{font-family: 'Segoe MDL2 Assets';}</style><text x='1' y='18'>%26%23xE711;</text></svg>");
  1647.   --home-button-image: url("data:image/svg+xml,<svg version='1.1' viewBox='1 2 16 15' xmlns='http://www.w3.org/2000/svg'><style>*{font-family: 'Segoe MDL2 Assets';}</style><text x='1' y='17'>%26%23xE80F;</text></svg>");
  1648.   --library-button-image: url("data:image/svg+xml,<svg version='1.1' viewBox='1 2 16 15' xmlns='http://www.w3.org/2000/svg'><style>*{font-family: 'Segoe MDL2 Assets';}</style><text x='1' y='17'>%26%23xE8F1;</text></svg>");
  1649.   --sidebar-button-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'><style>*{font-family: 'Segoe MDL2 Assets';}</style><text x='1' y='17'>%26%23xECAA;</text></svg>");
  1650.   --overflow-button-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'><style>*{font-family: 'Segoe MDL2 Assets';}</style><text x='1' y='17'>%26%23xE76C;</text></svg>");
  1651.   --identity-icon-image: url("data:image/svg+xml,<svg version='1.1' viewBox='1 0 16 17' xmlns='http://www.w3.org/2000/svg'><style>*{font-family: 'Segoe MDL2 Assets'; font-size: 12pt}</style><text x='1' y='17'>%26%23xE946;</text></svg>");
  1652.   --tracking-protection-icon-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 19 19' xmlns='http://www.w3.org/2000/svg'><style>*{font-family: 'Segoe MDL2 Assets'; font-size: 10pt;}</style><text x='1' y='16'>%26%23xEA18;</text></svg>");
  1653.   --notification-icon-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'><style>*{font-family: 'Segoe MDL2 Assets';}</style><text x='1' y='17'>%26%23xE91C;</text></svg>");
  1654.   --notification-blocked-icon-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'><style>*{font-family: 'Segoe MDL2 Assets';}</style><text x='1' y='17'>%26%23xEE79;</text></svg>");
  1655.   --security-icon-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'><style>*{font-family: 'Segoe MDL2 Assets'; fill: green;}</style><text x='1' y='17'>%26%23xE72E;</text></svg>");
  1656.   --page-action-icon-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'><style>*{font-family: 'Segoe MDL2 Assets';}</style><text x='1' y='18'>%26%23xE712;</text></svg>");
  1657.   --go-icon-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'><style>*{font-family: 'Segoe MDL2 Assets';}</style><text x='1' y='18'>%26%23xEBE7;</text></svg>");
  1658.   --bookmark-icon-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'><style>*{font-family: 'Segoe MDL2 Assets';}</style><text x='1' y='17'>%26%23xE734;</text></svg>");
  1659.   --bookmark-hover-icon-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'><style>*{font-family: 'Segoe MDL2 Assets'; fill: orange;}</style><text x='1' y='17'>%26%23xE734;</text></svg>");
  1660.   --bookmarked-icon-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'><style>*{font-family: 'Segoe MDL2 Assets';}</style><text x='1' y='17'>%26%23xE735;</text></svg>");
  1661.   --bookmarked-hover-icon-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'><style>*{font-family: 'Segoe MDL2 Assets'; fill: orange;}</style><text x='1' y='17'>%26%23xE735;</text></svg>");
  1662.   --reader-mode-button-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'><style>*{font-family: 'Segoe MDL2 Assets'; font-size: 13pt;}</style><text x='1' y='18'>%26%23xE736;</text></svg>");
  1663.   --reader-mode-hover-button-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'><style>*{font-family: 'Segoe MDL2 Assets'; fill: orange; font-size: 13pt;}</style><text x='1' y='18'>%26%23xE736;</text></svg>");
  1664.   --reader-mode-active-button-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'><style>*{font-family: 'Segoe MDL2 Assets'; fill: orange; font-size: 13pt;}</style><text x='1' y='18'>%26%23xE736;</text></svg>");
  1665.   --downloads-button-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'><style>*{font-family: 'Segoe MDL2 Assets';}</style><text x='1' y='18'>%26%23xE896;</text></svg>");
  1666.   --downloads-button-attention-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'><style>*{font-family: 'Segoe MDL2 Assets'; fill: blue;}</style><text x='1' y='18'>%26%23xE896;</text></svg>");
  1667.   --downloads-button-start-notification-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'><style>*{font-family: 'Segoe MDL2 Assets'; fill: red;}</style><text x='1' y='18'>%26%23xE74B;</text></svg>");
  1668.   --downloads-button-finish-notification-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'><style>*{font-family: 'Segoe MDL2 Assets'; fill: green;}</style><text x='1' y='18'>%26%23xE74B;</text></svg>");
  1669.  
  1670.   /* ----- Dark mode options ----- */
  1671.   --dark-new-tab-button-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'><style>*{font-family: 'Segoe MDL2 Assets'; fill: white; font-size: 11pt;}</style><text x='1' y='17'>%26%23xE710;</text></svg>");
  1672.   --dark-tab-close-button-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'><style>*{font-family: 'Segoe MDL2 Assets'; font-size: 7pt; fill: white;}</style><text x='1' y='13.5'>%26%23xE8BB;</text></svg>");
  1673.   --dark-tab-close-hover-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'><style>*{font-family: 'Segoe MDL2 Assets'; font-size: 7pt; fill: red;}</style><text x='1' y='13.5'>%26%23xE8BB;</text></svg>");
  1674.   --dark-tab-close-hover-active-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'><style>*{font-family: 'Segoe MDL2 Assets'; font-size: 7pt; fill: darkred;}</style><text x='1' y='13.5'>%26%23xE8BB;</text></svg>");
  1675.   --dark-tab-scroll-up-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'><style>*{font-family: 'Segoe MDL2 Assets'; fill: white;}</style><text x='1' y='17'>%26%23xE76B;</text></svg>");
  1676.   --dark-tab-scroll-down-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'><style>*{font-family: 'Segoe MDL2 Assets'; fill: white;}</style><text x='1' y='17'>%26%23xE76C;</text></svg>");
  1677.   --dark-all-tabs-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'><style>*{font-family: 'Segoe MDL2 Assets'; fill: white;}</style><text x='1' y='17'>%26%23xE70D;</text></svg>");
  1678.   --dark-tab-icon-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'><style>*{font-family: 'Segoe MDL2 Assets'; fill: white;}</style><text x='1' y='17'>%26%23xE737;</text></svg>");
  1679.   --dark-tab-sound-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'><style>*{font-family: 'Segoe MDL2 Assets'; fill: white;}</style><text x='1' y='17'>%26%23xE767;</text></svg>");
  1680.   --dark-tab-muted-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'><style>*{font-family: 'Segoe MDL2 Assets'; fill: white;}</style><text x='1' y='17'>%26%23xE74F;</text></svg>");
  1681.   --dark-dropdown-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'><style>*{font-family: 'Segoe MDL2 Assets'; fill: white;}</style><text x='1' y='17'>%26%23xE70D;</text></svg>");
  1682.   --dark-back-button-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'><style>*{font-family: 'Segoe MDL2 Assets'; fill: white; font-size: 11pt;}</style><text x='0' y='17'>%26%23xE72B;</text></svg>");
  1683.   --dark-forward-button-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 18 16' xmlns='http://www.w3.org/2000/svg'><style>*{font-family: 'Segoe MDL2 Assets'; fill: white; font-size: 13pt;}</style><text x='1' y='16.5'>%26%23xE72A;</text></svg>");
  1684.   --dark-reload-button-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'><style>*{font-family: 'Segoe MDL2 Assets'; fill: white;}</style><text x='1' y='18'>%26%23xE72C;</text></svg>");
  1685.   --dark-stop-button-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'><style>*{font-family: 'Segoe MDL2 Assets'; fill: white;}</style><text x='1' y='18'>%26%23xE711;</text></svg>");
  1686.   --dark-home-button-image: url("data:image/svg+xml,<svg version='1.1' viewBox='1 2 16 15' xmlns='http://www.w3.org/2000/svg'><style>*{font-family: 'Segoe MDL2 Assets'; fill: white;}</style><text x='1' y='17'>%26%23xE80F;</text></svg>");
  1687.   --dark-library-button-image: url("data:image/svg+xml,<svg version='1.1' viewBox='1 2 16 15' xmlns='http://www.w3.org/2000/svg'><style>*{font-family: 'Segoe MDL2 Assets'; fill: white;}</style><text x='1' y='17'>%26%23xE8F1;</text></svg>");
  1688.   --dark-sidebar-button-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'><style>*{font-family: 'Segoe MDL2 Assets'; fill: white;}</style><text x='1' y='17'>%26%23xECAA;</text></svg>");
  1689.   --dark-overflow-button-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'><style>*{font-family: 'Segoe MDL2 Assets'; fill: white;}</style><text x='1' y='17'>%26%23xE76C;</text></svg>");
  1690.   --dark-identity-icon-image: url("data:image/svg+xml,<svg version='1.1' viewBox='1 0 16 17' xmlns='http://www.w3.org/2000/svg'><style>*{font-family: 'Segoe MDL2 Assets'; font-size: 12pt; fill: white;}</style><text x='1' y='17'>%26%23xE946;</text></svg>");
  1691.   --dark-tracking-protection-icon-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 19 19' xmlns='http://www.w3.org/2000/svg'><style>*{font-family: 'Segoe MDL2 Assets'; font-size: 10pt; fill: white;}</style><text x='1' y='16'>%26%23xEA18;</text></svg>");
  1692.   --dark-notification-icon-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 18 17' xmlns='http://www.w3.org/2000/svg'><style>*{font-family: 'Segoe MDL2 Assets'; fill: white;}</style><text x='1' y='17'>%26%23xE91C;</text></svg>");
  1693.   --dark-notification-blocked-icon-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 18 17' xmlns='http://www.w3.org/2000/svg'><style>*{font-family: 'Segoe MDL2 Assets'; fill: white;}</style><text x='1' y='17'>%26%23xEE79;</text></svg>");
  1694.   --dark-security-icon-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'><style>*{font-family: 'Segoe MDL2 Assets'; fill: limegreen;}</style><text x='1' y='17'>%26%23xE72E;</text></svg>");
  1695.   --dark-security-mixed-icon-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'><style>*{font-family: 'Segoe MDL2 Assets'; fill: yellow;}</style><text x='1' y='17'>%26%23xE785;</text></svg>");
  1696.   --dark-security-insecure-icon-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'><style>*{font-family: 'Segoe MDL2 Assets'; fill: red;}</style><text x='1' y='17'>%26%23xE785;</text></svg>");    
  1697.   --dark-page-action-icon-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'><style>*{font-family: 'Segoe MDL2 Assets'; fill: white;}</style><text x='1' y='18'>%26%23xE712;</text></svg>");
  1698.   --dark-go-icon-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'><style>*{font-family: 'Segoe MDL2 Assets'; fill: white;}</style><text x='1' y='18'>%26%23xEBE7;</text></svg>");
  1699.   --dark-bookmark-icon-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'><style>*{font-family: 'Segoe MDL2 Assets'; fill: white;}</style><text x='1' y='17'>%26%23xE734;</text></svg>");
  1700.   --dark-bookmark-hover-icon-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'><style>*{font-family: 'Segoe MDL2 Assets'; fill: orange;}</style><text x='1' y='17'>%26%23xE734;</text></svg>");
  1701.   --dark-bookmarked-icon-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'><style>*{font-family: 'Segoe MDL2 Assets'; fill: white;}</style><text x='1' y='17'>%26%23xE735;</text></svg>");
  1702.   --dark-bookmarked-hover-icon-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'><style>*{font-family: 'Segoe MDL2 Assets'; fill: orange;}</style><text x='1' y='17'>%26%23xE735;</text></svg>");
  1703.   --dark-reader-mode-button-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'><style>*{font-family: 'Segoe MDL2 Assets'; fill: white; font-size: 13pt;}</style><text x='1' y='18'>%26%23xE736;</text></svg>");
  1704.   --dark-reader-mode-hover-button-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'><style>*{font-family: 'Segoe MDL2 Assets'; fill: orange; font-size: 13pt;}</style><text x='1' y='18'>%26%23xE736;</text></svg>");
  1705.   --dark-reader-mode-active-button-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'><style>*{font-family: 'Segoe MDL2 Assets'; fill: orange; font-size: 13pt;}</style><text x='1' y='18'>%26%23xE736;</text></svg>");
  1706. }
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!