API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jul 1st, 2022
176
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 79.00 KB | None | 0 0
raw download clone embed print report
  1. @import "special/windows_11_10.css";
  2. @import "special/windows_8_7.css";
  3. @import "special/linux.css";
  4. @import "special/mac.css";
  5.  
  6. @media (-moz-platform: windows),
  7. (-moz-platform: linux),
  8. (-moz-platform: macos),
  9.  
  10. /* ESR / Waterfox */
  11. (-moz-os-version: windows-win10),
  12. (-moz-os-version: windows-win8),
  13. (-moz-os-version: windows-win7),
  14. (-moz-gtk-csd-available),
  15. (-moz-mac-big-sur-theme)
  16. {
  17.  
  18. /* ---------------------------------------- Shadows ---------------------------------------- */
  19.  
  20. /* -------------------- Main Shadow -------------------- */
  21.  
  22. :root:is(:not(:-moz-lwtheme),
  23. [lwt-default-theme-in-dark-mode],
  24. [style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"],
  25. [style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"])
  26. {
  27. --tab-bar-main-inner-shadow: inset 0 calc(-1 * var(--main-shadow-blur, 0px)) var(--main-shadow-blur, 0px) calc(-1 * var(--main-shadow-blur, 0px)) var(--main-shadow-color, transparent);
  28. --special-main-outer-shadow: drop-shadow(0 0 calc(var(--main-shadow-blur, 0px) / 2) var(--main-shadow-color, transparent));
  29. }
  30.  
  31. /* ---------- Blur ---------- */
  32.  
  33. @supports -moz-bool-pref("Style.Main-Shadow-Blur-Low")
  34. {
  35. :root
  36. {
  37. --main-shadow-blur: 2px;
  38. }
  39. }
  40.  
  41. @supports -moz-bool-pref("Style.Main-Shadow-Blur-Medium")
  42. {
  43. :root
  44. {
  45. --main-shadow-blur: 4px;
  46. }
  47. }
  48.  
  49. @supports -moz-bool-pref("Style.Main-Shadow-Blur-High")
  50. {
  51. :root
  52. {
  53. --main-shadow-blur: 6px;
  54. }
  55. }
  56.  
  57. @supports -moz-bool-pref("Style.Main-Shadow-Blur-Very-High")
  58. {
  59. :root
  60. {
  61. --main-shadow-blur: 8px;
  62. }
  63. }
  64.  
  65. /* ---------- Saturation (Light) ---------- */
  66.  
  67. @media (prefers-color-scheme: light)
  68. {
  69. @supports -moz-bool-pref("Style.Main-Shadow-Saturation-Low")
  70. {
  71. :root
  72. {
  73. --main-shadow-color: rgba(0,0,0,0.1)
  74. }
  75. }
  76.  
  77. @supports -moz-bool-pref("Style.Main-Shadow-Saturation-Medium")
  78. {
  79. :root
  80. {
  81. --main-shadow-color: rgba(0,0,0,0.15)
  82. }
  83. }
  84.  
  85. @supports -moz-bool-pref("Style.Main-Shadow-Saturation-High")
  86. {
  87. :root
  88. {
  89. --main-shadow-color: rgba(0,0,0,0.2)
  90. }
  91. }
  92.  
  93. @supports -moz-bool-pref("Style.Main-Shadow-Saturation-Very-High")
  94. {
  95. :root
  96. {
  97. --main-shadow-color: rgba(0,0,0,0.25)
  98. }
  99. }
  100. }
  101.  
  102. /* ---------- Saturation (Dark) ---------- */
  103.  
  104. @media (prefers-color-scheme: dark)
  105. {
  106. @supports -moz-bool-pref("Style.Main-Shadow-Saturation-Low")
  107. {
  108. :root
  109. {
  110. --main-shadow-color: rgba(0,0,0,0.25);
  111. }
  112. }
  113.  
  114. @supports -moz-bool-pref("Style.Main-Shadow-Saturation-Medium")
  115. {
  116. :root
  117. {
  118. --main-shadow-color: rgba(0,0,0,0.5);
  119. }
  120. }
  121.  
  122. @supports -moz-bool-pref("Style.Main-Shadow-Saturation-High")
  123. {
  124. :root
  125. {
  126. --main-shadow-color: rgba(0,0,0,0.75);
  127. }
  128. }
  129.  
  130. @supports -moz-bool-pref("Style.Main-Shadow-Saturation-Very-High")
  131. {
  132. :root
  133. {
  134. --main-shadow-color: rgba(0,0,0,1.0);
  135. }
  136. }
  137. }
  138.  
  139. /* -------------------- Additional Shadow -------------------- */
  140.  
  141. :root:is(:not(:-moz-lwtheme),
  142. [lwt-default-theme-in-dark-mode],
  143. [style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"],
  144. [style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"])
  145. {
  146. --tab-bar-additional-inner-shadow: inset 0 calc(-1 * var(--additional-shadow-blur, 0px)) var(--additional-shadow-blur, 0px) calc(-1 * var(--additional-shadow-blur, 0px)) var(--additional-shadow-color, transparent);
  147. --special-additional-outer-shadow: drop-shadow(0 0 calc(var(--additional-shadow-blur, 0px) / 2) var(--additional-shadow-color, transparent));
  148. }
  149.  
  150. /* ---------- Blur ---------- */
  151.  
  152. @supports -moz-bool-pref("Style.Additional-Shadow-Blur-Low")
  153. {
  154. :root
  155. {
  156. --additional-shadow-blur: 2px;
  157. }
  158. }
  159.  
  160. @supports -moz-bool-pref("Style.Additional-Shadow-Blur-Medium")
  161. {
  162. :root
  163. {
  164. --additional-shadow-blur: 4px;
  165. }
  166. }
  167.  
  168. @supports -moz-bool-pref("Style.Additional-Shadow-Blur-High")
  169. {
  170. :root
  171. {
  172. --additional-shadow-blur: 6px;
  173. }
  174. }
  175.  
  176. @supports -moz-bool-pref("Style.Additional-Shadow-Blur-Very-High")
  177. {
  178. :root
  179. {
  180. --additional-shadow-blur: 8px;
  181. }
  182. }
  183.  
  184. /* ---------- Saturation (Light) ---------- */
  185.  
  186. @media (prefers-color-scheme: light)
  187. {
  188. @supports -moz-bool-pref("Style.Additional-Shadow-Saturation-Low")
  189. {
  190. :root
  191. {
  192. --additional-shadow-color: rgba(0,0,0,0.1)
  193. }
  194. }
  195.  
  196. @supports -moz-bool-pref("Style.Additional-Shadow-Saturation-Medium")
  197. {
  198. :root
  199. {
  200. --additional-shadow-color: rgba(0,0,0,0.15)
  201. }
  202. }
  203.  
  204. @supports -moz-bool-pref("Style.Additional-Shadow-Saturation-High")
  205. {
  206. :root
  207. {
  208. --additional-shadow-color: rgba(0,0,0,0.2)
  209. }
  210. }
  211.  
  212. @supports -moz-bool-pref("Style.Additional-Shadow-Saturation-Very-High")
  213. {
  214. :root
  215. {
  216. --additional-shadow-color: rgba(0,0,0,0.25)
  217. }
  218. }
  219. }
  220.  
  221. /* ---------- Saturation (Dark) ---------- */
  222.  
  223. @media (prefers-color-scheme: dark)
  224. {
  225. @supports -moz-bool-pref("Style.Additional-Shadow-Saturation-Low")
  226. {
  227. :root
  228. {
  229. --additional-shadow-color: rgba(0,0,0,0.25);
  230. }
  231. }
  232.  
  233. @supports -moz-bool-pref("Style.Additional-Shadow-Saturation-Medium")
  234. {
  235. :root
  236. {
  237. --additional-shadow-color: rgba(0,0,0,0.5);
  238. }
  239. }
  240.  
  241. @supports -moz-bool-pref("Style.Additional-Shadow-Saturation-High")
  242. {
  243. :root
  244. {
  245. --additional-shadow-color: rgba(0,0,0,0.75);
  246. }
  247. }
  248.  
  249. @supports -moz-bool-pref("Style.Additional-Shadow-Saturation-Very-High")
  250. {
  251. :root
  252. {
  253. --additional-shadow-color: rgba(0,0,0,1.0);
  254. }
  255. }
  256. }
  257.  
  258. /* ---------------------------------------- Additional Container Indicator ---------------------------------------- */
  259.  
  260. @supports -moz-bool-pref("Style.Additional-Container-Indicator")
  261. {
  262. .tabbrowser-tab[usercontextid] .tab-background
  263. {
  264. background-color: color-mix(in srgb, var(--identity-icon-color) 25%, transparent);
  265. }
  266.  
  267. .tabbrowser-tab[usercontextid] .tab-background::before,
  268. .tabbrowser-tab[usercontextid] .tab-background::after
  269. {
  270. fill: color-mix(in srgb, var(--identity-icon-color) 25%, transparent);
  271. }
  272.  
  273. .tabbrowser-tab[usercontextid]::before,
  274. .tabbrowser-tab[usercontextid]::after,
  275. .tabbrowser-tab[usercontextid] + .tabbrowser-tab::before,
  276. .tabbrowser-tab[usercontextid] + #tabs-newtab-button::before
  277. {
  278. opacity: 0 !important;
  279. }
  280. }
  281.  
  282. /* ---------------------------------------- Toolbar Transparency ---------------------------------------- */
  283.  
  284. @supports -moz-bool-pref("Style.Toolbar-Transparency-Low")
  285. {
  286. :root:not(:-moz-lwtheme)
  287. {
  288. --toolbar-bgcolor: rgba(255,255,255,0.75) !important;
  289. --toolbar-field-background-color: rgba(255,255,255,0.75) !important;
  290. --toolbar-field-border-color: transparent !important;
  291. --chrome-content-separator-color: transparent !important;
  292. --button-hover-bgcolor: rgba(0,0,0,0.1) !important;
  293. --button-active-bgcolor: rgba(0,0,0,0.2) !important;
  294. --main-shadow-color: transparent !important;
  295. --additional-shadow-color: transparent !important;
  296. }
  297.  
  298. :root[lwt-default-theme-in-dark-mode]
  299. {
  300. --toolbar-bgcolor: rgba(0,0,0,0.75) !important;
  301. --toolbar-field-background-color: rgba(0,0,0,0.75) !important;
  302. --toolbar-field-border-color: transparent !important;
  303. --chrome-content-separator-color: transparent !important;
  304. --button-hover-bgcolor: rgba(255,255,255,0.1) !important;
  305. --button-active-bgcolor: rgba(255,255,255,0.2) !important;
  306. --main-shadow-color: transparent !important;
  307. --additional-shadow-color: transparent !important;
  308. }
  309. }
  310.  
  311. @supports -moz-bool-pref("Style.Toolbar-Transparency-Medium")
  312. {
  313. :root:not(:-moz-lwtheme)
  314. {
  315. --toolbar-bgcolor: rgba(255,255,255,0.5) !important;
  316. --toolbar-field-background-color: rgba(255,255,255,0.5) !important;
  317. --toolbar-field-border-color: transparent !important;
  318. --chrome-content-separator-color: transparent !important;
  319. --button-hover-bgcolor: rgba(0,0,0,0.1) !important;
  320. --button-active-bgcolor: rgba(0,0,0,0.2) !important;
  321. --main-shadow-color: transparent !important;
  322. --additional-shadow-color: transparent !important;
  323. }
  324.  
  325. :root[lwt-default-theme-in-dark-mode]
  326. {
  327. --toolbar-bgcolor: rgba(0,0,0,0.5) !important;
  328. --toolbar-field-background-color: rgba(0,0,0,0.5) !important;
  329. --toolbar-field-border-color: transparent !important;
  330. --chrome-content-separator-color: transparent !important;
  331. --button-hover-bgcolor: rgba(255,255,255,0.1) !important;
  332. --button-active-bgcolor: rgba(255,255,255,0.2) !important;
  333. --main-shadow-color: transparent !important;
  334. --additional-shadow-color: transparent !important;
  335. }
  336. }
  337.  
  338. @supports -moz-bool-pref("Style.Toolbar-Transparency-High")
  339. {
  340. :root:not(:-moz-lwtheme)
  341. {
  342. --toolbar-bgcolor: rgba(255,255,255,0.25) !important;
  343. --toolbar-field-background-color: rgba(255,255,255,0.25) !important;
  344. --toolbar-field-border-color: transparent !important;
  345. --chrome-content-separator-color: transparent !important;
  346. --button-hover-bgcolor: rgba(0,0,0,0.1) !important;
  347. --button-active-bgcolor: rgba(0,0,0,0.2) !important;
  348. --main-shadow-color: transparent !important;
  349. --additional-shadow-color: transparent !important;
  350. }
  351.  
  352. :root[lwt-default-theme-in-dark-mode]
  353. {
  354. --toolbar-bgcolor: rgba(0,0,0,0.25) !important;
  355. --toolbar-field-background-color: rgba(0,0,0,0.25) !important;
  356. --toolbar-field-border-color: transparent !important;
  357. --chrome-content-separator-color: transparent !important;
  358. --button-hover-bgcolor: rgba(255,255,255,0.1) !important;
  359. --button-active-bgcolor: rgba(255,255,255,0.2) !important;
  360. --main-shadow-color: transparent !important;
  361. --additional-shadow-color: transparent !important;
  362. }
  363. }
  364.  
  365. /* ---------------------------------------- Colorways ---------------------------------------- */
  366.  
  367. /* -------------------- Light -------------------- */
  368.  
  369. @supports -moz-bool-pref("Style.Colorways-Light-Gray")
  370. {
  371. :root[style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"]:not([lwtheme-image])
  372. {
  373. --lwt-accent-color: rgb(170,176,182) !important;
  374. --toolbar-bgcolor: rgb(221,223,226) !important;
  375. --toolbar-field-background-color: rgb(252,252,252) !important;
  376. --chrome-content-separator-color: transparent !important;
  377. --button-hover-bgcolor: rgba(0,0,0,0.1) !important;
  378. --button-active-bgcolor: rgba(0,0,0,0.2) !important;
  379. }
  380. }
  381.  
  382. @supports -moz-bool-pref("Style.Colorways-Mint")
  383. {
  384. :root[style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"]:not([lwtheme-image])
  385. {
  386. --lwt-accent-color: rgb(125,182,191) !important;
  387. --toolbar-bgcolor: rgb(200,224,228) !important;
  388. --toolbar-field-background-color: rgb(245,249,250) !important;
  389. --chrome-content-separator-color: transparent !important;
  390. --button-hover-bgcolor: rgba(0,0,0,0.1) !important;
  391. --button-active-bgcolor: rgba(0,0,0,0.2) !important;
  392. }
  393. }
  394.  
  395. @supports -moz-bool-pref("Style.Colorways-Blue-Green")
  396. {
  397. :root[style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"]:not([lwtheme-image])
  398. {
  399. --lwt-accent-color: rgb(48,165,167) !important;
  400. --toolbar-bgcolor: rgb(98,209,210) !important;
  401. --toolbar-field-background-color: rgb(168,230,230) !important;
  402. --chrome-content-separator-color: transparent !important;
  403. --button-hover-bgcolor: rgba(0,0,0,0.1) !important;
  404. --button-active-bgcolor: rgba(0,0,0,0.2) !important;
  405. }
  406. }
  407.  
  408. @supports -moz-bool-pref("Style.Colorways-Blue")
  409. {
  410. :root[style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"]:not([lwtheme-image])
  411. {
  412. --lwt-accent-color: rgb(96,157,191) !important;
  413. --toolbar-bgcolor: rgb(163,198,218) !important;
  414. --toolbar-field-background-color: rgb(202,222,234) !important;
  415. --chrome-content-separator-color: transparent !important;
  416. --button-hover-bgcolor: rgba(0,0,0,0.1) !important;
  417. --button-active-bgcolor: rgba(0,0,0,0.2) !important;
  418. }
  419. }
  420.  
  421. @supports -moz-bool-pref("Style.Colorways-Light-Pink")
  422. {
  423. :root[style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"]:not([lwtheme-image])
  424. {
  425. --lwt-accent-color: rgb(216,178,173) !important;
  426. --toolbar-bgcolor: rgb(241,227,225) !important;
  427. --toolbar-field-background-color: rgb(213,200,199) !important;
  428. --chrome-content-separator-color: transparent !important;
  429. --button-hover-bgcolor: rgba(0,0,0,0.1) !important;
  430. --button-active-bgcolor: rgba(0,0,0,0.2) !important;
  431. }
  432. }
  433.  
  434. @supports -moz-bool-pref("Style.Colorways-Pink")
  435. {
  436. :root[style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"]:not([lwtheme-image])
  437. {
  438. --lwt-accent-color: rgb(253,112,161) !important;
  439. --toolbar-bgcolor: rgb(254,188,211) !important;
  440. --toolbar-field-background-color: rgb(255,227,236) !important;
  441. --chrome-content-separator-color: transparent !important;
  442. --button-hover-bgcolor: rgba(0,0,0,0.1) !important;
  443. --button-active-bgcolor: rgba(0,0,0,0.2) !important;
  444. }
  445. }
  446.  
  447. @supports -moz-bool-pref("Style.Colorways-Yellow")
  448. {
  449. :root[style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"]:not([lwtheme-image])
  450. {
  451. --lwt-accent-color: rgb(215,174,70) !important;
  452. --toolbar-bgcolor: rgb(240,226,189) !important;
  453. --toolbar-field-background-color: rgb(212,199,167) !important;
  454. --chrome-content-separator-color: transparent !important;
  455. --button-hover-bgcolor: rgba(0,0,0,0.1) !important;
  456. --button-active-bgcolor: rgba(0,0,0,0.2) !important;
  457. }
  458. }
  459.  
  460. @supports -moz-bool-pref("Style.Colorways-Orange")
  461. {
  462. :root[style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"]:not([lwtheme-image])
  463. {
  464. --lwt-accent-color: rgb(235,143,59) !important;
  465. --toolbar-bgcolor: rgb(245,203,163) !important;
  466. --toolbar-field-background-color: rgb(251,236,221) !important;
  467. --chrome-content-separator-color: transparent !important;
  468. --button-hover-bgcolor: rgba(0,0,0,0.1) !important;
  469. --button-active-bgcolor: rgba(0,0,0,0.2) !important;
  470. }
  471. }
  472.  
  473. /* -------------------- Dark -------------------- */
  474.  
  475. @supports -moz-bool-pref("Style.Colorways-Dark-Grey")
  476. {
  477. :root[style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"]:not([lwt-default-theme-in-dark-mode], [lwtheme-image])
  478. {
  479. --lwt-accent-color: rgb(56,57,60) !important;
  480. --toolbar-bgcolor: rgb(86,88,93) !important;
  481. --toolbar-field-background-color: rgb(70,71,75) !important;
  482. --chrome-content-separator-color: transparent !important;
  483. --button-hover-bgcolor: rgba(255,255,255,0.1) !important;
  484. --button-active-bgcolor: rgba(255,255,255,0.2) !important;
  485. }
  486. }
  487.  
  488. @supports -moz-bool-pref("Style.Colorways-Gray-Blue")
  489. {
  490. :root[style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"]:not([lwt-default-theme-in-dark-mode], [lwtheme-image])
  491. {
  492. --lwt-accent-color: rgb(42,52,65) !important;
  493. --toolbar-bgcolor: rgb(68,84,105) !important;
  494. --toolbar-field-background-color: rgb(54,67,84) !important;
  495. --chrome-content-separator-color: transparent !important;
  496. --button-hover-bgcolor: rgba(255,255,255,0.1) !important;
  497. --button-active-bgcolor: rgba(255,255,255,0.2) !important;
  498. }
  499. }
  500.  
  501. @supports -moz-bool-pref("Style.Colorways-Navy-Blue")
  502. {
  503. :root[style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"]:not([lwt-default-theme-in-dark-mode], [lwtheme-image])
  504. {
  505. --lwt-accent-color: rgb(7,43,71) !important;
  506. --toolbar-bgcolor: rgb(12,76,125) !important;
  507. --toolbar-field-background-color: rgb(9,58,96) !important;
  508. --chrome-content-separator-color: transparent !important;
  509. --button-hover-bgcolor: rgba(255,255,255,0.1) !important;
  510. --button-active-bgcolor: rgba(255,255,255,0.2) !important;
  511. }
  512. }
  513.  
  514. @supports -moz-bool-pref("Style.Colorways-Purple")
  515. {
  516. :root[style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"]:not([lwt-default-theme-in-dark-mode], [lwtheme-image])
  517. {
  518. --lwt-accent-color: rgb(71,34,112) !important;
  519. --toolbar-bgcolor: rgb(110,53,174) !important;
  520. --toolbar-field-background-color: rgb(88,43,140) !important;
  521. --chrome-content-separator-color: transparent !important;
  522. --button-hover-bgcolor: rgba(255,255,255,0.1) !important;
  523. --button-active-bgcolor: rgba(255,255,255,0.2) !important;
  524. }
  525. }
  526.  
  527. @supports -moz-bool-pref("Style.Colorways-Red")
  528. {
  529. :root[style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"]:not([lwt-default-theme-in-dark-mode], [lwtheme-image])
  530. {
  531. --lwt-accent-color: rgb(111,15,21) !important;
  532. --toolbar-bgcolor: rgb(169,23,33) !important;
  533. --toolbar-field-background-color: rgb(137,19,27) !important;
  534. --chrome-content-separator-color: transparent !important;
  535. --button-hover-bgcolor: rgba(255,255,255,0.1) !important;
  536. --button-active-bgcolor: rgba(255,255,255,0.2) !important;
  537. }
  538. }
  539.  
  540. @supports -moz-bool-pref("Style.Colorways-Green")
  541. {
  542. :root[style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"]:not([lwt-default-theme-in-dark-mode], [lwtheme-image])
  543. {
  544. --lwt-accent-color: rgb(10,62,30) !important;
  545. --toolbar-bgcolor: rgb(15,97,47) !important;
  546. --toolbar-field-background-color: rgb(12,77,37) !important;
  547. --chrome-content-separator-color: transparent !important;
  548. --button-hover-bgcolor: rgba(255,255,255,0.1) !important;
  549. --button-active-bgcolor: rgba(255,255,255,0.2) !important;
  550. }
  551. }
  552.  
  553. /* ---------------------------------------- Unneeded styles ---------------------------------------- */
  554.  
  555. :root
  556. {
  557. --tab-selected-bgcolor: unset !important;
  558. --lwt-selected-tab-background-color: unset !important;
  559. --tab-selected-bgimage: unset !important;
  560. --tabs-navbar-shadow-size: 0 !important;
  561. }
  562.  
  563. /* ---------------------------------------- Density ---------------------------------------- */
  564.  
  565. :root[uidensity="compact"]
  566. {
  567. --tab-min-height: 30px !important;
  568. }
  569.  
  570. :root[uidensity="touch"]
  571. {
  572. --tab-min-height: 40px !important;
  573. }
  574.  
  575. /* ---------------------------------------- Context Menus (Not System Related) ---------------------------------------- */
  576.  
  577. @supports -moz-bool-pref("Style.Context-Menus-Compact") or
  578. -moz-bool-pref("Style.Context-Menus-Normal") or
  579. -moz-bool-pref("Style.Context-Menus-Touch")
  580. {
  581. :root
  582. {
  583. --arrowpanel-menuitem-margin: 0 var(--browser-context-menu-margin-padding) !important;
  584. --arrowpanel-menuitem-padding-block: var(--browser-context-menu-margin-padding) !important;
  585. --arrowpanel-menuitem-padding-inline: var(--browser-context-menu-margin-padding) !important;
  586. --panel-separator-margin-vertical: var(--browser-context-menu-margin-padding) !important;
  587. --panel-separator-margin-horizontal: var(--browser-context-menu-margin-padding) !important;
  588. --panel-subview-body-padding: var(--browser-context-menu-margin-padding) 0 !important;
  589. }
  590. }
  591.  
  592. @supports -moz-bool-pref("Style.Context-Menus-Compact")
  593. {
  594. :root
  595. {
  596. --browser-context-menu-margin-padding: 4px;
  597. }
  598. }
  599.  
  600. @supports -moz-bool-pref("Style.Context-Menus-Normal")
  601. {
  602. :root
  603. {
  604. --browser-context-menu-margin-padding: 6px;
  605. }
  606. }
  607.  
  608. @supports -moz-bool-pref("Style.Context-Menus-Touch")
  609. {
  610. :root
  611. {
  612. --browser-context-menu-margin-padding: 8px;
  613. }
  614. }
  615.  
  616. /* ---------------------------------------- Pinned Tabs Width ---------------------------------------- */
  617.  
  618. @supports -moz-bool-pref("Style.Pinned-Tabs-Width-Offset-Low")
  619. {
  620. :root
  621. {
  622. --pinned-tabs-width-offset: 1px;
  623. }
  624. }
  625.  
  626. @supports -moz-bool-pref("Style.Pinned-Tabs-Width-Offset-Medium")
  627. {
  628. :root
  629. {
  630. --pinned-tabs-width-offset: 2px;
  631. }
  632. }
  633.  
  634. @supports -moz-bool-pref("Style.Pinned-Tabs-Width-Offset-High")
  635. {
  636. :root
  637. {
  638. --pinned-tabs-width-offset: 3px;
  639. }
  640. }
  641.  
  642. @supports -moz-bool-pref("Style.Pinned-Tabs-Width-Offset-Very-High")
  643. {
  644. :root
  645. {
  646. --pinned-tabs-width-offset: 4px;
  647. }
  648. }
  649.  
  650. .tabbrowser-tab[pinned] .tab-content
  651. {
  652. padding: 0 calc((var(--tab-min-height) 15px) / 2 + var(--pinned-tabs-width-offset, 0px)) !important;
  653. }
  654.  
  655. /* ---------------------------------------- Drag Space ---------------------------------------- */
  656.  
  657. @supports -moz-bool-pref("Style.Left-Drag-Space-Disabled")
  658. {
  659. .titlebar-spacer[type="pre-tabs"]
  660. {
  661. display: none !important;
  662. }
  663. }
  664.  
  665. @supports -moz-bool-pref("Style.Right-Drag-Space-Disabled")
  666. {
  667. .titlebar-spacer[type="post-tabs"]
  668. {
  669. display: none !important;
  670. }
  671. }
  672.  
  673. /* -------------------- Windowed Mode -------------------- */
  674.  
  675. @supports -moz-bool-pref("Style.Drag-Space-Above-Tabs-Windowed-Mode-Low")
  676. {
  677. :root[sizemode="normal"]
  678. {
  679. --drag-space-above-tabs: 4px;
  680. }
  681. }
  682.  
  683. @supports -moz-bool-pref("Style.Drag-Space-Above-Tabs-Windowed-Mode-Medium")
  684. {
  685. :root[sizemode="normal"]
  686. {
  687. --drag-space-above-tabs: 8px;
  688. }
  689. }
  690.  
  691. @supports -moz-bool-pref("Style.Drag-Space-Above-Tabs-Windowed-Mode-High")
  692. {
  693. :root[sizemode="normal"]
  694. {
  695. --drag-space-above-tabs: 12px;
  696. }
  697. }
  698.  
  699. @supports -moz-bool-pref("Style.Drag-Space-Above-Tabs-Windowed-Mode-Very-High")
  700. {
  701. :root[sizemode="normal"]
  702. {
  703. --drag-space-above-tabs: 16px;
  704. }
  705. }
  706.  
  707. :root[sizemode="normal"]
  708. {
  709. --drag-space: var(--drag-space-above-tabs, 0px);
  710. }
  711.  
  712. /* -------------------- Maximized Mode -------------------- */
  713.  
  714. @supports -moz-bool-pref("Style.Drag-Space-Above-Tabs-Maximized-Mode-Low")
  715. {
  716. :root[sizemode="maximized"]
  717. {
  718. --drag-space-above-tabs: 2px;
  719. }
  720. }
  721.  
  722. @supports -moz-bool-pref("Style.Drag-Space-Above-Tabs-Maximized-Mode-Medium")
  723. {
  724. :root[sizemode="maximized"]
  725. {
  726. --drag-space-above-tabs: 4px;
  727. }
  728. }
  729.  
  730. @supports -moz-bool-pref("Style.Drag-Space-Above-Tabs-Maximized-Mode-High")
  731. {
  732. :root[sizemode="maximized"]
  733. {
  734. --drag-space-above-tabs: 6px;
  735. }
  736. }
  737.  
  738. @supports -moz-bool-pref("Style.Drag-Space-Above-Tabs-Maximized-Mode-Very-High")
  739. {
  740. :root[sizemode="maximized"]
  741. {
  742. --drag-space-above-tabs: 8px;
  743. }
  744. }
  745.  
  746. :root[sizemode="maximized"]
  747. {
  748. --drag-space: var(--drag-space-above-tabs, 0px);
  749. }
  750.  
  751. /* -------------------- Fullscreen Mode -------------------- */
  752.  
  753. @supports -moz-bool-pref("Style.Drag-Space-Above-Tabs-Fullscreen-Mode-Low")
  754. {
  755. :root[sizemode="fullscreen"]
  756. {
  757. --drag-space-above-tabs: 2px;
  758. }
  759. }
  760.  
  761. @supports -moz-bool-pref("Style.Drag-Space-Above-Tabs-Fullscreen-Mode-Medium")
  762. {
  763. :root[sizemode="fullscreen"]
  764. {
  765. --drag-space-above-tabs: 4px;
  766. }
  767. }
  768.  
  769. @supports -moz-bool-pref("Style.Drag-Space-Above-Tabs-Fullscreen-Mode-High")
  770. {
  771. :root[sizemode="fullscreen"]
  772. {
  773. --drag-space-above-tabs: 6px;
  774. }
  775. }
  776.  
  777. @supports -moz-bool-pref("Style.Drag-Space-Above-Tabs-Fullscreen-Mode-Very-High")
  778. {
  779. :root[sizemode="fullscreen"]
  780. {
  781. --drag-space-above-tabs: 8px;
  782. }
  783. }
  784.  
  785. :root[sizemode="fullscreen"]
  786. {
  787. --drag-space: var(--drag-space-above-tabs, 0px);
  788. }
  789.  
  790. #TabsToolbar :is(.tabbrowser-tab, .toolbarbutton-1, separator, #personal-bookmarks, #search-container, .accessibility-indicator, .private-browsing-indicator)
  791. {
  792. margin-top: var(--drag-space) !important;
  793. }
  794.  
  795. /* ---------- Shadow DOM ---------- */
  796.  
  797. #tabbrowser-arrowscrollbox
  798. {
  799. --margin-top: var(--drag-space) !important;
  800. }
  801.  
  802. #scrollbutton-up,
  803. #scrollbutton-down,
  804. spacer[part="overflow-start-indicator"],
  805. spacer[part="overflow-end-indicator"]
  806. {
  807. margin-top: var(--margin-top, revert) !important;
  808. }
  809.  
  810. /* ESR / Waterfox */
  811. #tabbrowser-arrowscrollbox[overflowing]
  812. {
  813. --toolbarbutton-inner-padding: 0 !important;
  814. }
  815.  
  816. /* ---------------------------------------- Titlebar ---------------------------------------- */
  817.  
  818. :root:not([lwtheme-image]) .titlebar-color
  819. {
  820. color: inherit !important;
  821. --toolbarbutton-icon-fill: currentColor !important;
  822. --toolbarbutton-hover-background: color-mix(in srgb, currentColor 10%, transparent) !important;
  823. --toolbarbutton-active-background: color-mix(in srgb, currentColor 20%, transparent) !important;
  824. }
  825.  
  826. /* ---------------------------------------- Tabs ---------------------------------------- */
  827.  
  828. .tabbrowser-tab
  829. {
  830. --tab-label-mask-size: 1em !important;
  831. color: inherit !important;
  832. }
  833.  
  834. .tabbrowser-tab[visuallyselected]
  835. {
  836. color: var(--lwt-tab-text, var(--toolbar-color)) !important;
  837. }
  838.  
  839. .tabbrowser-tab[visuallyselected] .tab-background
  840. {
  841. filter: var(--special-main-outer-shadow) var(--special-additional-outer-shadow);
  842. }
  843.  
  844. .tab-background
  845. {
  846. position: relative !important;
  847. box-shadow: none !important;
  848. opacity: 1 !important;
  849. border: none !important;
  850. outline: none !important;
  851. }
  852.  
  853. .tabbrowser-tab:hover:not([visuallyselected],[multiselected]) .tab-background
  854. {
  855. background: var(--toolbarbutton-hover-background) !important;
  856. }
  857.  
  858. .tabbrowser-tab[multiselected]:not([visuallyselected]) .tab-background
  859. {
  860. background: var(--toolbarbutton-active-background) !important;
  861. }
  862.  
  863. .tab-loading-burst
  864. {
  865. display: none !important;
  866. }
  867.  
  868. .tab-close-button
  869. {
  870. width: 24px !important;
  871. padding: 7px !important;
  872. border-radius: 50% !important;
  873. }
  874.  
  875. /* -------------------- Container Indicators -------------------- */
  876.  
  877. .tab-context-line
  878. {
  879. margin-block: calc(var(--tab-min-height) - 2px) 0px !important;
  880. }
  881.  
  882. /* -------------------- Tab Icon Indicators -------------------- */
  883.  
  884. #TabsToolbar
  885. {
  886. --attention-icon-color: currentColor !important;
  887. }
  888.  
  889. .tabbrowser-tab:not([visuallyselected]) .tab-icon-stack[busy] .tab-throbber::before
  890. {
  891. fill: currentColor !important;
  892. }
  893.  
  894. .tab-sharing-icon-overlay
  895. {
  896. fill: currentColor !important;
  897. }
  898.  
  899. /* -------------------- Media Icons -------------------- */
  900.  
  901. .tab-icon-overlay
  902. {
  903. stroke: transparent !important;
  904. background-color: transparent !important;
  905. border-radius: 50% !important;
  906. color: inherit !important;
  907. fill: currentColor !important;
  908. fill-opacity: 1 !important;
  909. z-index: 1 !important;
  910. }
  911.  
  912. .tabbrowser-tab:is([image], [pinned]) .tab-icon-overlay
  913. {
  914. top: -6px !important;
  915. inset-inline-end: -6px !important;
  916. }
  917.  
  918. .tab-icon-overlay:hover
  919. {
  920. background-color: var(--toolbarbutton-hover-background) !important;
  921. }
  922.  
  923. .tab-icon-overlay:active
  924. {
  925. background-color: var(--toolbarbutton-active-background) !important;
  926. }
  927.  
  928. .tab-icon-stack[busy] .tab-icon-overlay
  929. {
  930. display: none !important;
  931. }
  932.  
  933. .tabbrowser-tab:not([pinned]) :is(.tab-throbber, .tab-icon-pending, .tab-icon-image, .tab-sharing-icon-overlay, .tab-icon-overlay)
  934. {
  935. margin-inline-end: var(--inline-tab-padding) !important;
  936. opacity: 1.0 !important;
  937. }
  938.  
  939. .tabbrowser-tab:is([image], [pinned]):is([soundplaying], [muted], [activemedia-blocked]) .tab-icon-stack:not([busy]) :is(.tab-throbber, .tab-icon-pending, .tab-icon-image, .tab-sharing-icon-overlay)
  940. {
  941. mask-image: url("./special/SVG_Masks/sound_mask_16.svg");
  942. }
  943.  
  944. /* -------------------- Tab Status Bar -------------------- */
  945.  
  946. #tabbrowser-tabs:not([secondarytext-unsupported]) .tab-label-container
  947. {
  948. height: var(--tab-min-height) !important;
  949. }
  950.  
  951. .tab-label
  952. {
  953. line-height: 20px !important;
  954. }
  955.  
  956. .tab-secondary-label
  957. {
  958. -moz-box-ordinal-group: 0 !important;
  959. line-height: 16px !important;
  960. margin-block: 2px -6px !important;
  961. }
  962.  
  963. /* ---------- Picture-In-Picture ---------- */
  964.  
  965. .tabbrowser-tab[pictureinpicture] .tab-icon-stack::before
  966. {
  967. content: "";
  968. position: absolute;
  969. width: 16px;
  970. height: 16px;
  971. background-image: url("chrome://global/skin/media/picture-in-picture-open.svg");
  972. fill: currentColor;
  973. -moz-context-properties: fill;
  974. }
  975.  
  976. .tabbrowser-tab[pictureinpicture] .tab-icon-overlay
  977. {
  978. top: -6px !important;
  979. inset-inline-end: -6px !important;
  980. }
  981.  
  982. .tabbrowser-tab[pictureinpicture] :is(.tab-icon-image, .tab-sharing-icon-overlay)
  983. {
  984. position: relative !important;
  985. padding: 2px !important;
  986. left: 6px !important;
  987. top: 6px !important;
  988. mask-image: none !important;
  989. box-sizing: border-box !important;
  990. z-index: 1 !important;
  991. }
  992.  
  993. .tabbrowser-tab[pictureinpicture]:not([image], [pinned]) .tab-icon-image
  994. {
  995. display: revert !important;
  996. }
  997.  
  998. .tabbrowser-tab[pictureinpicture]:not([soundplaying], [muted], [activemedia-blocked]) .tab-icon-stack::before
  999. {
  1000. mask-image: url("./special/SVG_Masks/pip_mask_16.svg");
  1001. }
  1002.  
  1003. .tabbrowser-tab[pictureinpicture]:is([soundplaying], [muted], [activemedia-blocked]) .tab-icon-stack::before
  1004. {
  1005. mask-image: url("./special/SVG_Masks/sound_pip_mask_16.svg");
  1006. }
  1007.  
  1008. /* ---------------------------------------- Tab Bar ---------------------------------------- */
  1009.  
  1010. #TabsToolbar
  1011. {
  1012. --toolbarbutton-inner-padding: inherit !important;
  1013. position: relative;
  1014. clip-path: fill-box;
  1015. }
  1016.  
  1017. #TabsToolbar::before
  1018. {
  1019. content: "";
  1020. position: absolute;
  1021. width: 100%;
  1022. height: 100%;
  1023. left: 0%;
  1024. bottom: 0%;
  1025. z-index: 2;
  1026. box-shadow: var(--tab-bar-main-inner-shadow), var(--tab-bar-additional-inner-shadow);
  1027. background-repeat: no-repeat;
  1028. pointer-events: none;
  1029. }
  1030.  
  1031. #TabsToolbar #search-container
  1032. {
  1033. padding-block: 0 !important;
  1034. }
  1035.  
  1036. /* ---------------------------------------- Indents ---------------------------------------- */
  1037.  
  1038. #TabsToolbar-customization-target > :is(toolbarbutton, toolbaritem):first-child,
  1039. #TabsToolbar-customization-target > toolbarpaletteitem:first-child > :is(toolbarbutton, toolbaritem)
  1040. {
  1041. margin-left: calc(var(--toolbar-start-end-padding) - var(--toolbarbutton-outer-padding)) !important;
  1042. }
  1043.  
  1044. #TabsToolbar-customization-target > :is(toolbarbutton, toolbaritem):last-child,
  1045. #TabsToolbar-customization-target > toolbarpaletteitem:last-child > :is(toolbarbutton, toolbaritem),
  1046. #tabs-newtab-button
  1047. {
  1048. margin-right: calc(var(--toolbar-start-end-padding) - var(--toolbarbutton-outer-padding)) !important;
  1049. }
  1050.  
  1051. #tabbrowser-tabs:not([overflow]) .tabbrowser-tab[first-visible-unpinned-tab]
  1052. {
  1053. margin-left: 0 !important;
  1054. }
  1055.  
  1056. /* ---------------------------------------- Separators ---------------------------------------- */
  1057.  
  1058. .tabbrowser-tab:not([pinned])::before,
  1059. .tabbrowser-tab[last-visible-tab]:not([pinned])::after
  1060. {
  1061. content: "";
  1062. display: inherit;
  1063. position: absolute;
  1064. width: 1px;
  1065. background-image: linear-gradient(transparent 25%, currentColor 25%, currentColor 75%, transparent 75%);
  1066. opacity: var(--separators-color-saturation, 0);
  1067. }
  1068.  
  1069. .tabbrowser-tab:is(
  1070. [selected],
  1071. [selected] + .tabbrowser-tab,
  1072. :hover,
  1073. :hover + .tabbrowser-tab,
  1074. [multiselected],
  1075. [multiselected] + .tabbrowser-tab)::before,
  1076. .tabbrowser-tab:is(
  1077. [selected],
  1078. :hover,
  1079. [multiselected])::after
  1080. {
  1081. opacity: 0 !important;
  1082. }
  1083.  
  1084. .tabbrowser-tab::after
  1085. {
  1086. margin-left: -1px;
  1087. transform: translateX(1px);
  1088. }
  1089.  
  1090. #tabbrowser-tabs[overflow] .tabbrowser-tab[first-visible-unpinned-tab]::before,
  1091. #tabbrowser-tabs[overflow] .tabbrowser-tab::after
  1092. {
  1093. opacity: 0 !important;
  1094. }
  1095.  
  1096. @supports -moz-bool-pref("Style.Separators-Saturation-Low")
  1097. {
  1098. :root
  1099. {
  1100. --separators-color-saturation: 0.25;
  1101. }
  1102. }
  1103.  
  1104. @supports -moz-bool-pref("Style.Separators-Saturation-Normal")
  1105. {
  1106. :root
  1107. {
  1108. --separators-color-saturation: 0.5;
  1109. }
  1110. }
  1111.  
  1112. @supports -moz-bool-pref("Style.Separators-Saturation-High")
  1113. {
  1114. :root
  1115. {
  1116. --separators-color-saturation: 0.75;
  1117. }
  1118. }
  1119.  
  1120. @supports -moz-bool-pref("Style.Separators-Saturation-Very-High")
  1121. {
  1122. :root
  1123. {
  1124. --separators-color-saturation: 1;
  1125. }
  1126. }
  1127.  
  1128. @supports -moz-bool-pref("Style.Disable-First-Separator")
  1129. {
  1130. #tabbrowser-tabs:not([overflow]) .tabbrowser-tab[first-visible-unpinned-tab]::before
  1131. {
  1132. opacity: 0;
  1133. }
  1134. }
  1135.  
  1136. @media (min-resolution: 1.25dppx)
  1137. {
  1138. .tabbrowser-tab::before,
  1139. .tabbrowser-tab::after
  1140. {
  1141. width: 0.8px !important;
  1142. }
  1143. }
  1144.  
  1145. @media (min-resolution: 1.5dppx)
  1146. {
  1147. .tabbrowser-tab::before,
  1148. .tabbrowser-tab::after
  1149. {
  1150. width: 0.66px !important;
  1151. }
  1152. }
  1153.  
  1154. @media (min-resolution: 1.75dppx)
  1155. {
  1156. .tabbrowser-tab::before,
  1157. .tabbrowser-tab::after
  1158. {
  1159. width: 0.57px !important;
  1160. }
  1161. }
  1162.  
  1163. @media (min-resolution: 2dppx)
  1164. {
  1165. .tabbrowser-tab::before,
  1166. .tabbrowser-tab::after
  1167. {
  1168. width: 0.5px !important;
  1169. }
  1170. }
  1171.  
  1172. /* ---------------------------------------- Compact Mode Plus ---------------------------------------- */
  1173.  
  1174. @supports -moz-bool-pref("Style.Compact-Plus")
  1175. {
  1176. :root[uidensity="compact"]
  1177. {
  1178. --tab-min-height: 28px !important;
  1179. }
  1180. }
  1181.  
  1182. /* ---------------------------------------- Derived Styles ---------------------------------------- */
  1183.  
  1184. /* -------------------- SVG -------------------- */
  1185.  
  1186. @supports -moz-bool-pref("Style.WaveFox")
  1187. {
  1188. :root
  1189. {
  1190. --left-side-svg: url("special/WaveFox/WaveFox_left_corners_of_tabs_36.svg");
  1191. --right-side-svg: url("special/WaveFox/WaveFox_right_corners_of_tabs_36.svg");
  1192. --left-side-svg-clipped: url("special/WaveFox/WaveFox_left_corners_of_tabs_36_clipped.svg");
  1193. --right-side-svg-clipped: url("special/WaveFox/WaveFox_right_corners_of_tabs_36_clipped.svg");
  1194. }
  1195. }
  1196.  
  1197. @supports -moz-bool-pref("Style.Australis")
  1198. {
  1199. :root
  1200. {
  1201. --left-side-svg: url("special/Australis/Australis_left_corners_of_tabs_30.svg");
  1202. --right-side-svg: url("special/Australis/Australis_right_corners_of_tabs_30.svg");
  1203. --left-side-svg-clipped: url("special/Australis/Australis_left_corners_of_tabs_30_clipped.svg");
  1204. --right-side-svg-clipped: url("special/Australis/Australis_right_corners_of_tabs_30_clipped.svg");
  1205. }
  1206. }
  1207.  
  1208. @supports -moz-bool-pref("Style.Chrome-Old")
  1209. {
  1210. :root
  1211. {
  1212. --left-side-svg: url("special/Chrome_Legacy/Chrome_legacy_left_corners_of_tabs_36.svg");
  1213. --right-side-svg: url("special/Chrome_Legacy/Chrome_legacy_right_corners_of_tabs_36.svg");
  1214. --left-side-svg-clipped: url("special/Chrome_Legacy/Chrome_legacy_left_corners_of_tabs_36_clipped.svg");
  1215. --right-side-svg-clipped: url("special/Chrome_Legacy/Chrome_legacy_right_corners_of_tabs_36_clipped.svg");
  1216. }
  1217. }
  1218.  
  1219. @supports -moz-bool-pref("Style.Chrome")
  1220. {
  1221. :root
  1222. {
  1223. --left-side-svg: url("special/Chrome/Chrome_left_corners_of_tabs_36.svg");
  1224. --right-side-svg: url("special/Chrome/Chrome_right_corners_of_tabs_36.svg");
  1225. --left-side-svg-clipped: url("special/Chrome/Chrome_left_corners_of_tabs_36_clipped.svg");
  1226. --right-side-svg-clipped: url("special/Chrome/Chrome_right_corners_of_tabs_36_clipped.svg");
  1227. }
  1228. }
  1229.  
  1230. @supports -moz-bool-pref("Style.Edge")
  1231. {
  1232. :root
  1233. {
  1234. --left-side-svg: url("special/Edge/Edge_left_corners_of_tabs_32.svg");
  1235. --right-side-svg: url("special/Edge/Edge_right_corners_of_tabs_32.svg");
  1236. --left-side-svg-clipped: url("special/Edge/Edge_left_corners_of_tabs_32_clipped.svg");
  1237. --right-side-svg-clipped: url("special/Edge/Edge_right_corners_of_tabs_32_clipped.svg");
  1238. }
  1239. }
  1240.  
  1241. /* -------------------- Proton / Photon -------------------- */
  1242.  
  1243. @supports -moz-bool-pref("Style.Proton") or
  1244. -moz-bool-pref("Style.Photon")
  1245. {
  1246. :root[tabsintitlebar][sizemode="normal"] #tabbrowser-tabs:not([overflow]) .tabbrowser-tab[first-visible-tab],
  1247. :root[tabsintitlebar][sizemode="normal"] #tabbrowser-tabs[positionpinnedtabs],
  1248. #tabbrowser-tabs:not([overflow], :first-child) .tabbrowser-tab[first-visible-tab],
  1249. #tabbrowser-tabs[positionpinnedtabs]:not(:first-child)
  1250. {
  1251. margin-left: calc(var(--tab-min-height) / 4) !important;
  1252. }
  1253.  
  1254. #tabbrowser-tabs:not([overflow]) .tabbrowser-tab[last-visible-tab]
  1255. {
  1256. margin-right: calc(var(--tab-min-height) / 4) !important;
  1257. }
  1258.  
  1259. :root[tabsintitlebar]:is([sizemode="maximized"], [sizemode="fullscreen"]) #tabbrowser-tabs:first-child:not([haspinnedtabs], [overflow]) #tabbrowser-arrowscrollbox,
  1260. :root:not([tabsintitlebar]) #tabbrowser-tabs:first-child:not([haspinnedtabs], [overflow]) #tabbrowser-arrowscrollbox
  1261. {
  1262. margin-left: -1px;
  1263. }
  1264.  
  1265. /* ---------- Container Indicators ---------- */
  1266.  
  1267. .tab-context-line
  1268. {
  1269. margin-inline: calc(var(--tab-min-height) / 2) !important;
  1270. }
  1271.  
  1272. .tabbrowser-tab[pinned] .tab-context-line
  1273. {
  1274. margin-inline: calc((var(--tab-min-height) - 16px) / 2 + var(--pinned-tabs-width-offset, 0px)) !important;
  1275. }
  1276. }
  1277.  
  1278. /* -------------------- Proton -------------------- */
  1279.  
  1280. @supports -moz-bool-pref("Style.Proton")
  1281. {
  1282. /* ---------- Tab Icon Indicator ---------- */
  1283.  
  1284. .tabbrowser-tab:is([image], [pinned]) .tab-content[attention]:not([selected]),
  1285. .tab-content[pinned][titlechanged]:not([selected])
  1286. {
  1287. background-position: 50% 4px !important;
  1288. }
  1289.  
  1290. /* ---------- Separators ---------- */
  1291.  
  1292. .tabbrowser-tab::before
  1293. {
  1294. transform: translateX(-2px);
  1295. }
  1296.  
  1297. .tabbrowser-tab::after
  1298. {
  1299. transform: translateX(3px);
  1300. }
  1301. }
  1302.  
  1303. /* -------------------- WaveFox / Photon / Australis / Chrome / Chrome-Old / Edge -------------------- */
  1304.  
  1305. @supports -moz-bool-pref("Style.WaveFox") or
  1306. -moz-bool-pref("Style.Photon") or
  1307. -moz-bool-pref("Style.Australis") or
  1308. -moz-bool-pref("Style.Chrome") or
  1309. -moz-bool-pref("Style.Chrome-Old") or
  1310. -moz-bool-pref("Style.Edge")
  1311. {
  1312. /* ---------- Tabs ---------- */
  1313.  
  1314. .tabbrowser-tab
  1315. {
  1316. padding-inline: 0 !important;
  1317. }
  1318.  
  1319. .tab-background
  1320. {
  1321. margin-block: 0 !important;
  1322. border-radius: 0 !important;
  1323. }
  1324.  
  1325. /* ---------- Tab Icon Indicator ---------- */
  1326.  
  1327. .tabbrowser-tab:is([image], [pinned]) .tab-content[attention]:not([selected]),
  1328. .tab-content[pinned][titlechanged]:not([selected])
  1329. {
  1330. background-position: 50% 0% !important;
  1331. }
  1332. }
  1333.  
  1334. /* -------------------- WaveFox / Australis / Chrome / Chrome-Old / Edge -------------------- */
  1335.  
  1336. @supports -moz-bool-pref("Style.WaveFox") or
  1337. -moz-bool-pref("Style.Australis") or
  1338. -moz-bool-pref("Style.Chrome") or
  1339. -moz-bool-pref("Style.Chrome-Old") or
  1340. -moz-bool-pref("Style.Edge")
  1341. {
  1342. /* ---------- Rounded Corners (SVG) ---------- */
  1343.  
  1344. .tab-background::before,
  1345. .tab-background::after
  1346. {
  1347. content: "";
  1348. position: absolute;
  1349. bottom: 0%;
  1350. fill: transparent;
  1351. z-index: -1;
  1352. background-repeat: no-repeat;
  1353. pointer-events: none;
  1354. -moz-context-properties: fill, stroke;
  1355. }
  1356.  
  1357. .tab-background::before
  1358. {
  1359. right: 100%;
  1360. background-image: var(--left-side-svg);
  1361. }
  1362.  
  1363. .tab-background::after
  1364. {
  1365. left: 100%;
  1366. background-image: var(--right-side-svg);
  1367. }
  1368.  
  1369. .tabbrowser-tab[visuallyselected] .tab-background::before,
  1370. .tabbrowser-tab[visuallyselected] .tab-background::after
  1371. {
  1372. fill: var(--toolbar-bgcolor) !important;
  1373. }
  1374.  
  1375. .tabbrowser-tab:hover .tab-background::before,
  1376. .tabbrowser-tab:hover .tab-background::after
  1377. {
  1378. fill: var(--toolbarbutton-hover-background);
  1379. }
  1380.  
  1381. .tabbrowser-tab[multiselected] .tab-background::before,
  1382. .tabbrowser-tab[multiselected] .tab-background::after
  1383. {
  1384. fill: var(--toolbarbutton-active-background);
  1385. }
  1386.  
  1387. #tabbrowser-arrowscrollbox:not([overflowing]) .tabbrowser-tab[beforeselected-visible] .tab-background::after
  1388. {
  1389. --right-side-svg: var(--right-side-svg-clipped);
  1390. }
  1391.  
  1392. #tabbrowser-arrowscrollbox:not([overflowing]) .tabbrowser-tab[visuallyselected] + .tabbrowser-tab .tab-background::before
  1393. {
  1394. --left-side-svg: var(--left-side-svg-clipped);
  1395. }
  1396.  
  1397. /* ---------- Container Indicators ---------- */
  1398.  
  1399. .tab-context-line
  1400. {
  1401. margin-inline: 0px !important;
  1402. }
  1403. }
  1404.  
  1405. /* ---------- WaveFox / Australis / Chrome-Old ---------- */
  1406.  
  1407. @supports -moz-bool-pref("Style.WaveFox") or
  1408. -moz-bool-pref("Style.Australis") or
  1409. -moz-bool-pref("Style.Chrome-Old")
  1410. {
  1411. /* ---------- Rounded Corners (SVG) ---------- */
  1412.  
  1413. .tab-background::before,
  1414. .tab-background::after
  1415. {
  1416. width: var(--tab-min-height);
  1417. height: var(--tab-min-height);
  1418. background-size: var(--tab-min-height);
  1419. }
  1420.  
  1421. /* ---------- Tabs ---------- */
  1422.  
  1423. .tab-background
  1424. {
  1425. margin-inline: calc(var(--tab-min-height) / 2) !important;
  1426. }
  1427.  
  1428. /* ---------- Indents ---------- */
  1429.  
  1430. #tabbrowser-tabs:not([overflow]) .tabbrowser-tab[first-visible-tab],
  1431. #tabbrowser-tabs[positionpinnedtabs],
  1432. #tabbrowser-tabs[overflow] .tabbrowser-tab[first-visible-unpinned-tab]
  1433. {
  1434. margin-left: 0px !important;
  1435. }
  1436.  
  1437. .tabbrowser-tab[last-visible-tab]
  1438. {
  1439. margin-right: calc(var(--tab-min-height) / 2) !important;
  1440. }
  1441.  
  1442. /* ---------- Container Indicators ---------- */
  1443.  
  1444. .tabbrowser-tab[pinned] .tab-context-line
  1445. {
  1446. margin-inline: calc(var(--tab-min-height) / -2 + (var(--tab-min-height) - 16px) / 2 + var(--pinned-tabs-width-offset, 0px)) !important;
  1447. }
  1448. }
  1449.  
  1450. /* -------------------- Chrome / Edge -------------------- */
  1451.  
  1452. @supports -moz-bool-pref("Style.Chrome") or
  1453. -moz-bool-pref("Style.Edge")
  1454. {
  1455. /* ---------- Rounded Corners (SVG) ---------- */
  1456.  
  1457. .tab-background::before,
  1458. .tab-background::after
  1459. {
  1460. width: calc(var(--tab-min-height) / 2);
  1461. height: var(--tab-min-height);
  1462. background-size: calc(var(--tab-min-height) / 2);
  1463. }
  1464.  
  1465. /* ---------- Tabs ---------- */
  1466.  
  1467. .tab-background
  1468. {
  1469. margin-inline: calc(var(--tab-min-height) / 4) !important;
  1470. }
  1471.  
  1472. /* ---------- Indents ---------- */
  1473.  
  1474. #tabbrowser-tabs:not([overflow]) .tabbrowser-tab[first-visible-tab],
  1475. #tabbrowser-tabs[positionpinnedtabs],
  1476. #tabbrowser-tabs[overflow] .tabbrowser-tab[first-visible-unpinned-tab]
  1477. {
  1478. margin-left: calc(var(--tab-min-height) / 4) !important;
  1479. }
  1480.  
  1481. .tabbrowser-tab[last-visible-tab]
  1482. {
  1483. margin-right: calc(var(--tab-min-height) / 4) !important;
  1484. }
  1485.  
  1486. /* ---------- Container Indicators ---------- */
  1487.  
  1488. .tabbrowser-tab[pinned] .tab-context-line
  1489. {
  1490. margin-inline: calc(var(--tab-min-height) / -4 + (var(--tab-min-height) - 16px) / 2 + var(--pinned-tabs-width-offset, 0px)) !important;
  1491. }
  1492. }
  1493.  
  1494. /* ---------------------------------------- New Tab Button ---------------------------------------- */
  1495.  
  1496. @supports -moz-bool-pref("Style.New-Tab-Button-Like-Pinned-Tab")
  1497. {
  1498. /* ---------- Separator ---------- */
  1499.  
  1500. #tabs-newtab-button::before
  1501. {
  1502. content: "";
  1503. display: inherit;
  1504. position: absolute;
  1505. width: 1px;
  1506. background-image: linear-gradient(transparent 25%, currentColor 25%, currentColor 75%, transparent 75%);
  1507. opacity: var(--separators-color-saturation, 0);
  1508. }
  1509.  
  1510. @media (min-resolution: 1.25dppx)
  1511. {
  1512. #tabs-newtab-button::before
  1513. {
  1514. width: 0.8px !important;
  1515. }
  1516. }
  1517.  
  1518. @media (min-resolution: 1.5dppx)
  1519. {
  1520. #tabs-newtab-button::before
  1521. {
  1522. width: 0.66px !important;
  1523. }
  1524. }
  1525.  
  1526. @media (min-resolution: 1.75dppx)
  1527. {
  1528. #tabs-newtab-button::before
  1529. {
  1530. width: 0.57px !important;
  1531. }
  1532. }
  1533.  
  1534. @media (min-resolution: 2dppx)
  1535. {
  1536. #tabs-newtab-button::before
  1537. {
  1538. width: 0.5px !important;
  1539. }
  1540. }
  1541.  
  1542. /* ---------- Separator Hover / Active ---------- */
  1543.  
  1544. #tabs-newtab-button:not([disabled="true"], [checked], [open], :active):hover::before,
  1545. #tabs-newtab-button:not([disabled="true"]):is([open], [checked], :hover:active)::before,
  1546. .tabbrowser-tab:is([visuallyselected], :hover, [multiselected], [pinned]) + #tabs-newtab-button::before,
  1547. .tabbrowser-tab::after
  1548. {
  1549. opacity: 0 !important;
  1550. }
  1551.  
  1552. /* ---------- Proton / Photon ---------- */
  1553.  
  1554. @supports -moz-bool-pref("Style.Proton") or
  1555. -moz-bool-pref("Style.Photon")
  1556. {
  1557. /* ---------- New Tab Button ---------- */
  1558.  
  1559. #tabs-newtab-button
  1560. {
  1561. --toolbarbutton-inner-padding: calc((var(--tab-min-height) - 16px) / 2) !important;
  1562. margin-left: calc(var(--tab-min-height) / -4) !important;
  1563. }
  1564.  
  1565. /* ---------- New Tab Button Icon ---------- */
  1566.  
  1567. #tabs-newtab-button .toolbarbutton-icon
  1568. {
  1569. width: calc(var(--tab-min-height) + var(--pinned-tabs-width-offset, 0px) * 2) !important;
  1570. padding-inline: calc(var(--toolbarbutton-inner-padding) + var(--pinned-tabs-width-offset, 0px)) !important;
  1571. }
  1572. }
  1573.  
  1574. /* ---------- Proton ---------- */
  1575.  
  1576. @supports -moz-bool-pref("Style.Proton")
  1577. {
  1578. /* ---------- Separator ---------- */
  1579.  
  1580. #tabs-newtab-button::before
  1581. {
  1582. height: calc(var(--tab-min-height) + var(--tab-block-margin) * 2);
  1583. transform: translateX(-2px);
  1584. }
  1585. }
  1586.  
  1587. /* ---------- Photon ---------- */
  1588.  
  1589. @supports -moz-bool-pref("Style.Photon")
  1590. {
  1591. /* ---------- New Tab Button ---------- */
  1592.  
  1593. #tabs-newtab-button
  1594. {
  1595. padding: 0px !important;
  1596. }
  1597.  
  1598. /* ---------- New Tab Button Icon ---------- */
  1599.  
  1600. #tabs-newtab-button .toolbarbutton-icon
  1601. {
  1602. border-radius: 0 !important;
  1603. }
  1604.  
  1605. /* ---------- Separator ---------- */
  1606.  
  1607. #tabs-newtab-button::before
  1608. {
  1609. height: var(--tab-min-height);
  1610. }
  1611. }
  1612.  
  1613. /* ---------- WaveFox / Australis / Chrome-Old / Chrome / Edge ---------- */
  1614.  
  1615. @supports -moz-bool-pref("Style.WaveFox") or
  1616. -moz-bool-pref("Style.Australis") or
  1617. -moz-bool-pref("Style.Chrome-Old") or
  1618. -moz-bool-pref("Style.Chrome") or
  1619. -moz-bool-pref("Style.Edge")
  1620. {
  1621. /* ---------- New Tab Button ---------- */
  1622.  
  1623. #tabs-newtab-button
  1624. {
  1625. --new-tab-middle: linear-gradient(transparent, transparent);
  1626. background-image: var(--left-side-svg), var(--new-tab-middle) !important;
  1627. background-repeat: no-repeat !important;
  1628. padding: 0px !important;
  1629. fill: transparent !important;
  1630. }
  1631.  
  1632. .tabbrowser-tab[visuallyselected] + #tabs-newtab-button
  1633. {
  1634. --left-side-svg: var(--left-side-svg-clipped) !important;
  1635. }
  1636.  
  1637. /* ---------- New Tab Button Icon ---------- */
  1638.  
  1639. #tabs-newtab-button .toolbarbutton-icon
  1640. {
  1641. width: var(--tab-min-height) !important;
  1642. height: var(--tab-min-height) !important;
  1643. padding: calc((var(--tab-min-height) - 16px) / 2) !important;
  1644. }
  1645.  
  1646. /* ---------- Separator ---------- */
  1647.  
  1648. #tabs-newtab-button::before
  1649. {
  1650. height: var(--tab-min-height);
  1651. margin-left: -1px;
  1652. }
  1653.  
  1654. /* ---------- Right Corner ---------- */
  1655.  
  1656. #tabs-newtab-button::after
  1657. {
  1658. content: "";
  1659. display: block;
  1660. position: absolute;
  1661. height: var(--tab-min-height);
  1662. background-image: var(--right-side-svg);
  1663. background-repeat: no-repeat;
  1664. transform: translate(calc(var(--tab-min-height) + var(--pinned-tabs-width-offset, 0px) * 2), calc(var(--tab-min-height) / -2));
  1665. pointer-events: none;
  1666. }
  1667.  
  1668. /* ---------- Hover / Active ---------- */
  1669.  
  1670. #tabs-newtab-button:not([disabled="true"], [checked], [open], :active):hover
  1671. {
  1672. --new-tab-middle: linear-gradient(var(--toolbarbutton-hover-background), var(--toolbarbutton-hover-background));
  1673. fill: var(--toolbarbutton-hover-background) !important;
  1674. }
  1675.  
  1676. #tabs-newtab-button:not([disabled="true"]):is([open], [checked], :hover:active)
  1677. {
  1678. --new-tab-middle: linear-gradient(var(--toolbarbutton-active-background), var(--toolbarbutton-active-background));
  1679. fill: var(--toolbarbutton-active-background) !important;
  1680. }
  1681.  
  1682. #tabs-newtab-button .toolbarbutton-icon
  1683. {
  1684. fill: var(--toolbarbutton-icon-fill) !important;
  1685. }
  1686.  
  1687. /* ---------- Unwanted Hover / Active ---------- */
  1688.  
  1689. #tabs-newtab-button:not([disabled="true"], [checked], [open], :active):hover > .toolbarbutton-icon,
  1690. #tabs-newtab-button:not([disabled="true"]):is([open], [checked], :hover:active) > .toolbarbutton-icon
  1691. {
  1692. background-color: transparent !important;
  1693. }
  1694. }
  1695.  
  1696. /* ---------- WaveFox / Australis / Chrome-Old ---------- */
  1697.  
  1698. @supports -moz-bool-pref("Style.WaveFox") or
  1699. -moz-bool-pref("Style.Australis") or
  1700. -moz-bool-pref("Style.Chrome-Old")
  1701. {
  1702. /* ---------- New Tab Button ---------- */
  1703.  
  1704. #tabs-newtab-button
  1705. {
  1706. background-size: var(--tab-min-height), calc(var(--pinned-tabs-width-offset, 0px) * 2) var(--tab-min-height) !important;
  1707. background-position: left, var(--tab-min-height) !important;
  1708. margin-left: calc(-1 * var(--tab-min-height) + 1px) !important;
  1709. margin-right: calc(var(--tab-min-height) / 2 + var(--pinned-tabs-width-offset, 0px)) !important;
  1710. }
  1711.  
  1712. /* ---------- New Tab Button Icon ---------- */
  1713.  
  1714. #tabs-newtab-button .toolbarbutton-icon
  1715. {
  1716. margin-left: calc(var(--tab-min-height) / 2 + var(--pinned-tabs-width-offset, 0px)) !important;
  1717. }
  1718.  
  1719. /* ---------- Separator ---------- */
  1720.  
  1721. #tabs-newtab-button::before
  1722. {
  1723. transform: translateX(calc(var(--tab-min-height) / 2));
  1724. }
  1725.  
  1726. /* ---------- Right Corner ---------- */
  1727.  
  1728. #tabs-newtab-button::after
  1729. {
  1730. width: var(--tab-min-height);
  1731. background-size: var(--tab-min-height);
  1732. }
  1733. }
  1734.  
  1735. /* ---------- Chrome / Edge ---------- */
  1736.  
  1737. @supports -moz-bool-pref("Style.Chrome") or
  1738. -moz-bool-pref("Style.Edge")
  1739. {
  1740. /* ---------- New Tab Button ---------- */
  1741.  
  1742. #tabs-newtab-button
  1743. {
  1744. background-size: calc(var(--tab-min-height) / 2), calc(var(--tab-min-height) / 2 + var(--pinned-tabs-width-offset, 0px) * 2) var(--tab-min-height) !important;
  1745. background-position: left, calc(var(--tab-min-height) / 2) !important;
  1746. margin-left: calc(var(--tab-min-height) / -2 + 1px) !important;
  1747. margin-right: calc(var(--tab-min-height) / 4 + var(--pinned-tabs-width-offset, 0px)) !important;
  1748. }
  1749.  
  1750. /* ---------- New Tab Button Icon ---------- */
  1751.  
  1752. #tabs-newtab-button .toolbarbutton-icon
  1753. {
  1754. margin-left: calc(var(--tab-min-height) / 4 + var(--pinned-tabs-width-offset, 0px)) !important;
  1755. }
  1756.  
  1757. /* ---------- Separator ---------- */
  1758.  
  1759. #tabs-newtab-button::before
  1760. {
  1761. transform: translateX(calc(var(--tab-min-height) / 4));
  1762. }
  1763.  
  1764. /* ---------- Right Corner ---------- */
  1765.  
  1766. #tabs-newtab-button::after
  1767. {
  1768. width: calc(var(--tab-min-height) / 2);
  1769. background-size: calc(var(--tab-min-height) / 2);
  1770. }
  1771. }
  1772. }
  1773.  
  1774. /* ---------------------------------------- Menu Icons ---------------------------------------- */
  1775.  
  1776. /* ---------- Regular Icons ---------- */
  1777.  
  1778. @supports -moz-bool-pref("Style.Menu-Icons-Regular")
  1779. {
  1780. :root
  1781. {
  1782. --tab-new-page: url("./icons/tab_desktop_new_page_20_regular.svg");
  1783. --window: url("./icons/window_20_regular.svg");
  1784. --window-inprivate-account: url("./icons/window_inprivate_account_20_regular.svg");
  1785. --star-line-horizontal: url("./icons/star_line_horizontal_3_20_regular.svg");
  1786. --star-add: url("./icons/star_add_20_regular.svg");
  1787. --star: url("./icons/star_20_filled.svg");
  1788. --history: url("./icons/history_20_regular.svg");
  1789. --arrow-download: url("./icons/arrow_download_20_regular.svg");
  1790. --key: url("./icons/key_20_regular.svg");
  1791. --puzzle-piece: url("./icons/puzzle_piece_20_regular.svg");
  1792. --print: url("./icons/print_20_regular.svg");
  1793. --save-edit: url("./icons/save_edit_20_regular.svg");
  1794. --document-search: url("./icons/document_search_20_regular.svg");
  1795. --settings: url("./icons/settings_20_regular.svg");
  1796. --question-circle: url("./icons/question_circle_20_regular.svg");
  1797. --color: url("./icons/color_20_regular.svg");
  1798. --window-dev-tools: url("./icons/window_dev_tools_20_regular.svg");
  1799. --person-feedback: url("./icons/person_feedback_20_regular.svg");
  1800. --warning: url("./icons/warning_20_regular.svg");
  1801. --arrow-clockwise: url("./icons/arrow_clockwise_20_regular.svg");
  1802. --arrow-redo: url("./icons/arrow_redo_20_regular.svg");
  1803. --arrow-undo: url("./icons/arrow_undo_20_regular.svg");
  1804. --clipboard-paste: url("./icons/clipboard_paste_20_regular.svg");
  1805. --clipboard-search: url("./icons/clipboard_search_20_regular.svg");
  1806. --copy: url("./icons/copy_20_regular.svg");
  1807. --cut: url("./icons/cut_20_regular.svg");
  1808. --delete: url("./icons/delete_20_regular.svg");
  1809. --dismiss: url("./icons/dismiss_20_regular.svg");
  1810. --folder-add: url("./icons/folder_add_20_regular.svg");
  1811. --pin: url("./icons/pin_20_regular.svg");
  1812. --speaker-mute: url("./icons/speaker_mute_20_regular.svg");
  1813. --tab-desktop: url("./icons/tab_desktop_20_regular.svg");
  1814. --tab-desktop-copy: url("./icons/tab_desktop_copy_20_regular.svg");
  1815. --edit: url("./icons/edit_20_regular.svg");
  1816. --speaker-2: url("./icons/speaker_2_20_regular.svg");
  1817. --camera-edit: url("./icons/camera_edit_20_regular.svg");
  1818. --cursor-hover: url("./icons/cursor_hover_20_regular.svg");
  1819. --image-copy: url("./icons/image_copy_20_regular.svg");
  1820. --image-edit: url("./icons/image_edit_20_regular.svg");
  1821. --link: url("./icons/link_20_regular.svg");
  1822. --play: url("./icons/play_20_regular.svg");
  1823. --pause: url("./icons/pause_20_regular.svg");
  1824. --search: url("./icons/search_20_regular.svg");
  1825. --tab-desktop-image: url("./icons/tab_desktop_image_20_regular.svg");
  1826. }
  1827. }
  1828.  
  1829. /* ---------- Filled Icons ---------- */
  1830.  
  1831. @supports -moz-bool-pref("Style.Menu-Icons-Filled")
  1832. {
  1833. :root
  1834. {
  1835. --tab-new-page: url("./icons/tab_desktop_new_page_20_filled.svg");
  1836. --window: url("./icons/window_20_filled.svg");
  1837. --window-inprivate-account: url("./icons/window_inprivate_account_20_filled.svg");
  1838. --star-line-horizontal: url("./icons/star_line_horizontal_3_20_filled.svg");
  1839. --star-add: url("./icons/star_add_20_filled.svg");
  1840. --star: url("./icons/star_20_filled.svg");
  1841. --history: url("./icons/history_20_filled.svg");
  1842. --arrow-download: url("./icons/arrow_download_20_filled.svg");
  1843. --key: url("./icons/key_20_filled.svg");
  1844. --puzzle-piece: url("./icons/puzzle_piece_20_filled.svg");
  1845. --print: url("./icons/print_20_filled.svg");
  1846. --save-edit: url("./icons/save_edit_20_filled.svg");
  1847. --document-search: url("./icons/document_search_20_filled.svg");
  1848. --settings: url("./icons/settings_20_filled.svg");
  1849. --question-circle: url("./icons/question_circle_20_filled.svg");
  1850. --color: url("./icons/color_20_filled.svg");
  1851. --window-dev-tools: url("./icons/window_dev_tools_20_filled.svg");
  1852. --person-feedback: url("./icons/person_feedback_20_filled.svg");
  1853. --warning: url("./icons/warning_20_filled.svg");
  1854. --arrow-clockwise: url("./icons/arrow_clockwise_20_filled.svg");
  1855. --arrow-redo: url("./icons/arrow_redo_20_filled.svg");
  1856. --arrow-undo: url("./icons/arrow_undo_20_filled.svg");
  1857. --clipboard-paste: url("./icons/clipboard_paste_20_filled.svg");
  1858. --clipboard-search: url("./icons/clipboard_search_20_filled.svg");
  1859. --copy: url("./icons/copy_20_filled.svg");
  1860. --cut: url("./icons/cut_20_filled.svg");
  1861. --delete: url("./icons/delete_20_filled.svg");
  1862. --dismiss: url("./icons/dismiss_20_filled.svg");
  1863. --folder-add: url("./icons/folder_add_20_filled.svg");
  1864. --pin: url("./icons/pin_20_filled.svg");
  1865. --speaker-mute: url("./icons/speaker_mute_20_filled.svg");
  1866. --tab-desktop: url("./icons/tab_desktop_20_filled.svg");
  1867. --tab-desktop-copy: url("./icons/tab_desktop_copy_20_filled.svg");
  1868. --edit: url("./icons/edit_20_filled.svg");
  1869. --speaker-2: url("./icons/speaker_2_20_filled.svg");
  1870. --camera-edit: url("./icons/camera_edit_20_filled.svg");
  1871. --cursor-hover: url("./icons/cursor_hover_20_filled.svg");
  1872. --image-copy: url("./icons/image_copy_20_filled.svg");
  1873. --image-edit: url("./icons/image_edit_20_filled.svg");
  1874. --link: url("./icons/link_20_filled.svg");
  1875. --play: url("./icons/play_20_filled.svg");
  1876. --pause: url("./icons/pause_20_filled.svg");
  1877. --search: url("./icons/search_20_filled.svg");
  1878. --tab-desktop-image: url("./icons/tab_desktop_image_20_filled.svg");
  1879. }
  1880. }
  1881.  
  1882. /* ---------- Native Browser Menus ---------- */
  1883.  
  1884. @supports -moz-bool-pref("Style.Menu-Icons-Regular") or
  1885. -moz-bool-pref("Style.Menu-Icons-Filled")
  1886. {
  1887. :is(
  1888.  
  1889. /* ----- Main Menu ----- */
  1890.  
  1891. #appMenu-new-tab-button2,
  1892. #appMenu-new-window-button2,
  1893. #appMenu-new-private-window-button2,
  1894. #appMenu-bookmarks-button,
  1895. #appMenu-history-button,
  1896. #appMenu-downloads-button,
  1897. #appMenu-passwords-button,
  1898. #appMenu-extensions-themes-button,
  1899. #appMenu-print-button2,
  1900. #appMenu-save-file-button2,
  1901. #appMenu-find-button2,
  1902. #appMenu-settings-button,
  1903. #appMenu-help-button2,
  1904.  
  1905. /* ----- Main Menu (Submenus) ----- */
  1906.  
  1907. #appmenu-moreTools-button,
  1908. #appmenu-developer-tools-view > toolbarbutton:nth-child(1),
  1909.  
  1910. #appMenu_menu_openHelp,
  1911. #appMenu_feedbackPage,
  1912. #appMenu_menu_HelpPopup_reportPhishingtoolmenu,
  1913.  
  1914. /* ----- Bookmark Menu ----- */
  1915.  
  1916. #panelMenuBookmarkThisPage,
  1917. #panelMenu_showAllBookmarks,
  1918. #BMB_bookmarksShowAllTop,
  1919. #BMB_bookmarksShowAll,
  1920.  
  1921. /* ----- History Menu ----- */
  1922.  
  1923. #PanelUI-historyMore,
  1924.  
  1925. /* ----- Library Menu ----- */
  1926.  
  1927. #appMenu-library-bookmarks-button,
  1928. #appMenu-library-history-button,
  1929. #appMenu-library-downloads-button,
  1930.  
  1931. /* ----- Downloads Menu ----- */
  1932.  
  1933. #downloadsHistory,
  1934.  
  1935. /* ----- Developer Menu ----- */
  1936.  
  1937. #PanelUI-developer-tools-view > toolbarbutton:nth-child(1),
  1938.  
  1939. /* ----- Sidebar Menu ----- */
  1940.  
  1941. #sidebar-switcher-bookmarks,
  1942. #sidebar-switcher-history
  1943.  
  1944. )::before
  1945. {
  1946. content: "";
  1947. display: block;
  1948. position: relative;
  1949. width: 20px;
  1950. height: 20px;
  1951. background-size: 20px;
  1952. background-repeat: no-repeat;
  1953. background-position: center;
  1954. margin-block: -2px;
  1955. margin-inline: -2px 6px;
  1956. fill: currentColor;
  1957. -moz-context-properties: fill;
  1958. }
  1959.  
  1960. /* ----- Main Menu ----- */
  1961.  
  1962. #appMenu-new-tab-button2::before
  1963. {
  1964. background-image: var(--tab-new-page);
  1965. }
  1966.  
  1967. #appMenu-new-window-button2::before
  1968. {
  1969. background-image: var(--window);
  1970. }
  1971.  
  1972. #appMenu-new-private-window-button2::before
  1973. {
  1974. background-image: var(--window-inprivate-account);
  1975. }
  1976.  
  1977. #appMenu-bookmarks-button::before
  1978. {
  1979. background-image: var(--star-line-horizontal);
  1980. }
  1981.  
  1982. #appMenu-history-button::before
  1983. {
  1984. background-image: var(--history);
  1985. }
  1986.  
  1987. #appMenu-downloads-button::before
  1988. {
  1989. background-image: var(--arrow-download);
  1990. }
  1991.  
  1992. #appMenu-passwords-button::before
  1993. {
  1994. background-image: var(--key);
  1995. }
  1996.  
  1997. #appMenu-extensions-themes-button::before
  1998. {
  1999. background-image: var(--puzzle-piece);
  2000. }
  2001.  
  2002. #appMenu-print-button2::before
  2003. {
  2004. background-image: var(--print);
  2005. }
  2006.  
  2007. #appMenu-save-file-button2::before
  2008. {
  2009. background-image: var(--save-edit);
  2010. }
  2011.  
  2012. #appMenu-find-button2::before
  2013. {
  2014. background-image: var(--document-search);
  2015. }
  2016.  
  2017. #appMenu-settings-button::before
  2018. {
  2019. background-image: var(--settings);
  2020. }
  2021.  
  2022. #appMenu-help-button2::before
  2023. {
  2024. background-image: var(--question-circle);
  2025. }
  2026.  
  2027. /* ----- Main Menu (Submenus) ----- */
  2028.  
  2029. #appmenu-moreTools-button::before
  2030. {
  2031. background-image: var(--color);
  2032. }
  2033.  
  2034. #appmenu-developer-tools-view > toolbarbutton:nth-child(1)::before
  2035. {
  2036. background-image: var(--window-dev-tools);
  2037. }
  2038.  
  2039. #appMenu_menu_openHelp::before
  2040. {
  2041. background-image: var(--question-circle);
  2042. }
  2043.  
  2044. #appMenu_feedbackPage::before
  2045. {
  2046. background-image: var(--person-feedback);
  2047. }
  2048.  
  2049. #appMenu_menu_HelpPopup_reportPhishingtoolmenu::before
  2050. {
  2051. background-image: var(--warning);
  2052. }
  2053.  
  2054. /* ----- Bookmark Menu ----- */
  2055.  
  2056. #panelMenuBookmarkThisPage::before
  2057. {
  2058. background-image: var(--star-add);
  2059. }
  2060.  
  2061. #panelMenuBookmarkThisPage[starred]::before
  2062. {
  2063. background-image: var(--star);
  2064. fill: var(--toolbar-field-icon-fill-attention) !important;
  2065. }
  2066.  
  2067. :is(#panelMenu_showAllBookmarks, #BMB_bookmarksShowAllTop, #BMB_bookmarksShowAll)::before
  2068. {
  2069. background-image: var(--star-line-horizontal);
  2070. }
  2071.  
  2072. /* ----- History Menu ----- */
  2073.  
  2074. #PanelUI-historyMore::before
  2075. {
  2076. background-image: var(--history);
  2077. }
  2078.  
  2079. /* ----- Library Menu ----- */
  2080.  
  2081. #appMenu-library-bookmarks-button::before
  2082. {
  2083. background-image: var(--star-line-horizontal);
  2084. }
  2085.  
  2086. #appMenu-library-history-button::before
  2087. {
  2088. background-image: var(--history);
  2089. }
  2090.  
  2091. #appMenu-library-downloads-button::before
  2092. {
  2093. background-image: var(--arrow-download);
  2094. }
  2095.  
  2096. /* ----- Downloads Menu ----- */
  2097.  
  2098. #downloadsHistory::before
  2099. {
  2100. background-image: var(--arrow-download);
  2101. }
  2102.  
  2103. /* ----- Developer Menu ----- */
  2104.  
  2105. #PanelUI-developer-tools-view > toolbarbutton:nth-child(1)::before
  2106. {
  2107. background-image: var(--window-dev-tools);
  2108. }
  2109.  
  2110. /* ----- Sidebar Menu ----- */
  2111.  
  2112. #sidebar-switcher-bookmarks::before
  2113. {
  2114. background-image: var(--star-line-horizontal);
  2115. }
  2116.  
  2117. #sidebar-switcher-history::before
  2118. {
  2119. background-image: var(--history);
  2120. }
  2121.  
  2122. /* ---------- Non-Native Browser Menus ---------- */
  2123.  
  2124. @media (-moz-platform: windows),
  2125. (-moz-platform: linux),
  2126.  
  2127. /* ESR / Waterfox */
  2128. (-moz-os-version: windows-win10),
  2129. (-moz-os-version: windows-win8),
  2130. (-moz-os-version: windows-win7),
  2131. (-moz-gtk-csd-available)
  2132. {
  2133.  
  2134. :is(
  2135.  
  2136. /* ----- Toolbar Menubar Menu ----- */
  2137.  
  2138. menuitem.viewCustomizeToolbar,
  2139.  
  2140. /* ----- TabsToolbar Menu ----- */
  2141.  
  2142. #toolbar-context-openANewTab,
  2143. #toolbar-context-reloadSelectedTab,
  2144. #toolbar-context-bookmarkSelectedTab,
  2145.  
  2146. /* ----- Tab Menu ----- */
  2147.  
  2148. #context_openANewTab,
  2149. #context_reloadTab,
  2150. #context_toggleMuteTab,
  2151. #context_pinTab,
  2152. #context_unpinTab,
  2153. #context_duplicateTab,
  2154. #context_bookmarkTab,
  2155. #context_openTabInWindow,
  2156. #context_closeTab,
  2157.  
  2158. /* ----- Tabs Menu ----- */
  2159.  
  2160. #context_reloadSelectedTabs,
  2161. #context_toggleMuteSelectedTabs,
  2162. #context_pinSelectedTabs,
  2163. #context_unpinSelectedTabs,
  2164. #context_duplicateTabs,
  2165. #context_bookmarkSelectedTabs,
  2166.  
  2167. /* ----- Urlbar Menu ----- */
  2168.  
  2169. menupopup.textbox-contextmenu:nth-child(3) > menuitem:nth-child(1),
  2170. menupopup.textbox-contextmenu:nth-child(3) > menuitem:nth-child(2),
  2171. menupopup.textbox-contextmenu:nth-child(3) > menuitem:nth-child(4),
  2172. menupopup.textbox-contextmenu:nth-child(3) > menuitem:nth-child(5),
  2173. menupopup.textbox-contextmenu:nth-child(3) > menuitem:nth-child(6),
  2174. menupopup.textbox-contextmenu:nth-child(3) > menuitem:nth-child(7),
  2175. menupopup.textbox-contextmenu:nth-child(3) > menuitem:nth-child(8),
  2176.  
  2177. /* ----- Searchbar Menu ----- */
  2178.  
  2179. menupopup.textbox-contextmenu:nth-child(4) > menuitem:nth-child(1),
  2180. menupopup.textbox-contextmenu:nth-child(4) > menuitem:nth-child(2),
  2181. menupopup.textbox-contextmenu:nth-child(4) > menuitem:nth-child(4),
  2182. menupopup.textbox-contextmenu:nth-child(4) > menuitem:nth-child(5),
  2183. menupopup.textbox-contextmenu:nth-child(4) > menuitem:nth-child(6),
  2184. menupopup.textbox-contextmenu:nth-child(4) > menuitem:nth-child(7),
  2185. menupopup.textbox-contextmenu:nth-child(4) > menuitem:nth-child(8),
  2186.  
  2187. /* ----- PersonalToolbar Menu ----- */
  2188.  
  2189. #placesContext_openBookmarkContainer\:tabs,
  2190. #placesContext_new\:bookmark,
  2191. #placesContext_new\:folder,
  2192. #placesContext_paste,
  2193. #placesContext_showAllBookmarks,
  2194.  
  2195. /* ----- Bookmarks Menu ----- */
  2196.  
  2197. #placesContext_open\:newtab,
  2198. #placesContext_open\:newwindow,
  2199. #placesContext_open\:newprivatewindow,
  2200. #placesContext_show_bookmark\:info,
  2201. #placesContext_deleteBookmark,
  2202. #placesContext_cut,
  2203. #placesContext_copy,
  2204. #placesContext_paste_group,
  2205.  
  2206. /* ----- Folder Menu ----- */
  2207.  
  2208. #placesContext_show_folder\:info,
  2209. #placesContext_deleteFolder,
  2210.  
  2211. /* ---------- Web Menu ---------- */
  2212.  
  2213. /* ----- Menu ----- */
  2214.  
  2215. #context-savepage,
  2216. #context-take-screenshot,
  2217. #context-inspect,
  2218.  
  2219. /* ----- Text Menu ----- */
  2220.  
  2221. #context-copy,
  2222. #context-print-selection,
  2223. #context-searchselect,
  2224.  
  2225. /* ----- Image Menu ----- */
  2226.  
  2227. #context-viewimage,
  2228. #context-saveimage,
  2229. #context-copyimage-contents,
  2230.  
  2231. /* ----- Link Menu ----- */
  2232.  
  2233. #context-openlinkintab,
  2234. #context-openlink,
  2235. #context-openlinkprivate,
  2236. #context-bookmarklink,
  2237. #context-savelink,
  2238. #context-copylink,
  2239.  
  2240. /* ----- Input Menu ----- */
  2241.  
  2242. #context-undo,
  2243. #context-redo,
  2244. #context-cut,
  2245. #context-copy,
  2246. #context-paste,
  2247. #context-delete,
  2248. #context-keywordfield,
  2249.  
  2250. /* ----- Video Menu ----- */
  2251.  
  2252. #context-media-play,
  2253. #context-media-pause,
  2254. #context-media-mute,
  2255. #context-media-unmute,
  2256. #context-viewvideo,
  2257. #context-savevideo
  2258.  
  2259. )::before
  2260. {
  2261. content: "";
  2262. display: block;
  2263. position: relative;
  2264. width: 20px;
  2265. height: 20px;
  2266. background-size: 20px;
  2267. background-repeat: no-repeat;
  2268. background-position: center;
  2269. margin: var(--align-menu-icons);
  2270. fill: currentColor;
  2271. -moz-context-properties: fill;
  2272. }
  2273.  
  2274. /* ----- Toolbar Menubar Menu ----- */
  2275.  
  2276. menuitem.viewCustomizeToolbar::before
  2277. {
  2278. background-image: var(--color);
  2279. }
  2280.  
  2281. /* ----- TabsToolbar Menu ----- */
  2282.  
  2283. #toolbar-context-openANewTab::before
  2284. {
  2285. background-image: var(--tab-new-page);
  2286. }
  2287.  
  2288. #toolbar-context-reloadSelectedTab::before
  2289. {
  2290. background-image: var(--arrow-clockwise);
  2291. }
  2292.  
  2293. #toolbar-context-bookmarkSelectedTab::before
  2294. {
  2295. background-image: var(--star-add);
  2296. }
  2297.  
  2298. /* ----- Tab Menu ----- */
  2299.  
  2300. #context_openANewTab::before
  2301. {
  2302. background-image: var(--tab-new-page);
  2303. }
  2304.  
  2305. #context_reloadTab::before
  2306. {
  2307. background-image: var(--arrow-clockwise);
  2308. }
  2309.  
  2310. #context_toggleMuteTab::before
  2311. {
  2312. background-image: var(--speaker-mute);
  2313. }
  2314.  
  2315. #context_toggleMuteTab[muted]::before
  2316. {
  2317. background-image: var(--speaker-2);
  2318. }
  2319.  
  2320. :is(#context_pinTab, #context_unpinTab)::before
  2321. {
  2322. background-image: var(--pin);
  2323. }
  2324.  
  2325. #context_duplicateTab::before
  2326. {
  2327. background-image: var(--tab-desktop-copy);
  2328. }
  2329.  
  2330. #context_bookmarkTab::before
  2331. {
  2332. background-image: var(--star-add);
  2333. }
  2334.  
  2335. #context_openTabInWindow::before
  2336. {
  2337. background-image: var(--window);
  2338. }
  2339.  
  2340. #context_closeTab::before
  2341. {
  2342. background-image: var(--dismiss);
  2343. }
  2344.  
  2345. /* ----- Tabs Menu ----- */
  2346.  
  2347. #context_reloadSelectedTabs::before
  2348. {
  2349. background-image: var(--arrow-clockwise);
  2350. }
  2351.  
  2352. #context_toggleMuteSelectedTabs::before
  2353. {
  2354. background-image: var(--speaker-mute);
  2355. }
  2356.  
  2357. #context_toggleMuteSelectedTabs[muted]::before
  2358. {
  2359. background-image: var(--speaker-2);
  2360. }
  2361.  
  2362. :is(#context_pinSelectedTabs, #context_unpinSelectedTabs)::before
  2363. {
  2364. background-image: var(--pin);
  2365. }
  2366.  
  2367. #context_duplicateTabs::before
  2368. {
  2369. background-image: var(--tab-desktop-copy);
  2370. }
  2371.  
  2372. #context_bookmarkSelectedTabs::before
  2373. {
  2374. background-image: var(--star-add);
  2375. }
  2376.  
  2377. /* ----- Urlbar Menu ----- */
  2378.  
  2379. menupopup.textbox-contextmenu:nth-child(3) > menuitem:nth-child(1)::before
  2380. {
  2381. background-image: var(--arrow-undo);
  2382. }
  2383.  
  2384. menupopup.textbox-contextmenu:nth-child(3) > menuitem:nth-child(2)::before
  2385. {
  2386. background-image: var(--arrow-redo);
  2387. }
  2388.  
  2389. menupopup.textbox-contextmenu:nth-child(3) > menuitem:nth-child(4)::before
  2390. {
  2391. background-image: var(--cut);
  2392. }
  2393.  
  2394. menupopup.textbox-contextmenu:nth-child(3) > menuitem:nth-child(5)::before
  2395. {
  2396. background-image: var(--copy);
  2397. }
  2398.  
  2399. menupopup.textbox-contextmenu:nth-child(3) > menuitem:nth-child(6)::before
  2400. {
  2401. background-image: var(--clipboard-paste);
  2402. }
  2403.  
  2404. menupopup.textbox-contextmenu:nth-child(3) > menuitem:nth-child(7)::before
  2405. {
  2406. background-image: var(--clipboard-search);
  2407. }
  2408.  
  2409. menupopup.textbox-contextmenu:nth-child(3) > menuitem:nth-child(8)::before
  2410. {
  2411. background-image: var(--delete);
  2412. }
  2413.  
  2414. /* ----- Searchbar Menu ----- */
  2415.  
  2416. menupopup.textbox-contextmenu:nth-child(4) > menuitem:nth-child(1)::before
  2417. {
  2418. background-image: var(--arrow-undo);
  2419. }
  2420.  
  2421. menupopup.textbox-contextmenu:nth-child(4) > menuitem:nth-child(2)::before
  2422. {
  2423. background-image: var(--arrow-redo);
  2424. }
  2425.  
  2426. menupopup.textbox-contextmenu:nth-child(4) > menuitem:nth-child(4)::before
  2427. {
  2428. background-image: var(--cut);
  2429. }
  2430.  
  2431. menupopup.textbox-contextmenu:nth-child(4) > menuitem:nth-child(5)::before
  2432. {
  2433. background-image: var(--copy);
  2434. }
  2435.  
  2436. menupopup.textbox-contextmenu:nth-child(4) > menuitem:nth-child(6)::before
  2437. {
  2438. background-image: var(--clipboard-paste);
  2439. }
  2440.  
  2441. menupopup.textbox-contextmenu:nth-child(4) > menuitem:nth-child(7)::before
  2442. {
  2443. background-image: var(--clipboard-search);
  2444. }
  2445.  
  2446. menupopup.textbox-contextmenu:nth-child(4) > menuitem:nth-child(8)::before
  2447. {
  2448. background-image: var(--delete);
  2449. }
  2450.  
  2451. /* ----- PersonalToolbar Menu ----- */
  2452.  
  2453. #placesContext_openBookmarkContainer\:tabs::before
  2454. {
  2455. background-image: var(--tab-desktop);
  2456. }
  2457.  
  2458. #placesContext_new\:bookmark::before
  2459. {
  2460. background-image: var(--star-add);
  2461. }
  2462.  
  2463. #placesContext_new\:folder::before
  2464. {
  2465. background-image: var(--folder-add);
  2466. }
  2467.  
  2468. #placesContext_paste::before
  2469. {
  2470. background-image: var(--clipboard-paste);
  2471. }
  2472.  
  2473. #placesContext_showAllBookmarks::before
  2474. {
  2475. background-image: var(--star-line-horizontal);
  2476. }
  2477.  
  2478. /* ----- Bookmarks Menu ----- */
  2479.  
  2480. #placesContext_open\:newtab::before
  2481. {
  2482. background-image: var(--tab-new-page);
  2483. }
  2484.  
  2485. #placesContext_open\:newwindow::before
  2486. {
  2487. background-image: var(--window);
  2488. }
  2489.  
  2490. #placesContext_open\:newprivatewindow::before
  2491. {
  2492. background-image: var(--window-inprivate-account);
  2493. }
  2494.  
  2495. #placesContext_show_bookmark\:info::before
  2496. {
  2497. background-image: var(--edit);
  2498. }
  2499.  
  2500. #placesContext_deleteBookmark::before
  2501. {
  2502. background-image: var(--delete);
  2503. }
  2504.  
  2505. #placesContext_cut::before
  2506. {
  2507. background-image: var(--cut);
  2508. }
  2509.  
  2510. #placesContext_copy::before
  2511. {
  2512. background-image: var(--copy);
  2513. }
  2514.  
  2515. #placesContext_paste_group::before
  2516. {
  2517. background-image: var(--clipboard-paste);
  2518. }
  2519.  
  2520. /* ----- Folder Menu ----- */
  2521.  
  2522. #placesContext_show_folder\:info::before
  2523. {
  2524. background-image: var(--edit);
  2525. }
  2526.  
  2527. #placesContext_deleteFolder::before
  2528. {
  2529. background-image: var(--delete);
  2530. }
  2531.  
  2532. /* ---------- Web Menu ---------- */
  2533.  
  2534. #context-savepage::before
  2535. {
  2536. background-image: var(--save-edit);
  2537. }
  2538.  
  2539. #context-take-screenshot::before
  2540. {
  2541. background-image: var(--camera-edit);
  2542. }
  2543.  
  2544. #context-inspect::before
  2545. {
  2546. background-image: var(--cursor-hover);
  2547. }
  2548.  
  2549. #context-copy::before
  2550. {
  2551. background-image: var(--copy);
  2552. }
  2553.  
  2554. #context-print-selection::before
  2555. {
  2556. background-image: var(--print);
  2557. }
  2558.  
  2559. #context-searchselect::before
  2560. {
  2561. background-image: var(--search);
  2562. }
  2563.  
  2564. #context-viewimage::before
  2565. {
  2566. background-image: var(--tab-desktop-image);
  2567. }
  2568.  
  2569. #context-saveimage::before
  2570. {
  2571. background-image: var(--image-edit);
  2572. }
  2573.  
  2574. #context-copyimage-contents::before
  2575. {
  2576. background-image: var(--image-copy);
  2577. }
  2578.  
  2579. #context-openlinkintab::before
  2580. {
  2581. background-image: var(--tab-desktop);
  2582. }
  2583.  
  2584. #context-openlink::before
  2585. {
  2586. background-image: var(--window);
  2587. }
  2588.  
  2589. #context-openlinkprivate::before
  2590. {
  2591. background-image: var(--window-inprivate-account);
  2592. }
  2593.  
  2594. #context-bookmarklink::before
  2595. {
  2596. background-image: var(--star-add);
  2597. }
  2598.  
  2599. #context-savelink::before
  2600. {
  2601. background-image: var(--save-edit);
  2602. }
  2603.  
  2604. #context-copylink::before
  2605. {
  2606. background-image: var(--link);
  2607. }
  2608.  
  2609. #context-undo::before
  2610. {
  2611. background-image: var(--arrow-undo);
  2612. }
  2613.  
  2614. #context-redo::before
  2615. {
  2616. background-image: var(--arrow-redo);
  2617. }
  2618.  
  2619. #context-cut::before
  2620. {
  2621. background-image: var(--cut);
  2622. }
  2623.  
  2624. #context-copy::before
  2625. {
  2626. background-image: var(--copy);
  2627. }
  2628.  
  2629. #context-paste::before
  2630. {
  2631. background-image: var(--clipboard-paste);
  2632. }
  2633.  
  2634. #context-delete::before
  2635. {
  2636. background-image: var(--delete);
  2637. }
  2638.  
  2639. #context-keywordfield::before
  2640. {
  2641. background-image: var(--star-add);
  2642. }
  2643.  
  2644. #context-media-play::before
  2645. {
  2646. background-image: var(--play);
  2647. }
  2648.  
  2649. #context-media-pause::before
  2650. {
  2651. background-image: var(--pause);
  2652. }
  2653.  
  2654. #context-media-mute::before
  2655. {
  2656. background-image: var(--speaker-mute);
  2657. }
  2658.  
  2659. #context-media-unmute::before
  2660. {
  2661. background-image: var(--speaker-2);
  2662. }
  2663.  
  2664. #context-viewvideo::before
  2665. {
  2666. background-image: var(--tab-desktop);
  2667. }
  2668.  
  2669. #context-savevideo::before
  2670. {
  2671. background-image: var(--save-edit);
  2672. }
  2673.  
  2674. }
  2675.  
  2676. }
  2677.  
  2678. }
  2679.  
  2680. #PersonalToolbar {
  2681. min-height: 24px !important;
  2682. background-color: transparent !important;
  2683. background-image: none !important;
  2684. }
  2685.  
  2686. #nav-bar {
  2687. background-color: transparent !important;
  2688. background-image: linear-gradient(rgba(255,255,255,.4), transparent) !important;
  2689. }
  2690.  
  2691. .tabbrowser-tab {
  2692. min-width: 0px !important;
  2693. }
  2694.  
  2695. .tab-content {
  2696. overflow: hidden !important;
  2697. }
  2698.  
  2699. /* Make all tabs small except selected one */
  2700. .tabbrowser-tab[fadein]:not([selected]):not([pinned]) {
  2701. max-width: 255px !important;
  2702. min-width: 0px !important;
  2703. }
  2704.  
  2705.  
  2706. /* Selected tabs width */
  2707. .tabbrowser-tab[selected][fadein]:not([pinned]) {
  2708. /*max-width: 225px !important;*/
  2709. min-width: 20px !important;
  2710. }
  2711.  
  2712. menupopup > menuitem, menupopup > menu {padding-top: 2px !important; padding-bottom: 2px !important;}
  2713. *|*:root {--arrowpanel-menuitem-padding: 2px 8px !important;}
  2714.  
  2715. .tabbrowser-tab:not(:hover, [beforehovered], [selected], [last-visible-tab], [beforeselected-visible])::after {
  2716. content: "";
  2717. display: block;
  2718. border-left: 1px solid currentColor;
  2719. margin-block: 5px;
  2720. margin-left: -1px;
  2721. opacity: 0.42;
  2722. }
  2723.  
  2724. :root[uidensity=compact] #urlbar,
  2725. :root[uidensity=compact] .searchbar-textbox {
  2726. font-size: unset !important;
  2727. min-height: 22px !important;
  2728. }
  2729.  
  2730. #urlbar,
  2731. .urlbarView-title,
  2732. .urlbarView-url {
  2733. font-size: 10pt !important;
  2734. }
  2735.  
  2736. .urlbarView-results {
  2737. padding-block: unset !important; <----
  2738. font-size: small;
  2739. white-space: nowrap;
  2740. }
  2741.  
  2742. .urlbarView-row {
  2743. fill: currentColor;
  2744. fill-opacity: .6;
  2745. padding-block: unset !important; <----
  2746. }
  2747.  
  2748. #urlbar-container {
  2749.  
  2750. --urlbar-container-height: 41px !important;
  2751.  
  2752. }
  2753.  
  2754. #urlbar {
  2755.  
  2756. margin-top: 4px;
  2757.  
  2758. }
  2759.  
  2760. .tab-background,
  2761. #urlbar-background,
  2762. #searchbar,
  2763. menupopup,
  2764. .menupopup-arrowscrollbox{ border-radius: 0 !important; }
  2765. :root{--arrowpanel-border-radius:0px !important;}
  2766.  
  2767. #pageAction-urlbar-_e1ed7a80-7c11-4f7e-968b-79b551a0067f_ {
  2768. -moz-box-ordinal-group: 2 !important;
  2769. }
  2770.  
  2771. #titlebar{ margin-top: -1px }
  2772.  
  2773. :root[lwtheme-image] #navigator-toolbox{
  2774. background-position: right -8px, var(--lwt-background-alignment) !important;
  2775. }
  2776.  
  2777. :root[lwtheme-image] .tab-background:is([selected],[multiselected]){
  2778. background-position: 0 0, 0 0, right -8px !important;
  2779. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!