SHARE
TWEET

Vortikal's Theme on FirefoxCSS subreddit

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