API tools faq
paste
difool2nice

userchrome.css june 2018

difool2nice
Jun 3rd, 2018
454
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 70.09 KB | None | 0 0
raw download clone embed print report
  1. /* --------------no fade effect adress bar---------- */
  2.  
  3. @namespace "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
  4. @namespace html "http://www.w3.org/1999/xhtml";
  5. @-moz-document url("chrome://browser/content/browser.xul") {
  6.   html|input.urlbar-input[textoverflow]:not([focused]) {
  7.         mask-image: initial !important;
  8.     }
  9. }
  10.  
  11. /* about firefox --------------------------------------------------------------------*/
  12.  
  13. @-moz-document url("chrome://browser/content/aboutDialog.xul") {
  14.     #leftBox {
  15.         background-image: url("Logo11.png") !important;
  16.         background-position: left !important;
  17.         background-repeat: no-repeat !important;
  18.     }
  19.     #aboutDialogContainer {
  20.         border: none !important;
  21.         background: #1f1f1f !important;
  22.         font-family: Fira Sans !important;
  23.         /*font-size: 14px !important;*/
  24.         color: dodgerblue !important;
  25.     }
  26.     #bottomBox {
  27.         background-color: #1f1f1f !important;
  28.     }
  29. }
  30.  
  31. /*-------------------------------------------------------------------------------*/
  32.  
  33. /* New arrows navigation icons */
  34.  
  35. #back-button {
  36.     list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfiAxMSNzVLQoGBAAAAb0lEQVQoz43ROQqDUBSF4UMEESKCBBehOODK7ezSWZnGJmuI4xp+66CX9077FXc40k1o+fCSFRoOOgKLa3Z6QosrNt5EFpesDDwtLlgYSSzOmZlILY758SW7ykO+cYzwWNLjTI9HSc5XS86ypP+6Tw/fVEqhFbEZAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE4LTAzLTE5VDE4OjU1OjUzKzAxOjAwq3ccegAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxOC0wMy0xOVQxODo1NTo1MyswMTowMNoqpMYAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC') !important;
  37. }
  38.  
  39. #forward-button {
  40.     list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfiAxMSOA3k2CXQAAAAbklEQVQoz5WRMQqDABAEF4UgKEIIPkKJii+3s7NLpY1N3qBR84axsPYOt1sYuNtdSZLEi5FG1yKk5U9tIQ86dioLiejZKC0k5sPK20JSBn4UFvJkYiG3kIwvM8npAt2Vc8J50onpFOVU7Y51PfcBtUFUSir+geUAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTgtMDMtMTlUMTg6NTY6MTMrMDE6MDDECqmDAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE4LTAzLTE5VDE4OjU2OjEzKzAxOjAwtVcRPwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAAASUVORK5CYII=') !important;
  41. }
  42.  
  43. /*-----------------------------------------------------------------------------------*/
  44.  
  45. /*ADRESS BAR ICONS TO THE LEFTSIDE*/
  46.  
  47. #page-action-buttons {
  48.     -moz-box-ordinal-group: 0 !important;
  49.     /* Move the PageActions to the left */
  50. }
  51.  
  52. #pageActionButton {
  53.     -moz-box-ordinal-group: 2 !important;
  54.     /* Move the three dots to the end (rightmost) of the PageActions*/
  55. }
  56.  
  57. /*------------------------------------------------------------------------------------*/
  58.  
  59. statuspanel .statuspanel-label {
  60.     -moz-appearance: none !important;
  61.     background-color: black !important;
  62.     font-family: Fira Sans !important;
  63.     color: dodgerblue !important;
  64.     border: 1px solid black !important;
  65. }
  66.  
  67. statuspanel {
  68.     background-color: transparent !important;
  69.     border: none !important;
  70.     bottom: 8px !important;
  71.     height: 26px !important;
  72.     max-width: 30% !important;
  73.     /* Change the value to suite your needs */
  74.     transition: !important;
  75. }
  76.  
  77. /* If you're not on the latest Nightly, change the #statuspanel-inner to .statuspanel-inner */
  78.  
  79. statuspanel .statuspanel-inner {
  80.     background-color: transparent !important;
  81.     border: none !important;
  82.     height: 26px !important;
  83. }
  84.  
  85. /* If you're not on the latest Nightly,change the #statuspanel-label
  86. to .statuspanel-label */
  87.  
  88. statuspanel .statuspanel-label {
  89.     background-color: transparent !important;
  90.     border: none !important;
  91.     /*color: black !important;*/
  92. }
  93.  
  94. /* Revert tab throbber */
  95.  
  96. .tab-throbber[busy]::before {
  97.     background-image: url("chrome://global/skin/icons/loading.png") !important;
  98.     animation: unset !important;
  99. }
  100.  
  101. .tab-throbber[busy]:not([progress])::before {
  102.     filter: grayscale(100%);
  103. }
  104.  
  105. @media (min-resolution: 2dppx) {
  106.     .tab-throbber[busy]::before {
  107.         background-image: url("chrome://global/skin/icons/loading@2x.png") !important;
  108.     }
  109. }
  110.  
  111. /* restart button */
  112.  
  113. #alltabs-button {
  114.     -moz-binding: url(data:text/xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+DQo8IS0tIENvcHlyaWdodCAoYykgMjAxNyBIYWdnYWkgTnVjaGkNCkF2YWlsYWJsZSBmb3IgdXNlIHVuZGVyIHRoZSBNSVQgTGljZW5zZToNCmh0dHBzOi8vb3BlbnNvdXJjZS5vcmcvbGljZW5zZXMvTUlUDQogLS0+DQoNCjwhLS0gUnVuIHVzZXJDaHJvbWUuanMvdXNlckNocm9tZS54dWwgYW5kIC51Yy5qcy8udWMueHVsLy5jc3MgZmlsZXMgIC0tPg0KPGJpbmRpbmdzIHhtbG5zPSJodHRwOi8vd3d3Lm1vemlsbGEub3JnL3hibCI+DQogICAgPGJpbmRpbmcgaWQ9ImpzIiBleHRlbmRzPSJjaHJvbWU6Ly9nbG9iYWwvY29udGVudC9iaW5kaW5ncy90b29sYmFyYnV0dG9uLnhtbCNtZW51Ij4NCiAgICAgICAgPGltcGxlbWVudGF0aW9uPg0KICAgICAgICAgICAgPGNvbnN0cnVjdG9yPjwhW0NEQVRBWw0KICAgICAgICAgICAgICAgIGlmKHdpbmRvdy51c2VyQ2hyb21lSnNNb2QpIHJldHVybjsNCiAgICAgICAgICAgICAgICB3aW5kb3cudXNlckNocm9tZUpzTW9kID0gdHJ1ZTsNCiAgICAgICAgICAgICAgICANCiAgICAgICAgICAgICAgICB2YXIgY2hyb21lRmlsZXMgPSBGaWxlVXRpbHMuZ2V0RGlyKCJVQ2hybSIsIFtdKS5kaXJlY3RvcnlFbnRyaWVzOw0KICAgICAgICAgICAgICAgIHZhciB4dWxGaWxlcyA9IFtdOw0KICAgICAgICAgICAgICAgIHZhciBzc3MgPSBDY1snQG1vemlsbGEub3JnL2NvbnRlbnQvc3R5bGUtc2hlZXQtc2VydmljZTsxJ10uZ2V0U2VydmljZShDaS5uc0lTdHlsZVNoZWV0U2VydmljZSk7DQogICAgICAgICAgICAgICAgDQogICAgICAgICAgICAgICAgd2hpbGUoY2hyb21lRmlsZXMuaGFzTW9yZUVsZW1lbnRzKCkpIHsNCiAgICAgICAgICAgICAgICAgICAgdmFyIGZpbGUgPSBjaHJvbWVGaWxlcy5nZXROZXh0KCkuUXVlcnlJbnRlcmZhY2UoQ2kubnNJRmlsZSk7DQogICAgICAgICAgICAgICAgICAgIHZhciBmaWxlVVJJID0gU2VydmljZXMuaW8ubmV3RmlsZVVSSShmaWxlKTsNCiAgICAgICAgICAgICAgICAgICAgDQogICAgICAgICAgICAgICAgICAgIGlmKGZpbGUuaXNGaWxlKCkpIHsNCiAgICAgICAgICAgICAgICAgICAgICAgIGlmKC8oXnVzZXJDaHJvbWV8XC51YylcLmpzJC9pLnRlc3QoZmlsZS5sZWFmTmFtZSkpIHsNCiAgICAgICAgICAgICAgICAgICAgICAgICAgICBTZXJ2aWNlcy5zY3JpcHRsb2FkZXIubG9hZFN1YlNjcmlwdFdpdGhPcHRpb25zKGZpbGVVUkkuc3BlYywge3RhcmdldDogd2luZG93LCBpZ25vcmVDYWNoZTogdHJ1ZX0pOw0KICAgICAgICAgICAgICAgICAgICAgICAgfQ0KICAgICAgICAgICAgICAgICAgICAgICAgZWxzZSBpZigvKF51c2VyQ2hyb21lfFwudWMpXC54dWwkL2kudGVzdChmaWxlLmxlYWZOYW1lKSkgew0KICAgICAgICAgICAgICAgICAgICAgICAgICAgIHh1bEZpbGVzLnB1c2goZmlsZVVSSS5zcGVjKTsNCiAgICAgICAgICAgICAgICAgICAgICAgIH0NCiAgICAgICAgICAgICAgICAgICAgICAgIGVsc2UgaWYoL1wuYXNcLmNzcyQvaS50ZXN0KGZpbGUubGVhZk5hbWUpKSB7DQogICAgICAgICAgICAgICAgICAgICAgICAgICAgaWYoIXNzcy5zaGVldFJlZ2lzdGVyZWQoZmlsZVVSSSwgc3NzLkFHRU5UX1NIRUVUKSkNCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc3NzLmxvYWRBbmRSZWdpc3RlclNoZWV0KGZpbGVVUkksIHNzcy5BR0VOVF9TSEVFVCk7DQogICAgICAgICAgICAgICAgICAgICAgICB9DQogICAgICAgICAgICAgICAgICAgICAgICBlbHNlIGlmKC9eKD8hKHVzZXJDaHJvbWV8dXNlckNvbnRlbnQpXC5jc3MkKS4rXC5jc3MkL2kudGVzdChmaWxlLmxlYWZOYW1lKSkgew0KICAgICAgICAgICAgICAgICAgICAgICAgICAgIGlmKCFzc3Muc2hlZXRSZWdpc3RlcmVkKGZpbGVVUkksIHNzcy5VU0VSX1NIRUVUKSkNCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc3NzLmxvYWRBbmRSZWdpc3RlclNoZWV0KGZpbGVVUkksIHNzcy5VU0VSX1NIRUVUKTsNCiAgICAgICAgICAgICAgICAgICAgICAgIH0NCiAgICAgICAgICAgICAgICAgICAgfQ0KICAgICAgICAgICAgICAgIH0NCiAgICAgICAgICAgICAgICANCiAgICAgICAgICAgICAgICBzZXRUaW1lb3V0KGZ1bmN0aW9uIGxvYWRYVUwoKSB7DQogICAgICAgICAgICAgICAgICAgIGlmKHh1bEZpbGVzLmxlbmd0aCA+IDApIHsNCiAgICAgICAgICAgICAgICAgICAgICAgIGRvY3VtZW50LmxvYWRPdmVybGF5KHh1bEZpbGVzLnNoaWZ0KCksIG51bGwpOw0KICAgICAgICAgICAgICAgICAgICAgICAgc2V0VGltZW91dChsb2FkWFVMLCA1KTsNCiAgICAgICAgICAgICAgICAgICAgfQ0KICAgICAgICAgICAgICAgIH0sIDApOw0KICAgICAgICAgICAgXV0+PC9jb25zdHJ1Y3Rvcj4NCiAgICAgICAgPC9pbXBsZW1lbnRhdGlvbj4NCiAgICA8L2JpbmRpbmc+DQo8L2JpbmRpbmdzPg==);
  115. }
  116.  
  117. /*TITLE OF PAGE*/
  118.  
  119. #pagetitle-bar {
  120.     width: 1100px;
  121.     /* Change this value if you want longer/shorter bar */
  122.     overflow: hidden;
  123.     text-overflow: "..";
  124.     white-space: nowrap;
  125.     margin-bottom: 2px;
  126.     color: dodgerblue !important;
  127.     font-family: 'Fira Sans' !important;
  128. }
  129.  
  130. #pagetitle-bar::before {
  131.     content: attr(titlepage);
  132.     margin-left: 5px;
  133.     margin-right: 5px;
  134. }
  135.  
  136. /*--------------------*/
  137.  
  138. #urlbar html|input.textbox-input::-moz-selection {
  139.     font-family: Fira Sans !important;
  140.     font-size: 14px !important;
  141.     background-color: #1e90ff !important;
  142.     border: 0px !important;
  143.     opacity: 1 !important;
  144.     color: white !important;
  145. }
  146.  
  147. menupopup {
  148.     -moz-appearance: none !important;
  149.     padding: 8px 2px 8px 2px !important;
  150.     background-color: #1f1f1f !important;
  151.     border: 0px #A0A0A0 solid !important;
  152.     /*width: 280px !important;*/
  153.     min-width: 280px !important;
  154. }
  155.  
  156. menuseparator {
  157.     -moz-appearance: none !important;
  158.     border: none !important;
  159.     padding: .5px 0px .5px 0px !important;
  160.     margin: 4px 8px 4px 8px !important;
  161.     background-color: #80808049 !important;
  162. }
  163.  
  164. menuitem, menu {
  165.     -moz-appearance: none !important;
  166.     color: white !important;
  167.     padding: 3px 0px 3px 0px !important;
  168. }
  169.  
  170. menuitem[disabled="true"], menuitem[disabled="true"]>.menu-text {
  171.     color: #888888 !important;
  172. }
  173.  
  174. menuitem:hover, menu:hover, menu[open="true"], menuitem[_moz-menuactive="true"] {
  175.     -moz-appearance: none !important;
  176.     padding: 3px 0px 3px 0px !important;
  177.     background-color: dodgerblue !important;
  178.     /*#414141 !important;*/
  179. }
  180.  
  181. menugroup {
  182.     padding: 0px !important;
  183.     background-color: transparent !important;
  184. }
  185.  
  186. menuitem>.menu-text, menuitem>.menu-iconic-text {
  187.     color: white !important;
  188. }
  189.  
  190. menuitem[type="checkbox"] {
  191.     padding-left: 8px !important;
  192.     padding-top: 5.5px !important;
  193.     padding-bottom: 5.5px !important;
  194. }
  195.  
  196. menuitem[type="radio"] {
  197.     padding-left: 8px !important;
  198.     padding-top: 5.5px !important;
  199.     padding-bottom: 5.5px !important;
  200. }
  201.  
  202. menuitem[type="checkbox"]>.menu-iconic-text, menuitem[type="radio"]>.menu-iconic-text {
  203.     padding-left: 5px !important;
  204. }
  205.  
  206. menuitem[checked="true"][type="checkbox"]>.menu-iconic-left {
  207.     padding: 7px 0px 0px 0px !important;
  208.     border: solid white !important;
  209.     border-width: 0 0 2px 2px !important;
  210.     transform: rotate(-45deg) scale(.75);
  211.     margin-bottom: 2px !important;
  212. }
  213.  
  214. menuitem[checked="true"][type="radio"]>.menu-iconic-left {
  215.     padding: 1px !important;
  216.     border: solid white;
  217.     height: 17px !important;
  218.     border-radius: 100%;
  219.     background: white;
  220.     transform: scale(.5);
  221. }
  222.  
  223. menucaption {
  224.     background-color: transparent !important;
  225.     color: white !important;
  226. }
  227.  
  228. #ContentSelectDropdown>menupopup {
  229.     background-image: none !important;
  230. }
  231.  
  232. #ContentSelectDropdown {
  233.     padding: 0px !important;
  234. }
  235.  
  236. menulist {
  237.     -moz-appearance: none !important;
  238.     padding: 4px 4px 4px 4px !important;
  239.     border: 0px solid #666666 !important;
  240.     background-color: #1f1f1f !important;
  241. }
  242.  
  243. menulist:hover {
  244.     padding: 4px 4px 4px 4px !important;
  245.     border: 0px solid #999999 !important;
  246.     background-color: dodgerblue !important;
  247. }
  248.  
  249. menulist[open="true"] {
  250.     border: 0px solid #666666 !important;
  251.     background-color: dodgerblue !important;
  252. }
  253.  
  254. #context-back>.menu-iconic-left, #context-forward>.menu-iconic-left, #context-reload>.menu-iconic-left, #context-stop>.menu-iconic-left, #context-bookmarkpage>.menu-iconic-left {
  255.     padding: 2px !important;
  256. }
  257.  
  258. .menu-iconic-left {
  259.     -moz-appearance: none !important;
  260.     padding: 0px 5px 0px 9px !important;
  261. }
  262.  
  263. .menu-right {
  264.     -moz-appearance: none !important;
  265.     padding: 7.5px !important;
  266.     margin-right: 6px !important;
  267.     color: white !important;
  268.     border: solid white !important;
  269.     border-width: 0 2px 2px 0px !important;
  270.     transform: rotate(-45deg) scale(.55);
  271. }
  272.  
  273. tooltip {
  274.     -moz-appearance: none !important;
  275.     color: yellow !important;
  276.     background-color: #1f1f1f !important;
  277.     border: 0px solid #1f1f1f !important;
  278.     padding: 5.5px !important;
  279.     font-family: Fira Sans !important;
  280.     font-size: 12px !important;
  281.     opacity: 1 !important;
  282. }
  283.  
  284. /*------coloring shortcuts in menus     */
  285.  
  286. menuitem .menu-iconic-accel {
  287.     font-size: 13px !important;
  288.     color: dodgerblue !important;
  289. }
  290.  
  291. menuitem .menu-accel {
  292.     font-size: 13px !important;
  293.     color: dodgerblue !important;
  294. }
  295.  
  296. #PopupAutoCompleteRichResult .ac-url:not([selected="true"]) {
  297.     color: dodgerblue !important;
  298. }
  299.  
  300. /*----------------*/
  301.  
  302. #TabsToolbar {
  303.     background-color: black !important;
  304.     color: white !important;
  305.     --toolbarbutton-inner-padding: 1px !important;
  306. }
  307.  
  308. /*-------------------------*/
  309.  
  310. #urlbar:hover {
  311.     background: #1f1f1f !important;
  312.     opacity: 1 !important;
  313.     color: white !important;
  314.     border: 0px !important;
  315. }
  316.  
  317. /*---------CURRENT TAB SHADOW------------*/
  318.  
  319. .tabbrowser-tab[visuallyselected="true"] {
  320.     box-shadow: 0 0 15px white !important;
  321. }
  322. /*-------------------------------------*/
  323.  
  324. /* Tab Line At Bottom
  325.  
  326. .tab-line {
  327.     -moz-box-ordinal-group: 2;
  328.     min-height: 3px;
  329. }
  330. */
  331.  
  332. /*----------------------------*/
  333.  
  334. icons folders, favicons, default document icons treechildren::-moz-tree-image {
  335.     width: 22px !important;
  336.     height: auto !important;
  337.     min-height: 22px !important;
  338.     margin-top: 0px !important;
  339.     margin-bottom: 2px !important;
  340. }
  341.  
  342. /*--------------------------------------------*/
  343.  
  344. toolbarbutton.subviewbutton.subviewbutton-iconic .toolbarbutton-text {
  345.     display: -moz-box !important;
  346. }
  347.  
  348. toolbarbutton.bookmark-item[type="menu"] {
  349.     margin-right: .5em !important;
  350. }
  351.  
  352. toolbarbutton.bookmark-item[type="menu"] .toolbarbutton-text {
  353.     display: -moz-box !important;
  354. }
  355.  
  356. /*-----------*/
  357.  
  358. menubar, menubutton, menulist, menu, menuitem {
  359.     background-color: none !important;
  360.     font-family: 'Fira Sans' !important;
  361.     font-size: 14px !important;
  362. }
  363.  
  364. /*-------------------------------------------*/
  365.  
  366. /*
  367. #PanelUI-menu-button:before {
  368.     content: '';
  369.     width: 1px;
  370.     height: 20px;
  371.     background: dodgerblue !important;
  372.     display: flex;
  373. }*/
  374.  
  375. #sidebar-header {
  376.     padding: 2px !important;
  377. }
  378.  
  379. #file-menu {
  380.     font-family: Fira Sans !important;
  381.     font-size: 14px !important;
  382. }
  383.  
  384. #edit-menu {
  385.     font-family: Fira Sans !important;
  386.     font-size: 14px !important;
  387. }
  388.  
  389. #toolbar-menubar {
  390.     font-family: Fira Sans !important;
  391.     font-size: 14px !important;
  392. }
  393.  
  394. #history-menu {
  395.     font-family: Fira Sans !important;
  396.     font-size: 14px !important;
  397. }
  398.  
  399. #bookmarksMenu {
  400.     font-family: Fira Sans !important;
  401.     font-size: 14px !important;
  402. }
  403.  
  404. #view-menu {
  405.     font-family: Fira Sans !important;
  406.     font-size: 14px !important;
  407. }
  408.  
  409. #tools-menu {
  410.     font-family: Fira Sans !important;
  411.     font-size: 14px !important;
  412. }
  413.  
  414. #help-menu {
  415.     font-family: Fira Sans !important;
  416.     text-decoration: none !important;
  417.     font-weight: normal !important;
  418.     font-style: normal !important;
  419.     font-size: 14px !important;
  420. }
  421.  
  422. #personal-bookmarks .menu-iconic-text, #personal-bookmarks .toolbarbutton-text {
  423.     font-family: Fira Sans !important;
  424.     font-size: 14px !important;
  425. }
  426.  
  427. .tab-text {
  428.     font-family: Fira Sans !important;
  429.     font-size: 14px !important;
  430. }
  431.  
  432. .autocomplete-richlistitem {
  433.     font-family: Fira Sans !important;
  434.     font-size: 14px !important;
  435. }
  436.  
  437. /*----------hover button color------------*/
  438.  
  439. .toolbarbutton-1 {
  440.     --toolbarbutton-hover-background: dodgerblue !important;
  441.     --toolbarbutton-active-background: rgba(30, 143, 255, 0.473) !important;
  442.     --toolbarbutton-border-radius: 0px !important;
  443. }
  444.  
  445. /*************************/
  446.  
  447. #urlbar, .searchbar-textbox {
  448.     font-family: Fira Sans !important;
  449.     border: 0px !important;
  450. }
  451.  
  452. #TabsToolbar:not([collapsed="true"])+#nav-bar {
  453.     border: 0px !important;
  454. }
  455.  
  456. #navigator-toolbox::after {
  457.     border: 0px !important;
  458. }
  459.  
  460. /*-----------------------*/
  461.  
  462. #sidebar-search-container, #sidebar-search-container *|input::placeholder {
  463.     color: white !important;
  464.     opacity: 1 !important;
  465.     border: 0px !important;
  466.     background-color: black !important;
  467. }
  468.  
  469. /* -------------------------------- */
  470.  
  471. #PersonalToolbar, #nav-bar {
  472.     background-color: #1f1f1f !important;
  473.     fill: white !important;
  474.     opacity: 1 !important;
  475. }
  476.  
  477. #PlacesToolbar .bookmark-item:hover {
  478.     border-radius: 0px !important;
  479.     background-color: rgb(30, 143, 255) !important;
  480.     color: white !important;
  481. }
  482.  
  483. #PlacesToolbar .bookmark-item:active {
  484.     border-radius: 0px !important;
  485.     background-color: rgb(30, 142, 255) !important;
  486.     color: black !important;
  487. }
  488.  
  489. #toolbar-menubar {
  490.     background-color: black !important;
  491.     background-image: none !important;
  492. }
  493.  
  494. /* fonds icones carrés */
  495.  
  496. #nav-bar {
  497.     --toolbarbutton-border-radius: 0px !important;
  498. }
  499.  
  500. /*----------------------*/
  501.  
  502. .toolbarbutton-1 {
  503.     --toolbarbutton-hover-background: dodgerblue !important;
  504.     border: 1px !important;
  505.     border-radius: 0px !important;
  506.     --toolbarbutton-active-background: rgba(30, 143, 255, 0.5) !important;
  507.     border-radius: 0px !important;
  508. }
  509.  
  510. .urlbar-icon:not([disabled]):hover, .urlbar-icon-wrapper:not([disabled]):hover {
  511.     background-color: dodgerblue !important;
  512.     border-radius: 0px !important;
  513.     border: 0px !important;
  514. }
  515.  
  516. .urlbar-icon[open], .urlbar-icon-wrapper[open], .urlbar-icon:not([disabled]):hover:active, .urlbar-icon-wrapper:hover:active {
  517.     background-color: rgba(30, 143, 255, 0.5) !important;
  518.     border-radius: 0px !important;
  519. }
  520.  
  521. .urlbar-icon-wrapper[open]>.urlbar-icon, .urlbar-icon-wrapper>.urlbar-icon:hover, .urlbar-icon-wrapper>.urlbar-icon:hover:active {
  522.     background-color: dodgerblue !important;
  523.     border-radius: 0px !important;
  524. }
  525.  
  526. /*== Identity Box ==*/
  527.  
  528. #identity-box:hover:not(.no-hover):not([open=true]) {
  529.     background-color: rgba(30, 143, 255) !important;
  530. }
  531.  
  532. #identity-box:hover:active:not(.no-hover), #identity-box[open=true] {
  533.     background-color: rgba(30, 143, 255, 0.5) !important;
  534. }
  535.  
  536. /*== Identity Popup ==*/
  537.  
  538. #identity-popup-securityView, identity-popup-security-content, .identity-popup-section, #identity-popup-securityView-footer {
  539.     background-color: #1f1f1f !important;
  540.     color: white !important;
  541. }
  542.  
  543. /* tabs --- rotate close button */
  544.  
  545. #tabbrowser-tabs .tabbrowser-tab:hover .tab-close-button {
  546.     transform: rotate(1440deg) !important;
  547.     transition: transform ease-in-out 2s !important;
  548. }
  549.  
  550. /*rotate close end */
  551.  
  552. /* Boarder color Drop Down */
  553.  
  554. #PopupAutoCompleteRichResult {
  555.     border: 0px !important;
  556. }
  557.  
  558. /*
  559. #tabbrowser-tabs {
  560. --tab-line-color: none !important;
  561. }
  562. */
  563.  
  564. /*------------------------*/
  565.  
  566. #tab-line[selected="true"] {
  567.     background: dodgerblue !important;
  568.     /*-moz-win-accentcolor !important;*/
  569. }
  570.  
  571. .tab-background[selected="true"] {
  572.     background-attachment: none !important;
  573.     background-color: #1f1f1f !important;
  574.     /* !important;*/
  575.     background-image: none !important;
  576. }
  577.  
  578. /*--------------------------------------------*/
  579.  
  580. /* Border between background tabs */
  581.  
  582. .tabbrowser-tab::after, .tabbrowser-tab::before {
  583.     display: none !important;
  584. }
  585.  
  586. /*---------------------------------------------------------------------------------------------------*/
  587.  
  588. /*
  589. Firefox 57 users: https://www.jeffersonscher.com/gm/url-bar-tweaks.html
  590. You can copy/paste into a userChrome.css file, see https://www.userchrome.org/
  591. Firefox 52-56 users: roll back your Stylish to version 2.1.1 or 2.0.7 here:
  592. https://addons.mozilla.org/firefox/addon/stylish/versions/
  593. Then find Stylish on the Add-ons page, click its More link, and turn off updates
  594. */
  595.  
  596. /*
  597. @-moz-document url("chrome://browser/content/browser.xul") {*/
  598.  
  599. /* " - Visit" or " - Search with" bar NOT HIDDEN */
  600.  
  601. @-moz-document url("chrome://browser/content/browser.xul") {
  602.     /* " - Visit" or " - Search with" bar NOT HIDDEN */
  603.     /*:root {--panel-separator-color: grey !important;}
  604.     /* Restore persistent display of drop-marker */
  605.     #urlbar:not(:hover)>.urlbar-textbox-container>.urlbar-history-dropmarker {
  606.         opacity: 1 !important;
  607.         border: 0px !important;
  608.     }
  609.     /* Set max-height for items visible without scrolling */
  610.     #PopupAutoCompleteRichResult .autocomplete-richlistbox {
  611.         /* height:auto doesn't work in photon */
  612.         max-height: calc(40px * 10) !important;
  613.     }
  614.     /* Constrain drop-down width */
  615.     /*#PopupAutoCompleteRichResult {max-width: 1200px !important;}*/
  616.     /* Font-sizes */
  617.     #PopupAutoCompleteRichResult .autocomplete-richlistitem:not([actiontype="searchengine"]) .ac-title {
  618.         font-size: 14px !important;
  619.     }
  620.     #PopupAutoCompleteRichResult .autocomplete-richlistitem:not([actiontype="searchengine"]) .ac-url, #PopupAutoCompleteRichResult .autocomplete-richlistitem:not([actiontype="searchengine"]) .ac-action {
  621.         font-family: Fira Sans !important;
  622.         font-size: 12px !important;
  623.     }
  624.     /* Dark Themed Drop-down */
  625.     /* Dark Theme - Firefox 48+ */
  626.     #PopupAutoCompleteRichResult .autocomplete-richlistbox {
  627.         background-color: #1f1f1f !important;
  628.     }
  629.     #PopupAutoCompleteRichResult .autocomplete-richlistitem {
  630.         border-bottom-color: #333 !important;
  631.     }
  632.     .autocomplete-richlistitem .ac-title, .autocomplete-richlistitem .ac-action, .autocomplete-richlistitem .ac-separator {
  633.         color: white !important;
  634.     }
  635.     #PopupAutoCompleteRichResult .ac-url:not([selected="true"]) {
  636.         color: dodgerblue !important;
  637.     }
  638.     .autocomplete-richlistitem[selected=true] {
  639.         background-color: dodgerblue !important;
  640.     }
  641.     .autocomplete-richlistitem[selected=true] .ac-title, .ac-title[selected], .autocomplete-richlistitem[selected=true] .ac-action, .ac-action[selected], .autocomplete-richlistitem[selected=true] .ac-separator, .ac-separator[selected] {
  642.         color: #eee !important;
  643.     }
  644.     .autocomplete-richlistitem[selected=true] .ac-url, .ac-url[selected] {
  645.         color: dodgerblue !important;
  646.     }
  647.     #PopupAutoCompleteRichResult .autocomplete-richlistitem:hover {
  648.         background-color: dodgerblue !important;
  649.     }
  650.     #PopupAutoCompleteRichResult .autocomplete-richlistitem[selected] {
  651.         background-color: dodgerblue !important;
  652.     }
  653.     /* Ability to scroll in Fx57 */
  654.     #PopupAutoCompleteRichResult .autocomplete-richlistbox>scrollbox {
  655.         overflow-y: auto !important;
  656.         padding-right: 3px !important;
  657.     }
  658.     #PopupAutoCompleteRichResult .autocomplete-richlistbox {
  659.         padding-right: 0 !important;
  660.     }
  661. }
  662.  
  663. /*----------Hamburger icon -----------*/
  664.  
  665. #PanelUI-menu-button {
  666.     list-style-image: url("hamburger.png") !important;
  667.     filter: white !important;
  668. }
  669.  
  670. @media (min-resolution: 4dppx) {
  671.     #PanelUI-menu-button {
  672.         list-style-image: url("hamburger.png") !important;
  673.         filter: dodgerblue !important;
  674.         opacity: 1 !important;
  675.         /*transform: rotate(90deg);*/
  676.     }
  677. }
  678.  
  679. /*-----------------------------------------------------------------------------*/
  680.  
  681. @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  682. #TabsToolbar {
  683.     height: 33px !important;
  684. }
  685.  
  686. .bookmark-item {
  687.     margin-left: 0 !important;
  688.     margin-right: 0 !important;
  689.     padding-right: 0 !important;
  690.     padding-left: 0 !important;
  691. }
  692.  
  693. toolbarbutton.bookmark-item .toolbarbutton-text {
  694.     display: none !important;
  695. }
  696.  
  697. toolbarbutton.bookmark-item .toolbarbutton-icon {
  698.     margin-left: 2px !important;
  699. }
  700.  
  701. #PlacesToolbarItems>.bookmark-item>.toolbarbutton-icon[label]:not([label=""]) {
  702.     margin-inline-end: 2px !important;
  703. }
  704.  
  705. toolbarbutton.subviewbutton.subviewbutton-iconic .toolbarbutton-text {
  706.     display: -moz-box !important;
  707. }
  708.  
  709. /* --- [2] --- */
  710.  
  711. toolbarbutton.bookmark-item[type="menu"] {
  712.     margin-right: .5em !important;
  713. }
  714.  
  715. toolbarbutton.bookmark-item[type="menu"] .toolbarbutton-text {
  716.     display: -moz-box !important;
  717. }
  718.  
  719. /*-------------------*/
  720.  
  721. @-moz-document url("chrome://browser/content/browser.xul"), url("chrome://browser/content/bookmarks/bookmarksPanel.xul"), url("chrome://browser/content/history/history-panel.xul") {
  722.     #sidebar {
  723.         max-width: none !important;
  724.         min-width: 0px !important;
  725.     }
  726.     #sidebar, #sidebar-header {
  727.         border-right: 0px solid !important;
  728.     }
  729.     #sidebar, #sidebar-header, #bookmarksPanel, #bookmarks-view, #history-panel, #historyTree, #downloads-panel {
  730.         background-color: #1f1f1f !important;
  731.         font-family: Fira Sans !important;
  732.         color: white !important;
  733.     }
  734.     /* Sidebar items */
  735.     .sidebar-placesTreechildren::-moz-tree-row {
  736.         border: 0px !important;
  737.     }
  738.     .sidebar-placesTreechildren::-moz-tree-cell(hover) {
  739.         background: dodgerblue !important;
  740.     }
  741.     .sidebar-placesTreechildren::-moz-tree-row(selected) {
  742.         background: dodgerblue !important;
  743.     }
  744.     .sidebar-placesTreechildren::-moz-tree-cell-text(selected) {
  745.         color: white !important;
  746.     }
  747.     #sidebar-splitter {
  748.         opacity: 0 !important;
  749.     }
  750.     /* Hide white bar. Not necessary, but helpful. */
  751.     #sidebar-splitter {
  752.         opacity: 0 !important;
  753.     }
  754.     /* ****** END OPTIONAL ******  */
  755.     /*sliding bar*/
  756.     /*-------------------------------------------------------------------------------------------*/
  757.     #sidebar-switcher-bookmarks>.toolbarbutton-icon, #sidebar-box[sidebarcommand="viewBookmarksSidebar"]>#sidebar-header>#sidebar-switcher-target>#sidebar-icon {
  758.         color: dodgerblue !important;
  759.         fill: dodgerblue !important;
  760.         opacity: 1 !important;
  761.     }
  762.     #sidebar-switcher-history>.toolbarbutton-icon, #sidebar-box[sidebarcommand="viewHistorySidebar"]>#sidebar-header>#sidebar-switcher-target>#sidebar-icon {
  763.         color: dodgerblue !important;
  764.         fill: dodgerblue !important;
  765.         opacity: 1 !important;
  766.     }
  767.     .sidebar-switcher-tabs>.toolbarbutton-icon, .sidebar-box[sidebarcommand="viewTabsSidebar"]>#sidebar-header>#sidebar-switcher-target>#sidebar-icon {
  768.         color: dodgerblue !important;
  769.         fill: dodgerblue !important;
  770.         opacity: 1 !important;
  771.     }
  772. }
  773.  
  774. /*icones sidebar blancs
  775. @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
  776. .bookmark-item[container], treechildren::-moz-tree-image(container) {
  777. fill: white !important; opacity: 1 !important; }*
  778. treechildren::-moz-tree-image(OrganizerQuery_BookmarksToolbar) {
  779. fill: white !important;
  780. opacity: 1 !important; }
  781. treechildren::-moz-tree-image(OrganizerQuery_BookmarksMenu) {
  782. fill: white !important;
  783. opacity: 1 !important;}
  784. treechildren::-moz-tree-image(OrganizerQuery_UnfiledBookmarks) {
  785. fill: white !important;
  786. opacity: 1 !important;
  787. }*/
  788.  
  789. /*-----------------------------------------RSS ITEM ----------------------------------*/
  790.  
  791. [livemark] menuitem {
  792.     list-style-image: url('rss3.svg') !important;
  793. }
  794.  
  795. .bookmark-item[container][livemark] .bookmark-item[visited] {
  796.     -moz-image-region: initial !important;
  797.     list-style-image: url('rsssvg5.svg') !important;
  798.     opacity: 0.45 !important;
  799. }
  800.  
  801. /*----------*/
  802.  
  803. .bookmark-item[container][query], treechildren::-moz-tree-image(query) {
  804.     fill: white !important;
  805.     opacity: 1 !important;
  806. }
  807.  
  808. /*------------------------*/
  809.  
  810. /*AGENT_SHEET*/
  811.  
  812. /* Firefox 57+ userChrome.css tweaks ****************************************************/
  813.  
  814. /* code mostly taken from 'Classic Theme Restorer' & 'Classic Toolbar Buttons' add-ons **/
  815.  
  816. /* by Aris (aris-addons@gmx.net)*********************************************************/
  817.  
  818. /* Github: https://github.com/aris-t2/customcssforfx ************************************/
  819.  
  820. /****************************************************************************************/
  821.  
  822. /* remove background color */
  823.  
  824. #urlbar .urlbar-page-action, #urlbar #star-button-animatable-box, #urlbar #pageAction-panel-bookmark, #urlbar #star-button, #urlbar #star-button-animatable-box, #urlbar .urlbar-icon, #searchbar .search-go-button {
  825.     opacity: 1 !important;
  826.     background: unset !important;
  827.     box-shadow: unset !important;
  828. }
  829.  
  830. /* colorize location bar icons (except star button) */
  831.  
  832. /*
  833. #urlbar :-moz-any(#reader-mode-button, #pageActionButton,
  834. #pageAction-urlbar-emailLink, #pageAction-urlbar-sendToDevice,
  835. #pageAction-urlbar-screenshots,
  836. #pageAction-urlbar-copyURL),
  837. #urlbar,#urlbar-history-dropmarker {
  838. fill: white !important;
  839. }
  840. #urlbar :-moz-any(#reader-mode-button, #pageActionButton,
  841. #pageAction-urlbar-emailLink, #pageAction-urlbar-sendToDevice,
  842. #pageAction-urlbar-screenshots,
  843. #pageAction-urlbar-copyURL):-moz-any(:hover,
  844. :hover:active,
  845. [open]),
  846. #urlbar .urlbar-history-dropmarker:-moz-any(:hover,
  847. :hover:active,
  848. [open]) {
  849. fill: white !important;
  850. }
  851. */
  852.  
  853. /* colorize star button icon */
  854.  
  855. /*
  856. #urlbar #pageAction-panel-bookmark:not([starred]),
  857. #urlbar #star-button:not([starred]) {
  858. fill: yellow !important;
  859. opacity: 1.0 !important;
  860. }*/
  861.  
  862. /*
  863. .urlbar #star-button-box[open] #star-button,
  864. .urlbar #star-button:-moz-any(:hover,:hover, :active),
  865. .urlbar #star-button-animatable-box:-moz-any(:hover,:hover, :active) {
  866. filter: brightness(1.0) !important;
  867. }*/
  868.  
  869. /*
  870. #urlbar #pageAction-panel-bookmark:not([starred]):-moz-any(:hover,
  871. :hover:active,
  872. [open]),
  873. #urlbar #star-button-box[open] #star-button:not([starred]),
  874. #urlbar #star-button:not([starred]):-moz-any(:hover,
  875. :hover:active) {
  876. opacity: 1 !important;
  877. filter: brightness(1.0) !important;
  878. }
  879. */
  880.  
  881. /* increase brightness for search bars go button */
  882.  
  883. #searchbar .search-go-button:-moz-any(:hover, :hover :active, [open]) {
  884.     opacity: 1 !important;
  885.     filter: brightness(1.0) !important;
  886. }
  887.  
  888. /* change opacity for WE page action buttons */
  889.  
  890. /*
  891. #urlbar #page-action-buttons>.urlbar-icon {
  892. opacity: 1 !important;
  893. }
  894.  
  895. #urlbar #page-action-buttons>.urlbar-icon:-moz-any(:hover,
  896. :hover:active,[open]) {
  897. opacity: 1 !important;
  898. }*/
  899.  
  900. /**/
  901.  
  902. /* This change the color of the bottombar
  903. to dark, don't use this if you want default color (white) */
  904.  
  905. #bottom-toolbar-vbox {
  906.     background-color: black !important;
  907. }
  908.  
  909. #bottom-toolbar {
  910.     height: 35px !important;
  911.     /* The value should be between 24-40px */
  912.     direction: rtl !important;
  913.     /* This makes the toolbar buttons positioned from right to left Should be used with the pseudo Separators below */
  914. }
  915.  
  916. /* Pseudo Separators
  917. This technically transforms the flexible spaces to separators
  918. whenever they are put to the bottombar.
  919. The down side is that
  920. you cannot use flexible spaces on bottombar anymore */
  921.  
  922. #bottom-toolbar toolbarspring {
  923.     background: transparent !important;
  924.     max-width: 0px !important;
  925.     min-width: 0px !important;
  926.     width: 0px !important;
  927.     border-left: 1px solid white !important;
  928.     border-right: 1px solid black !important;
  929.     margin-top: 4px !important;
  930.     margin-bottom: 4px !important;
  931.     margin-left: 3px !important;
  932.     margin-right: 3px !important;
  933. }
  934.  
  935. /*------------------------------------------------------------------*/
  936.  
  937. /*--------folder-----------------*/
  938.  
  939. /* Colored folders for bookmark sidebar, toolbar, menu button, classic menu Updated Dec. 19, 2017 */
  940.  
  941. /* Standard folder */
  942.  
  943. #bookmarks-view treechildren::-moz-tree-image(container), #PlacesToolbarItems toolbarbutton[container="true"] .toolbarbutton-icon, #PlacesToolbarItems menu[container="true"] .menu-iconic-left, #BMB_bookmarksPopup menu[container="true"] .menu-iconic-icon, #bookmarksMenu menu[container="true"] .menu-iconic-icon {
  944.     list-style-image: url('dossier.svg') !important;
  945.     /*
  946. fill: #e8bb00 !important; */
  947.     /* slightly muted gold */
  948. }
  949.  
  950. /* Live Bookmark (RSS Feed) */
  951.  
  952. #bookmarks-view treechildren::-moz-tree-image(livemark), #PlacesToolbarItems toolbarbutton[container="true"][livemark="true"] .toolbarbutton-icon, #PlacesToolbarItems menu[container="true"][livemark="true"] .menu-iconic-left, #BMB_bookmarksPopup menu[container="true"][livemark="true"] .menu-iconic-icon, #bookmarksMenu menu[container="true"][livemark="true"] .menu-iconic-icon {
  953.     list-style-image: url(rsssvg4.svg) !important;
  954.     opacity: 1 !important;
  955.     /*fill: orange !important;*/
  956. }
  957.  
  958. /* Smart bookmark folder
  959. #bookmarks-view treechildren::-moz-tree-image(query),
  960. #PlacesToolbarItems toolbarbutton[container="true"][query="true"] .toolbarbutton-icon,
  961. #PlacesToolbarItems menu[container="true"][query="true"] .menu-iconic-left,
  962. #BMB_bookmarksPopup menu[container="true"][query="true"] .menu-iconic-icon,
  963. #bookmarksMenu menu[container="true"][query="true"] .menu-iconic-icon {
  964. fill: #69c !important;
  965. }*/
  966.  
  967. /* These "containers" are SVG in the sidebar, not yet on the menu
  968. #bookmarks-view treechildren::-moz-tree-image(OrganizerQuery_BookmarksMenu) {
  969. fill: olive !important;
  970. }
  971. #bookmarks-view treechildren::-moz-tree-image(OrganizerQuery_BookmarksToolbar) {
  972. fill: olive !important;
  973. }
  974. #bookmarks-view treechildren::-moz-tree-image(OrganizerQuery_UnfiledBookmarks) {
  975. fill: olive !important;
  976. }*/
  977.  
  978. /* Avoid overriding classic Bookmarks Toolbar and Other Bookmarks icons in menus
  979. #BMB_bookmarksPopup #BMB_bookmarksToolbar.menu-iconic-icon,
  980. #bookmarksMenu #bookmarksToolbarFolderMenu.menu-iconic-icon {
  981. list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png") !important;
  982. }
  983. #BMB_bookmarksPopup #BMB_unsortedBookmarks.menu-iconic-icon,
  984. #bookmarksMenu #menu_unsortedBookmarks.menu-iconic-icon {
  985. list-style-image: url("chrome://browser/skin/places/unsortedBookmarks.png") !important;
  986. }*/
  987.  
  988. /*-min max close */
  989.  
  990. #titlebar-min {
  991.     list-style-image: url("yellow1.svg") !important;
  992. }
  993.  
  994. #titlebar-min:hover {
  995.     list-style-image: url("yellowmoins.svg") !important;
  996.     background-color: transparent !important;
  997. }
  998.  
  999. #titlebar-max {
  1000.     list-style-image: url("orange.svg") !important;
  1001.     /*
  1002. filter: invert(100%) !important;*/
  1003. }
  1004.  
  1005. #titlebar-max:hover {
  1006.     list-style-image: url("plus.svg") !important;
  1007.     background-color: transparent !important;
  1008. }
  1009.  
  1010. #titlebar-close {
  1011.     list-style-image: url("rouge.svg") !important;
  1012.     /* filter: invert(100%) !important;*/
  1013. }
  1014.  
  1015. #titlebar-close:hover {
  1016.     list-style-image: url("rougeclose.svg") !important;
  1017.     background-color: transparent !important;
  1018. }
  1019.  
  1020. .titlebar-button>.toolbarbutton-icon {
  1021.     height: 16px !important;
  1022.     min-height: 14px !important;
  1023.     width: 16px !important;
  1024.     min-width: 14px !important;
  1025. }
  1026.  
  1027. .titlebar-button {
  1028.     padding-left: 6px !important;
  1029.     padding-right: 6px !important;
  1030.     padding-top: 6px !important;
  1031. }
  1032.  
  1033. /*----------------------hamburger menu-----------------------------*/
  1034.  
  1035. .panel-arrow {
  1036.     fill: #1f1f1f !important;
  1037. }
  1038.  
  1039. .panel-subview-body {
  1040.     color: white !important;
  1041.     background: #1f1f1f !important;
  1042.     border-color: white !important;
  1043. }
  1044.  
  1045. #appMenu-zoomReset-button {
  1046.     color: dodgerblue !important;
  1047.     border-color: dodgerblue !important;
  1048.     border-radius: 0px !important;
  1049.     background-color: #1f1f1f !important;
  1050. }
  1051.  
  1052. .subviewbutton.panel-subview-footer {
  1053.     background-color: #1f1f1f !important;
  1054.     border-top: 0px solid red !important;
  1055. }
  1056.  
  1057. .panel-header {
  1058.     border-bottom: 1px solid #1f1f1f !important;
  1059.     background: #1f1f1f !important;
  1060. }
  1061.  
  1062. .panel-subview-footer, [class^="PanelUI-"] {
  1063.     color: lightgray !important;
  1064.     background: #1f1f1f !important;
  1065. }
  1066.  
  1067. .subviewbutton.panel-subview-footer {
  1068.     background-color: #1f1f1f !important;
  1069.     border-top: 1px solid #1f1f1f !important;
  1070. }
  1071.  
  1072. :root {
  1073.     --panel-separator-color: rgb(50, 50, 50) !important;
  1074. }
  1075.  
  1076. .subviewbutton[shortcut]::after {
  1077.     color: dodgerblue !important;
  1078. }
  1079.  
  1080. .subviewbutton-nav::after {
  1081.     fill: dodgerblue !important;
  1082. }
  1083.  
  1084. #appMenu-popup .subviewbutton .toolbarbutton-text,
  1085. /* Ctrl+N Ctrl+Shift+P ect. */
  1086.  
  1087. #appMenu-popup .panel-arrowcontent,
  1088. /* Zoom - Edit Labels */
  1089.  
  1090. panelmultiview .toolbaritem-combined-buttons>label {
  1091.     font-family: Fira Sans !important;
  1092. }
  1093.  
  1094. /*
  1095. Name: Firefox Transparent Images
  1096. Version: 1.1.0
  1097. Description: Removes the white background when viewing images with transparency directly.
  1098. Copyright: hyperfekt
  1099. License: CC0 Public Domain Dedication (https://creativecommons.org/publicdomain/zero/1.0/)
  1100. */
  1101.  
  1102. @-moz-document regexp("(data:image/.*|.*\\.(png|gif|webp|bmp|tiff?|jp2|jpx))") {
  1103.     img.transparent {
  1104.         background: none !important;
  1105.         color: rgba(255, 255, 255, 1) !important;
  1106.     }
  1107. }
  1108.  
  1109. @-moz-document regexp("data:image/(svg).*|.*\\.(svg)") {
  1110.     :root {
  1111.         background-image: url("chrome://global/skin/media/imagedoc-darknoise.png") !important;
  1112.         color: rgba(255, 255, 255, 1) !important;
  1113.     }
  1114. }
  1115.  
  1116. /*-------------*/
  1117.  
  1118. /*== PNG image Panel Star ==*/
  1119.  
  1120. #editBookmarkPanelStarIcon {
  1121.     background-image: none !important;
  1122.     background-color: #1f1f1f !important;
  1123.     list-style-image: url("star.svg") !important;
  1124. }
  1125.  
  1126. /*== SVG image URL Star ==*/
  1127.  
  1128. #star-button {
  1129.     list-style-image: url("star.svg") !important;
  1130. }
  1131.  
  1132. panel #editBookmarkPanel, .panel-arrow, .panel-arrowcontent {
  1133.     /*  fill: red !important;*/
  1134.     opacity: 1 !important;
  1135.     /* background-color: #1f1f1f !important;*/
  1136.     fill: #1f1f1f !important;
  1137. }
  1138.  
  1139. #urlbar, .searchbar-textbox {
  1140.     font-family: Fira Sans !important;
  1141.     border: 0px !important;
  1142.     border-radius: 16px !important;
  1143. }
  1144.  
  1145. .searchbar {
  1146.     background-color: rgba(30, 143, 255, 0.459) !important;
  1147. }
  1148.  
  1149. /*==== Thumping Sound icon for tab that has sound playing ====*/
  1150.  
  1151. .tab-icon-sound[soundplaying] {
  1152.     /*transform: rotate(-90deg);*/
  1153.     animation: thump .47s linear infinite;
  1154. }
  1155.  
  1156. @keyframes thump {
  1157.     10%, 90% {
  1158.         margin-top: 7px;
  1159.     }
  1160. }
  1161.  
  1162. .tab-icon-sound[muted] {
  1163.     color: dodgerblue !important;
  1164.     transform: rotate(-90deg);
  1165.     animation: none;
  1166. }
  1167.  
  1168. .tab-icon-sound[soundplaying] {
  1169.     margin-right: 7px;
  1170. }
  1171.  
  1172. .tab-icon-sound[soundplaying] {
  1173.     margin-bottom: 6px;
  1174. }
  1175.  
  1176. /*-------------------------------------------------------*/
  1177.  
  1178. #nav-bar {
  1179.     min-height: 35px !important;
  1180. }
  1181.  
  1182. /*--------------------------------------------------------------------------*/
  1183.  
  1184. #sidebar-header, #sidebar-search-container, #sidebar-search-container #viewButton, .content-header, .sidebar-header {
  1185.     background: black !important;
  1186.     /*var(--in-content-category-header-background)!important;*/
  1187.     color: white !important;
  1188. }
  1189.  
  1190. .sidebar-search-container.tabs-container.sync-state.selected .search-box, hbox#sidebar-search-container textbox#search-box {
  1191.     -moz-appearance: none !important;
  1192.     background-color: black !important;
  1193.     /*var(--in-content-box-background) !important;*/
  1194.     color: white !important;
  1195.     min-height: 20px !important;
  1196.     padding: 0 0 0 4px !important;
  1197.     border: 0px solid !important;
  1198.     border-color: black !important;
  1199.     border-radius: 0px !important;
  1200. }
  1201.  
  1202. .sidebar-search-container.tabs-container.sync-state.selected .search-box .textbox-input-box {
  1203.     background-color: black !important;
  1204.     padding: 2px !important;
  1205. }
  1206.  
  1207. #sidebar, #sidebar-box, #template-container, #webext-panels-browser, #webextpanels-window {
  1208.     background-color: #1f1f1f !important;
  1209.     /*var(--in-content-page-background)!important;*/
  1210.     color: white !important;
  1211.     font-family: Fira Sans !important;
  1212. }
  1213.  
  1214. /*hide white flash */
  1215.  
  1216. #browser vbox#appcontent tabbrowser, #content, #tabbrowser-tabpanels, browser[type=content-primary], browser[type=content]>html {
  1217.     background: #1f1f1f !important;
  1218. }
  1219.  
  1220. /*
  1221. #main-window[chromemargin] #titlebar-spacer {
  1222. -moz-box-ordinal-group: 10;
  1223. }*/
  1224.  
  1225. #main-window[chromemargin] #toolbar-menubar, #main-window[chromemargin] #toolbar-menubar[autohide="true"]~#TabsToolbar {
  1226.     margin-left: 0px !important;
  1227. }
  1228.  
  1229. #main-window[chromemargin] #titlebar-placeholder-on-TabsToolbar-for-captions-buttons {
  1230.     display: none;
  1231. }
  1232.  
  1233. .searchbar-textbox {
  1234.     direction: ltr !important;
  1235.     background: rgba(30, 143, 255, 0.349) !important;
  1236.     border: 0px !important;
  1237.     border-radius: 16px !important;
  1238.     color: white !important;
  1239. }
  1240.  
  1241. .tabbrowser-tab::after, .tabbrowser-tab::before {
  1242.     border-left: none !important;
  1243. }
  1244.  
  1245. /*-------------dowbloads sidebar webext tweaks dark ------------------*/
  1246.  
  1247. @-moz-document url("moz-extension://b7d140f3-60a1-49e0-927e-34206833c5f8/sidebar/panel.html") {
  1248.     html, body {
  1249.         font-family: Fira Sans !important;
  1250.         background-color: #1f1f1f !important;
  1251.         color: white !important;
  1252.     }
  1253.     .toolbar-item .btn, .change-state-button, .cancel-button, .erase-button {
  1254.         filter: invert(100%) !important;
  1255.     }
  1256.     .progress {
  1257.         border: 0px solid #777 !important;
  1258.         background-color: #CCC !important;
  1259.     }
  1260.     .toolbar-bottom {
  1261.         border-top: 1px solid #777 !important;
  1262.     }
  1263.     .selected {
  1264.         background-image: #2f2f2f !important;
  1265.         /*linear-gradient(to top, #444, #555) !important;*/
  1266.         box-shadow: 0 0 1px 1px #777 !important;
  1267.     }
  1268. }
  1269.  
  1270. /*------------------------------------------------------------------------*/
  1271.  
  1272. :root {
  1273.     --magenta-50: #ff1ad9 !important;
  1274.     --magenta-60: #ed00b5 !important;
  1275.     --magenta-70: #b5007f !important;
  1276.     --magenta-80: #7d004f !important;
  1277.     --magenta-90: #440027 !important;
  1278.     --purple-50: #9400ff !important;
  1279.     --purple-60: #8000d7 !important;
  1280.     --purple-70: #6200a4 !important;
  1281.     --purple-80: #440071 !important;
  1282.     --purple-90: #25003e !important;
  1283.     --blue-40: #45a1ff !important;
  1284.     --blue-50: #0a84ff !important;
  1285.     --blue-60: #0060df !important;
  1286.     --blue-70: #003eaa !important;
  1287.     --blue-80: #002275 !important;
  1288.     --blue-90: #000f40 !important;
  1289.     --teal-50: #00feff;
  1290.     --teal-60: #00c8d7;
  1291.     --teal-70: #008ea4;
  1292.     --teal-80: #005a71;
  1293.     --teal-90: #002d3e;
  1294.     --green-50: #30e60b;
  1295.     --green-60: #12bc00;
  1296.     --green-70: #058b00;
  1297.     --green-80: #006504;
  1298.     --green-90: #003706;
  1299.     --yellow-50: #ffe900;
  1300.     --yellow-60: #d7b600;
  1301.     --yellow-70: #a47f00;
  1302.     --yellow-80: #715100;
  1303.     --yellow-90: #3e2800;
  1304.     --red-50: #ff0039;
  1305.     --red-60: #d70022;
  1306.     --red-70: #a4000f;
  1307.     --red-80: #5a0002;
  1308.     --red-90: #3e0200;
  1309.     --orange-50: #ff9400;
  1310.     --orange-60: #d76e00;
  1311.     --orange-70: #a44900;
  1312.     --orange-80: #712b00;
  1313.     --orange-90: #3e1300;
  1314.     --grey-10: #f9f9fa !important;
  1315.     --grey-20: #ededf0 !important;
  1316.     --grey-30: #d7d7db !important;
  1317.     --grey-40: #b1b1b3 !important;
  1318.     --grey-50: #737373 !important;
  1319.     --grey-60: #4a4a4f !important;
  1320.     --grey-70: #38383d !important;
  1321.     --grey-80: #2a2a2e !important;
  1322.     --grey-90: #0c0c0d !important;
  1323.     --code-green: #86de74 !important;
  1324.     --warning-color: #FCE19F !important;
  1325.     --warning-background-color: #44391F !important;
  1326.     --theme-highlight-green: #86DE74;
  1327.     --theme-highlight-blue: #75BFFF;
  1328.     --theme-highlight-purple: #B98EFF;
  1329.     --theme-highlight-red: #FF7DE9;
  1330.     --theme-highlight-yellow: #FFF89E;
  1331.     --theme-highlight-bluegrey: #5e88b0;
  1332.     --theme-highlight-lightorange: #d99b28;
  1333.     --theme-highlight-orange: #d96629;
  1334.     --theme-highlight-pink: #df80ff;
  1335.     --tone-1: var(--grey-10) !important;
  1336.     --tone-2: var(--grey-20) !important;
  1337.     --tone-3: var(--grey-30) !important;
  1338.     --tone-4: var(--grey-40) !important;
  1339.     --tone-5: var(--grey-50) !important;
  1340.     --tone-6: var(--grey-60) !important;
  1341.     --tone-7: var(--grey-70) !important;
  1342.     --tone-8: var(--grey-80) !important;
  1343.     --tone-9: var(--grey-90) !important;
  1344.     --accent-1: var(--blue-40) !important;
  1345.     --accent-2: var(--blue-50) !important;
  1346.     --accent-3: var(--blue-60) !important;
  1347.     --in-content-page-color: var(--tone-4) !important;
  1348.     --in-content-page-background: var(--tone-7) !important;
  1349.     --in-content-text-color: var(--tone-3) !important;
  1350.     --in-content-selected-text: var(--accent-1) !important;
  1351.     --in-content-box-background: var(--tone-6) !important;
  1352.     --in-content-box-background-odd: dodgerblue !important;
  1353.     --in-content-box-background-hover: var(--tone-6) !important;
  1354.     --in-content-box-background-active: var(--tone-6) !important;
  1355.     --in-content-box-border-color: var(--tone-5) !important;
  1356.     --in-content-item-hover: rgba(0, 149, 221, 0.25) !important;
  1357.     --in-content-item-selected: var(--tone-8) !important;
  1358.     --in-content-border-highlight: var(--accent-1) !important;
  1359.     --in-content-border-focus: var(--accent-1) !important;
  1360.     --in-content-border-color: var(--tone-6) !important;
  1361.     --in-content-category-outline-focus: 1px dotted #0a84ff !important;
  1362.     --in-content-category-text: var(--tone-4) !important;
  1363.     --in-content-category-text-active: #0c0c0d !important;
  1364.     --in-content-category-text-selected: var(--accent-1) !important;
  1365.     --in-content-category-text-selected-active: #0060df !important;
  1366.     --in-content-category-background-hover: rgba(12, 12, 13, 0.1) !important;
  1367.     --in-content-category-background-active: rgba(12, 12, 13, 0.15) !important;
  1368.     --in-content-category-background-selected-hover: rgba(12, 12, 13, 0.15) !important;
  1369.     --in-content-category-background-selected-active: rgba(12, 12, 13, 0.2) !important;
  1370.     --in-content-tab-color: #424f5a !important;
  1371.     --in-content-link-color: var(--accent-1) !important;
  1372.     --in-content-link-color-hover: var(--accent-2) !important;
  1373.     --in-content-link-color-active: #003eaa !important;
  1374.     --in-content-link-color-visited: #0a8dff !important;
  1375.     --in-content-primary-button-background: var(--accent-2) !important;
  1376.     --in-content-primary-button-background-hover: var(--accent-3) !important;
  1377.     --in-content-primary-button-background-active: var(--accent-3) !important;
  1378.     --in-content-table-border-dark-color: var(--tone-7) !important;
  1379.     --in-content-table-header-background: var(--accent-2) !important;
  1380.     --theme-selection-background: var(--accent-2) !important;
  1381.     --theme-selection-background-hover: var(--accent-1) !important;
  1382.     --in-content-category-header-background: var(--tone-8) !important;
  1383.     --selected-icon-fill-color: var(--tone-2) !important;
  1384.     --in-content-dark-header-background: var(--tone-9) !important;
  1385.     --secure-connection-color: var(--accent-1) !important;
  1386.     --theme-sidebar-background: #1B1B1D !important;
  1387.     --cm-background: var(--tone-8) !important;
  1388.     --cm-selection: #353b48 !important;
  1389.     --cm-marker: #555 !important;
  1390.     --cm-linenumber: #58575c !important;
  1391.     --cm-cursor: dodgerblue !important;
  1392.     --cm-active-line-background: rgba(185, 215, 253, .15) !important;
  1393.     --cm-matching-bracket: rgba(255, 255, 255, .25) !important;
  1394.     --cm-search-background: rgba(24, 29, 32, 1) !important;
  1395.     --cm-red: #de7474 !important;
  1396.     --start-indicator-for-updater-scripts: black !important;
  1397.     --end-indicator-for-updater-scripts: black !important;
  1398.     --dummy-variable-for-updater-scripts: black !important;
  1399. }
  1400.  
  1401. }
  1402.  
  1403. /*
  1404. toolbar {
  1405. -moz-appearance: none!important;
  1406. background-color: var(--in-content-category-header-background)!important;
  1407. border: 0px!important;
  1408. }*/
  1409.  
  1410. /*
  1411.  
  1412.  
  1413. listbox,
  1414. textbox {
  1415. -moz-appearance: none!important;
  1416. background-color: var(--in-content-box-background) !important;
  1417. color: var(--in-content-page-color)!important;
  1418. min-height: 20px!important;
  1419. padding: 0 0 0 4px!important;
  1420. border: 1px solid!important;
  1421. border-color: var(--in-content-box-border-color)!important;
  1422. border-radius: 3px!important;
  1423. }
  1424. #placesToolbar > toolbarbutton {
  1425. margin: 6px 4px 5px!important;
  1426. -moz-appearance: none!important;
  1427. background-color: var(--tone-4)!important;
  1428. border-radius: 1px!important;
  1429. filter: invert(100%)!important;
  1430. }
  1431. #placesList {
  1432. -moz-appearance: none!important;
  1433. color: var(--in-content-page-color)!important;
  1434. background-color: var(--in-content-page-background)!important;
  1435. }
  1436. #placesView > splitter {
  1437. border-color: var(--in-content-border-color)!important;
  1438. }
  1439. #places #downloadsRichListBox {
  1440. -moz-appearance: none!important;
  1441. color: var(--in-content-page-color)!important;
  1442. background-color: var(--in-content-box-background)!important;
  1443. }
  1444. #detailsDeck {
  1445. border: 0px!important;
  1446. background-color: var(--in-content-page-background)!important;
  1447. color: var(--in-content-page-color)!important;
  1448. }
  1449. .expander-down,
  1450. .expander-up {
  1451. filter: invert(60%)!important;
  1452. }
  1453. #placeContent treechildren:not(.autocomplete-treebody)::-moz-tree-cell-text() {
  1454. color: var(--in-content-text-color)!important;
  1455. }
  1456. #places treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected),
  1457. #placesList > treechildren::-moz-tree-row(selected) {
  1458. -moz-appearance: none!important;
  1459. -moz-font-smoothing-background-color: none!important;
  1460. border-top: none!important;
  1461. background: var(--theme-selection-background)!important;
  1462. color: var(--in-content-text-color)!important;
  1463. }
  1464. #placeContent treechildren:not(.autocomplete-treebody)::-moz-tree-cell-text(selected),
  1465. #placesList > treechildren::-moz-tree-cell-text(selected) {
  1466. color: var(--in-content-text-color)!important;
  1467. }
  1468. #places treechildren::-moz-tree-row {
  1469. background-color: transparent!important;
  1470. }
  1471. #places treechildren::-moz-tree-image {
  1472. fill: var(--in-content-page-color)!important;
  1473. }
  1474. #places treechildren::-moz-tree-image(selected) {
  1475. fill: var(--selected-icon-fill-color)!important;
  1476. }
  1477. #placeContent > treechildren::-moz-tree-cell,
  1478. #placeContent > treechildren::-moz-tree-column {
  1479. border-color: var(--in-content-box-border-color)!important;
  1480. }
  1481. #contentView treecol {
  1482. -moz-appearance: none!important;
  1483. border: 0px!important;
  1484. background: var(--in-content-category-header-background)!important;
  1485. color: var(--in-content-text-color)!important;
  1486. border-right: 1px solid!important;
  1487. border-color: var(--in-content-box-border-color)!important;
  1488. }
  1489. tree {
  1490. background-color: var(--in-content-box-background)!important;
  1491. }
  1492. @media screen and (-moz-windows-theme),
  1493. screen and (-moz-windows-classic),
  1494. screen and (-moz-windows-default-theme),
  1495. screen and (-moz-os-version:windows-win7),
  1496. screen and (-moz-os-version:windows-win8),
  1497. screen and (-moz-os-version:windows-win10) {
  1498. #metaTagsCaption,
  1499. #security-identity,
  1500. #security-identity-groupbox,
  1501. #security-privacy,
  1502. #security-privacy-groupbox,
  1503. #security-technical,
  1504. #security-technical-groupbox {
  1505. -moz-appearance: none!important;
  1506. background-color: var(--in-content-page-background)!important;
  1507. border: 0px!important;
  1508. color: var(--in-content-selected-text)!important;
  1509. }
  1510. #security-identity-groupbox,
  1511. #security-privacy-groupbox,
  1512. #security-technical-groupbox {
  1513. -moz-appearance: none!important;
  1514. background-color: var(--in-content-category-header-background)!important;
  1515. }
  1516. }
  1517. }
  1518. }
  1519. */
  1520.  
  1521. /*---------------------------------library ----------------------------------*/
  1522.  
  1523. :root {
  1524.     --magenta-50: #ff1ad9;
  1525.     --magenta-60: #ed00b5;
  1526.     --magenta-70: #b5007f;
  1527.     --magenta-80: #7d004f;
  1528.     --magenta-90: #440027;
  1529.     --purple-50: #9400ff;
  1530.     --purple-60: #8000d7;
  1531.     --purple-70: #6200a4;
  1532.     --purple-80: #440071;
  1533.     --purple-90: #25003e;
  1534.     --blue-40: #45a1ff;
  1535.     --blue-50: #0a84ff;
  1536.     --blue-60: #0060df;
  1537.     --blue-70: #003eaa;
  1538.     --blue-80: #002275;
  1539.     --blue-90: #000f40;
  1540.     --teal-50: #00feff;
  1541.     --teal-60: #00c8d7;
  1542.     --teal-70: #008ea4;
  1543.     --teal-80: #005a71;
  1544.     --teal-90: #002d3e;
  1545.     --green-50: #30e60b;
  1546.     --green-60: #12bc00;
  1547.     --green-70: #058b00;
  1548.     --green-80: #006504;
  1549.     --green-90: #003706;
  1550.     --yellow-50: #ffe900;
  1551.     --yellow-60: #d7b600;
  1552.     --yellow-70: #a47f00;
  1553.     --yellow-80: #715100;
  1554.     --yellow-90: #3e2800;
  1555.     --red-50: #ff0039;
  1556.     --red-60: #d70022;
  1557.     --red-70: #a4000f;
  1558.     --red-80: #5a0002;
  1559.     --red-90: #3e0200;
  1560.     --orange-50: #ff9400;
  1561.     --orange-60: #d76e00;
  1562.     --orange-70: #a44900;
  1563.     --orange-80: #712b00;
  1564.     --orange-90: #3e1300;
  1565.     --grey-10: #f9f9fa;
  1566.     --grey-20: #ededf0;
  1567.     --grey-30: #d7d7db;
  1568.     --grey-40: #b1b1b3;
  1569.     --grey-50: #737373;
  1570.     --grey-60: #4a4a4f;
  1571.     --grey-70: #38383d;
  1572.     --grey-80: #2a2a2e;
  1573.     --grey-90: #0c0c0d;
  1574.     --code-green: #86de74 !important;
  1575.     --warning-color: #FCE19F;
  1576.     --warning-background-color: #44391F;
  1577.     --theme-highlight-green: #86DE74;
  1578.     --theme-highlight-blue: #75BFFF;
  1579.     --theme-highlight-purple: #B98EFF;
  1580.     --theme-highlight-red: #FF7DE9;
  1581.     --theme-highlight-yellow: #FFF89E;
  1582.     --theme-highlight-bluegrey: #5e88b0;
  1583.     --theme-highlight-lightorange: #d99b28;
  1584.     --theme-highlight-orange: #d96629;
  1585.     --theme-highlight-pink: #df80ff;
  1586.     --tone-1: var(--grey-10);
  1587.     --tone-2: var(--grey-20);
  1588.     --tone-3: var(--grey-30);
  1589.     --tone-4: var(--grey-40);
  1590.     --tone-5: var(--grey-50);
  1591.     --tone-6: var(--grey-60);
  1592.     --tone-7: var(--grey-70);
  1593.     --tone-8: var(--grey-80);
  1594.     --tone-9: var(--grey-90);
  1595.     --accent-1: var(--blue-40);
  1596.     --accent-2: var(--blue-50);
  1597.     --accent-3: var(--blue-60);
  1598.     --in-content-page-color: var(--tone-1) !important;
  1599.     --in-content-page-background: var(--tone-8) !important;
  1600.     --in-content-text-color: var(--tone-1) !important;
  1601.     --in-content-selected-text: var(--tone-1) !important;
  1602.     --in-content-box-background: var(--tone-7) !important;
  1603.     --in-content-box-background-odd: #f3f6fa;
  1604.     --in-content-box-background-hover: var(--tone-9) !important;
  1605.     --in-content-box-background-active: var(--tone-8) !important;
  1606.     --in-content-box-border-color: var(--tone-5) !important;
  1607.     --in-content-item-hover: rgba(0, 149, 221, 0.25);
  1608.     --in-content-item-selected: var(--tone-7) !important;
  1609.     --in-content-border-highlight: var(--accent-1) !important;
  1610.     --in-content-border-focus: var(--accent-1) !important;
  1611.     --in-content-border-color: var(--tone-9) !important;
  1612.     --in-content-category-outline-focus: 1px dotted #0a84ff;
  1613.     --in-content-category-text: var(--tone-1) !important;
  1614.     --in-content-category-text-active: white !important;
  1615.     --in-content-category-text-selected: var(--accent-5) !important;
  1616.     --in-content-category-text-selected-active: dodgerblue;
  1617.     --in-content-category-background-hover: rgba(12, 12, 13, 0.1);
  1618.     --in-content-category-background-active: rgba(12, 12, 13, 0.15);
  1619.     --in-content-category-background-selected-hover: rgba(12, 12, 13, 0.15);
  1620.     --in-content-category-background-selected-active: rgba(12, 12, 13, 0.2);
  1621.     --in-content-tab-color: #424f5a;
  1622.     --in-content-link-color: var(--accent-1) !important;
  1623.     --in-content-link-color-hover: var(--accent-2) !important;
  1624.     --in-content-link-color-active: #003eaa;
  1625.     --in-content-link-color-visited: #0a8dff;
  1626.     --in-content-primary-button-background: var(--accent-2) !important;
  1627.     --in-content-primary-button-background-hover: var(--accent-3) !important;
  1628.     --in-content-primary-button-background-active: var(--accent-3) !important;
  1629.     --in-content-table-border-dark-color: var(--tone-8) !important;
  1630.     --in-content-table-header-background: var(--accent-1) !important;
  1631.     --theme-selection-background: var(--accent-1) !important;
  1632.     --theme-selection-background-hover: var(--accent-1) !important;
  1633.     --in-content-category-header-background: var(--tone-8) !important;
  1634.     --selected-icon-fill-color: var(--tone-1) !important;
  1635.     --in-content-dark-header-background: var(--tone-9) !important;
  1636.     --secure-connection-color: var(--accent-1);
  1637.     --theme-sidebar-background: #1f1f1f !important;
  1638.     --cm-background: var(--tone-9) !important;
  1639.     --cm-selection: #cfcfcf !important;
  1640.     --cm-marker: #555 !important;
  1641.     --cm-linenumber: #58575c !important;
  1642.     --cm-cursor: #fff !important;
  1643.     --cm-active-line-background: rgba(185, 215, 253, .15) !important;
  1644.     --cm-matching-bracket: rgb(255, 255, 255) !important;
  1645.     --cm-search-background: rgba(24, 29, 32, 1) !important;
  1646.     --cm-red: red !important;
  1647.     --start-indicator-for-updater-scripts: black;
  1648.     --end-indicator-for-updater-scripts: black;
  1649.     --dummy-variable-for-updater-scripts: black;
  1650. }
  1651.  
  1652. @-moz-document url("chrome://global/content/commonDialog.xul") {
  1653.     #commonDialog {
  1654.         -moz-appearance: none !important;
  1655.         background-color: var(--in-content-page-background) !important;
  1656.         color: white !important;
  1657.     }
  1658. }
  1659.  
  1660. @-moz-document url(chrome://browser/content/places/places.xul) {
  1661.     toolbar {
  1662.         -moz-appearance: none !important;
  1663.         background-color: var(--in-content-category-header-background) !important;
  1664.         border: none !important:
  1665.     }
  1666.     listbox, textbox {
  1667.         -moz-appearance: none !important;
  1668.         background-color: var(--in-content-box-background) !important;
  1669.         color: white !important;
  1670.         min-height: 20px !important;
  1671.         padding: 0 0 0 4px !important;
  1672.         border: 1px solid !important;
  1673.         border-color: var(--in-content-box-border-color) !important;
  1674.         border-radius: 0px !important;
  1675.     }
  1676.     #editBMPanel_rows>row>hbox>textbox, #editBMPanel_rows>row>textbox, #editBMPanel_tagsSelector {
  1677.         background: var(--in-content-box-background) !important;
  1678.     }
  1679.     #placesToolbar>toolbarbutton {
  1680.         margin: 6px 4px 5px !important;
  1681.         -moz-appearance: none !important;
  1682.         background-color: var(--tone-4) !important;
  1683.         border-radius: 5px !important;
  1684.         filter: invert(100%) !important;
  1685.     }
  1686.     #placesList {
  1687.         -moz-appearance: none !important;
  1688.         color: var(--in-content-page-color) !important;
  1689.         background-color: var(--in-content-page-background) !important;
  1690.     }
  1691.     #placesView>splitter {
  1692.         border-color: var(--in-content-border-color) !important;
  1693.     }
  1694.     #places #downloadsRichListBox {
  1695.         -moz-appearance: none !important;
  1696.         color: var(--in-content-page-color) !important;
  1697.         background-color: var(--in-content-box-background) !important;
  1698.     }
  1699.     #detailsDeck {
  1700.         font-family: Fira Sans !important;
  1701.         border: none !important;
  1702.         background-color: var(--in-content-page-background) !important;
  1703.         color: var(--in-content-page-color) !important;
  1704.     }
  1705.     .expander-down, .expander-up {
  1706.         filter: invert(77%) !important;
  1707.     }
  1708.     #placeContent treechildren:not(.autocomplete-treebody)::-moz-tree-cell-text() {
  1709.         color: var(--in-content-text-color) !important;
  1710.     }
  1711.     #places treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected), #placesList>treechildren::-moz-tree-row(selected) {
  1712.         -moz-appearance: none !important;
  1713.         -moz-font-smoothing-background-color: none !important;
  1714.         border-top: none !important;
  1715.         background: var(--theme-selection-background) !important;
  1716.         color: var(--in-content-text-color) !important;
  1717.     }
  1718.     #placeContent treechildren:not(.autocomplete-treebody)::-moz-tree-cell-text(selected), #placesList>treechildren::-moz-tree-cell-text(selected) {
  1719.         color: var(--in-content-text-color) !important;
  1720.     }
  1721.     #places treechildren::-moz-tree-row {
  1722.         background-color: transparent !important;
  1723.     }
  1724.     #places treechildren::-moz-tree-image {
  1725.         fill: var(--in-content-page-color) !important;
  1726.     }
  1727.     #places treechildren::-moz-tree-image(selected) {
  1728.         fill: var(--selected-icon-fill-color) !important;
  1729.     }
  1730.     #placeContent>treechildren::-moz-tree-cell, #placeContent>treechildren::-moz-tree-column {
  1731.         border-color: var(--in-content-box-border-color) !important;
  1732.     }
  1733.     #contentView treecol {
  1734.         -moz-appearance: none !important;
  1735.         border: none !important;
  1736.         background: var(--in-content-category-header-background) !important;
  1737.         color: var(--in-content-text-color) !important;
  1738.         border-right: 1px solid !important;
  1739.         border-color: var(--in-content-box-border-color) !important;
  1740.     }
  1741.     tree {
  1742.         background-color: var(--in-content-box-background) !important;
  1743.     }
  1744.     #editBMPanel_tagsSelectorExpander.expander-down {
  1745.         -moz-appearance: -moz-mac-disclosure-button-closed !important;
  1746.         filter: invert(79%) !important;
  1747.     }
  1748.     #editBMPanel_tagsSelectorExpander.expander-up {
  1749.         -moz-appearance: -moz-mac-disclosure-button-open !important;
  1750.         filter: invert(79%) !important;
  1751.     }
  1752.     #main-menubar {
  1753.         background-color: var(--in-content-category-header-background) !important;
  1754.     }
  1755.     #main-menubar>* {
  1756.         color: var(--in-content-page-color) !important;
  1757.     }
  1758.     #main-menubar> :hover, menubar>menu[_moz-menuactive=true][open=true] {
  1759.         -moz-appearance: none !important;
  1760.         background: var(--in-content-page-background) !important;
  1761.     }
  1762.     @media screen and (-moz-windows-theme), screen and (-moz-windows-classic), screen and (-moz-windows-default-theme), screen and (-moz-os-version:windows-win7), screen and (-moz-os-version:windows-win8), screen and (-moz-os-version:windows-win10) {
  1763.         #metaTagsCaption, #security-identity, #security-identity-groupbox, #security-privacy, #security-privacy-groupbox, #security-technical, #security-technical-groupbox {
  1764.             -moz-appearance: none !important;
  1765.             background-color: var(--in-content-page-background) !important;
  1766.             border: none !important;
  1767.             color: var(--in-content-selected-text) !important;
  1768.         }
  1769.         #placesMenu>menu {
  1770.             color: var(--in-content-page-color) !important;
  1771.         }
  1772.         #security-identity-groupbox, #security-privacy-groupbox, #security-technical-groupbox {
  1773.             -moz-appearance: none !important;
  1774.             background-color: var(--in-content-category-header-background) !important;
  1775.         }
  1776.         #places treechildren:not(.autocomplete-treebody)::-moz-tree-row(hover):not(.autocomplete-treebody)::-moz-tree-cell-text(selected) {
  1777.             background: 0 0 !important;
  1778.             -moz-border-top-colors: transparent !important;
  1779.             -moz-border-right-colors: transparent !important;
  1780.             -moz-border-left-colors: transparent !important;
  1781.             -moz-border-bottom-colors: transparent !important;
  1782.         }
  1783.     }
  1784.     @media screen and (-moz-os-version:windows-win7) {
  1785.         treechildren {
  1786.             --treechildren-outline: none !important;
  1787.         }
  1788.     }
  1789. }
  1790.  
  1791. /*-------------------------------------------------------------------------------------------------------------------------*/
  1792.  
  1793. /*
  1794. #urlbar,
  1795. .searchbar-textbox {
  1796. border-radius: 0px !important;/*
  1797. min-height: 25px !important;
  1798. }*/
  1799.  
  1800. /*
  1801. light & Dark🔥- userChrome.
  1802. :root:not([uidensity=compact]) #back-button {
  1803. padding-top: 0 !important;
  1804. padding-bottom: 0 !important;
  1805. }
  1806. :root:not([uidensity=compact]) #back-button > .toolbarbutton-icon {
  1807. background-color: unset !important;
  1808. border: none !important;
  1809. }*/
  1810.  
  1811. /*
  1812. .titlebar-placeholder[type="pre-tabs"],
  1813. .titlebar-placeholder[type="post-tabs"] {
  1814. width: 25px !important;
  1815. }
  1816. */
  1817.  
  1818. /*
  1819. #titlebar:active {
  1820. margin-bottom: 0 !important;
  1821. }
  1822. */
  1823.  
  1824. /* Move the tab toolbar below the content.
  1825.  
  1826. #TabsToolbar {
  1827. position: fixed;
  1828. bottom: -0em;
  1829. width: 100%;
  1830. }
  1831. */
  1832.  
  1833. /* Move the content deck bottom up by the tab height. */
  1834.  
  1835. /* margin-bottom: var(--tab-min-height) !important;
  1836. #content-deck {
  1837.  
  1838. margin-bottom: 33px !important;
  1839. }*/
  1840.  
  1841. /*
  1842. #TabsToolbar:-moz-window-inactive {
  1843. background-color: rgba(30, 143, 255, 0.185) !important;
  1844. transition: .75s ease-in-out !important;
  1845. }*/
  1846.  
  1847. /*
  1848. #TabsToolbar {
  1849. -moz-box-direction: reverse !important;
  1850. }
  1851.  
  1852. #titlebar {
  1853. direction: rtl !important;
  1854. }
  1855. #main-menubar {
  1856. margin-left: 85px !important;
  1857. }
  1858. */
  1859.  
  1860. /* ---------------TST ------------------*/
  1861.  
  1862. /* Hide main tabs toolbar
  1863.  
  1864. #main-window[tabsintitlebar="true"]:not([extradragspace="true"]) #TabsToolbar {
  1865. opacity: 0;
  1866. pointer-events: none;
  1867. }
  1868.  
  1869. #main-window:not([tabsintitlebar="true"]) #TabsToolbar {
  1870. visibility: collapse !important;
  1871. }
  1872. */
  1873.  
  1874. /* Sidebar min and max width removal
  1875.  
  1876. #sidebar {
  1877. max-width: none !important;
  1878. min-width: 0px !important;
  1879. }
  1880. */
  1881.  
  1882. /* Hide splitter, when using Tree Style Tab.
  1883.  
  1884. #sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"]+#sidebar-splitter {
  1885. display: none !important;
  1886. }*/
  1887.  
  1888. /* Hide sidebar header, when using Tree Style Tab
  1889.  
  1890. #sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] #sidebar-header {
  1891. visibility: collapse;
  1892. }*/
  1893.  
  1894. /* Shrink sidebar until hovered, when using Tree Style Tab.
  1895.  
  1896. :root {
  1897. --thin-tab-width: 30px;
  1898. --wide-tab-width: 300px;
  1899. }
  1900.  
  1901. #sidebar-box:not([sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"]) {
  1902. min-width: var(--wide-tab-width) !important;
  1903. max-width: none !important;
  1904. }
  1905.  
  1906. #sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] {
  1907. position: relative !important;
  1908. transition: all 100ms !important;
  1909. min-width: var(--thin-tab-width) !important;
  1910. max-width: var(--thin-tab-width) !important;
  1911. }
  1912.  
  1913. #sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"]:hover {
  1914. transition: all 200ms !important;
  1915. min-width: var(--wide-tab-width) !important;
  1916. max-width: var(--wide-tab-width) !important;
  1917. margin-right: calc((var(--wide-tab-width) - var(--thin-tab-width)) * -1) !important;
  1918. }*/
  1919.  
  1920. /*==== Searchbar (If Needed) ====*/
  1921.  
  1922. /*-------------------------------------------------------------------------------*/
  1923.  
  1924. #nav-bar {
  1925.     z-index: 1 !important;
  1926. }
  1927.  
  1928. #PersonalToolbar {
  1929.     margin-top: -23px !important;
  1930.     transition: all 0.4s ease 0s !important;
  1931. }
  1932.  
  1933. #navigator-toolbox:hover>#PersonalToolbar {
  1934.     margin-top: 0px !important;
  1935.     transition: all 0.4s ease 0s !important;
  1936. }
  1937.  
  1938. #customization-done-button {
  1939.     color: var(--in-content-text-color);
  1940.     border-color: var(--in-content-primary-button-background) !important;
  1941.     background-color: var(--in-content-primary-button-background) !important;
  1942. }
  1943.  
  1944. #customization-done-button:-moz-any(:focus, :active, :hover):not([disabled]) {
  1945.     background-color: var(--in-content-primary-button-background-hover) !;
  1946. }
  1947.  
  1948. @-moz-document url(chrome://browser/content/pageinfo/pageInfo.xul) {
  1949.     #topBar {
  1950.         -moz-appearance: none !important;
  1951.         background: var(--in-content-category-header-background) !important;
  1952.     }
  1953.     #mainDeck {
  1954.         background: var(--in-content-page-background) !important;
  1955.         color: var(--in-content-page-color) !important;
  1956.     }
  1957.     textbox {
  1958.         color: var(--in-content-page-color) !important;
  1959.     }
  1960.     .text-link {
  1961.         color: var(--in-content-link-color) !important;
  1962.     }
  1963.     button {
  1964.         -moz-appearance: none !important;
  1965.         background-color: var(--in-content-page-background) !important;
  1966.         border: 1px solid !important;
  1967.         border-radius: 3px !important;
  1968.         color: var(--in-content-page-color) !important;
  1969.         border-color: var(--in-content-box-border-color) !important;
  1970.     }
  1971.     button:hover {
  1972.         background-color: var(--in-content-box-background) !important;
  1973.     }
  1974.     #feedListbox, #feedListbox>richlistitem, #imagecontainerbox, .groupbox-body, .permission {
  1975.         -moz-appearance: none !important;
  1976.         background: var(--in-content-box-background) !important;
  1977.         color: var(--in-content-page-color) !important;
  1978.         border-color: var(--in-content-box-border-color) !important;
  1979.     }
  1980.     #feedListbox richlistitem {
  1981.         border-color: var(--in-content-box-border-color) !important;
  1982.     }
  1983.     #permPluginTemplate {
  1984.         color: var(--in-content-page-color) !important;
  1985.     }
  1986.     #feedListbox, #imagecontainerbox, #permList, .groupbox-body {
  1987.         border: 1px solid !important;
  1988.         border-color: var(--in-content-box-border-color) !important
  1989.     }
  1990.     groupbox.collapsable caption .caption-icon {
  1991.         filter: invert(65%) !important
  1992.     }
  1993.     tree {
  1994.         -moz-appearance: none !important;
  1995.         color: var(--in-content-page-color) !important
  1996.     }
  1997.     treecol {
  1998.         -moz-appearance: none !important;
  1999.         border: 0 solid !important;
  2000.         border-color: var(--in-content-box-background) !important
  2001.     }
  2002.     treecolpicker {
  2003.         -moz-appearance: none;
  2004.         border: none !important
  2005.     }
  2006.     #viewGroup>radio {
  2007.         -moz-appearance: none !important;
  2008.         background-color: var(--in-content-box-background) !important;
  2009.         text-shadow: none !important;
  2010.         padding: 0 8px !important;
  2011.         color: var(--in-content-page-color);
  2012.         border-right: 1px solid !important;
  2013.         border-color: var(--in-content-box-border-color) !important
  2014.     }
  2015.     #viewGroup>radio[selected=true] {
  2016.         color: var(--in-content-selected-text) !important
  2017.     }
  2018.     #viewGroup>radio:first-of-type {
  2019.         border-top-left-radius: 4px !important;
  2020.         border-bottom-left-radius: 4px !important
  2021.     }
  2022.     #viewGroup>radio:last-of-type {
  2023.         border: none !important;
  2024.         border-top-right-radius: 4px !important;
  2025.         border-bottom-right-radius: 4px !important
  2026.     }
  2027.     @media screen and (-moz-windows-theme), screen and (-moz-windows-classic), screen and (-moz-windows-default-theme), screen and (-moz-os-version:windows-win7), screen and (-moz-os-version:windows-win8), screen and (-moz-os-version:windows-win10) {
  2028.         #topBar {
  2029.             -moz-appearance: none !important;
  2030.             background-color: var(--in-content-category-header-background) !important;
  2031.             border: none !important;
  2032.             padding-top: 5px !important;
  2033.             padding-bottom: 5px !important;
  2034.             color: var(--selected-icon-fill-color) !important
  2035.         }
  2036.         #metaTagsCaption, #security-identity, #security-identity-groupbox, #security-privacy, #security-privacy-groupbox, #security-technical, #security-technical-groupbox {
  2037.             -moz-appearance: none !important;
  2038.             background-color: var(--in-content-page-background) !important;
  2039.             border: none !important;
  2040.             color: var(--in-content-selected-text) !important
  2041.         }
  2042.         #security-identity-groupbox, #security-privacy-groupbox, #security-technical-groupbox {
  2043.             -moz-appearance: none !important;
  2044.             background-color: var(--in-content-category-header-background) !important
  2045.         }
  2046.     }
  2047. }
  2048.  
  2049. @-moz-document url-prefix(chrome: //browser/content/preferences/cookies.xul) {
  2050.     #CookiesDialog {
  2051.         -moz-appearance: none !important;
  2052.         background-color: var(--in-content-page-background) !important;
  2053.     }
  2054.  
  2055.     #domainCol, #nameCol {
  2056.         -moz-appearance: none !important;
  2057.         border: none !important;
  2058.     }
  2059.  
  2060.     #domainCol {
  2061.         border-right: 1px solid !important;
  2062.         border-color: var(--in-content-box-border-color) !important;
  2063.     }
  2064.  
  2065.     .windowDialog, textbox {
  2066.         color: var(--in-content-page-color) !important;
  2067.     }
  2068.  
  2069.     textbox[type=search] {
  2070.         -moz-appearance: none !important;
  2071.         background-color: var(--in-content-box-background) !important;
  2072.         border: 1px solid;
  2073.         border-color: var(--in-content-box-border-color) !important;
  2074.         border-radius: 3px !important;
  2075.         padding: 2px 4px 2px 2px !important;
  2076.     }
  2077.  
  2078.     #cookiesList {
  2079.         -moz-appearance: none !important;
  2080.         border: 1px solid !important;
  2081.         border-color: var(--in-content-box-border-color) !important;
  2082.     }
  2083.  
  2084.     button {
  2085.         -moz-appearance: none !important;
  2086.         background-color: var(--in-content-page-background) !important;
  2087.         border: 1px solid !important;
  2088.         border-radius: 3px !important;
  2089.         color: var(--in-content-page-color) !important;
  2090.         border-color: var(--in-content-box-border-color) !important;
  2091.     }
  2092.  
  2093.     button:hover {
  2094.         background-color: var(--in-content-box-background) !important;
  2095.     }
  2096. }
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!