API tools faq
paste
Guest User

userContent.css

a guest
Jun 1st, 2020
394
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 9.29 KB | None | 0 0
raw download clone embed print report
  1. /*** Dark Themes for different Firefox pages & Addons *****/
  2.  
  3. /* Home & New Tab Page */
  4. @-moz-document url-prefix("about:home"), url-prefix("about:newtab") {
  5. body {background-color: #222235 !important;}
  6.  
  7. .search-inner-wrapper { display: none !important;}
  8.  
  9. .logo-and-wordmark {scale: 1.3; position: absolute !important; top: 50% !important; transform: translate(90%, -65%) !important;}
  10.  
  11. .icon-settings {fill: #00AABB !important;}
  12. .icon-settings:hover, .icon-settings:active {background-color: #1F1F2B !important;}
  13.  
  14. }
  15.  
  16. /* Firefox Settings Page */
  17. @-moz-document url-prefix("about:preferences") {
  18. body, .dialogBox, dialog {background-color: #222235 !important;}
  19. .sticky-container {background-color: #222235 !important;}
  20. #searchInput {background-color: #222235 !important;}
  21. .checkbox-check {background-color: #191925 !important; border: none !important;}
  22. .checkbox-check[checked="true"] {background-color: #00AABB !important; border: none !important; color: #1F1F2B !important;}
  23.  
  24. #categories > .category:hover, .sidebar-footer-button .text-link:hover {background-color: #1F1F2B !important;}
  25. #categories > .category[selected], #categories > .category.selected {background-color: #1F1F2B !important;}
  26. #categories > .category[selected]:hover, #categories > .category.selected:hover {background-color: #1F1F2B !important;}
  27. .category-icon, .category-name, .sidebar-footer-icon, .sidebar-footer-label {fill: #00AABB !important; color: #00AABB !important;}
  28.  
  29. #handlersView, #filter {background-color: #191925 !important; border: none !important; color: #ddd !important;}
  30. #typeColumn, #actionColumn {background-color: #222235 !important; color: #00AABB !important; border: none !important;}
  31. button, menulist {background-color: #191925 !important; color: #999 !important; border: none !important;}
  32. button:hover, menulist:hover {background-color: #14141d !important;}
  33. listheader {border: none !important; box-shadow: none !important;}
  34.  
  35. .subcategory:not([hidden]) ~ .subcategory {border-top: 1px solid #191925 !important;}
  36. }
  37.  
  38.  
  39. /* Multi Account Containers */
  40. @-moz-document url-prefix("moz-extension://279d5390-a16f-4af9-94b1-731bbcb1f4ed/popup.html") {
  41.     html, body {background-color: #2A2D3E !important; border-radius: 7px !important;}
  42.     #current-tab {background-color: #2A2D3E !important; color: #00AABB !important; padding-top: 10px !important;}
  43.     .container-panel-controls {background-color: #2A2D3E !important;}
  44.     .firstTabindex {background-color: #2A2D3E !important;}
  45.  
  46.     .panel-content {background-color: #2A2D3E !important; margin-top: 10px !important;}
  47.     #current-tab h3 {display: none !important;}
  48.     .container-panel-row {background-color: #2A2D3E !important; color: #00AABB !important; border-block-end: 1px solid #212331 !important;}
  49.     .container-panel-row:hover, .container-panel-row:active {background-color: #191925 !important;}
  50.     .open-newtab:hover, .open-newtab:active, .container-panel-row:active, .container-panel-row:focus {background-color: #191925 !important;}
  51.     .panel-footer {background-color: #2A2D3E !important; border-block-end: 0 !important;}
  52.     .edit-containers-text a {color: #00AABB !important;}
  53.     .edit-containers-text a:hover {background-color: #191925 !important;}
  54.     .edit-containers-text {border-inline-end: 0 !important;}
  55.     .add-container-link img {fill: #00AABB !important;}
  56.     .add-container-link:hover {background-color: #191925 !important;}
  57.  
  58.     #container-page-assigned {background-color: #222235 !important; border: none !important; color: #00AABB !important;}
  59.     #container-page-assigned:checked {background-color: #00AABB !important; border: none !important; color: #00AABB !important;}
  60.  
  61.     .scrollable {border-block-start: 1px solid #212331 !important;}
  62.     legend {color: #00AABB !important;}
  63.     #container-panel #sort-containers-link {border: 1px solid #00AABB !important; color: #00AABB !important; background-color: #2A2D3E !important; margin-right: 10px !important;}
  64.     #container-panel #sort-containers-link:hover,  #container-panel #sort-containers-link:active {border: none !important; color: #00AABB !important; background-color: #191925 !important;}
  65.  
  66.     .exit-edit-mode-link {background-color: #2A2D3E !important; color: #00AABB !important;}
  67.     .panel-header-text {color: #00AABB !important;}
  68.     #edit-container-panel-name-input {background-color: #191925 !important; color: #999 !important; border: none !important;}
  69.     .choose-color-icon > label::before {fill: #ddd !important;}
  70.     .panel-back-arrow {background: none !important; box-shadow: none !important;}
  71.     .panel-back-arrow:hover {background: #191925 !important; box-shadow: none !important;}
  72.     .radio-choice > .radio-container > [type="radio"]:checked + label {background-color: #191925 !important;}
  73.  
  74.     #edit-container-panel-choose-icon > .radio-container > label::before {fill: #999 !important;}
  75.     #edit-container-cancel-link {background-color: #191925 !important; color: #999 !important;}
  76.  
  77.     .identities-list .container-panel-row:first-child {display: none !important;}
  78.     #edit-sites-assigned {color: #ccc !important;}
  79.     #edit-sites-assigned:hover, #edit-sites-assigned:active {background-color: #191925 !important;}
  80.     #container-info-panel .scrollable .container-info-tab-row, #container-info-panel #container-info-movetabs, #container-info-panel #container-info-hideorshow {color: #999 !important;}
  81.     #container-info-panel .scrollable .container-info-tab-row:hover, #container-info-panel #container-info-movetabs:hover, #container-info-panel #container-info-hideorshow:hover {background-color: #191925 !important;}
  82. }
  83.  
  84.  
  85. /* Multi Account Containers Confirm Page */
  86. @-moz-document url-prefix("moz-extension://279d5390-a16f-4af9-94b1-731bbcb1f4ed/confirm-page.html") {
  87.     body {background-color: #2A2D3E !important; color: #ccc !important;}
  88.     h1 {color: #00AABB !important; font-weight: normal !important;}
  89.     #redirect-url {background-color: #191925 !important;}
  90.     #confirm {background-color: #00AABB !important; color: #191925 !important;}
  91.     #confirm:hover, #confirm:active {opacity: 0.9 !important;}
  92.     #never-ask {background-color: #191925 !important; fill: #00AABB !important;}
  93.     #deny {background-color: #191925 !important;}
  94.     #deny:hover, #deny:active {opacity: 0.9 !important;}
  95. }
  96.  
  97.  
  98. /* uBlock Origin */
  99. @-moz-document url-prefix("moz-extension://eee4d0c1-7cac-4896-aa9f-1a5c4902d2b9/popup.html") {
  100.     body{background-color: #2A2D3E !important; color: #00AABB !important; }
  101.     h2 {background-color: #2A2D3E !important; color: #999 !important; font-weight: bold !important;}
  102.     span {color: #999 !important;}
  103.     #extraTools {background-color: #2A2D3E !important;}
  104.     #extraTools svg {fill: #999 !important;}
  105.     #firewallContainer > div > span:first-child {background-color: #2A2D3E !important; color: #00AABB !important;}
  106.     #appinfo {display: none !important;}
  107.     #switch .fa-icon {fill: #00AABB !important;}
  108.     body.off #switch .fa-icon {fill: #191925 !important;}
  109.     #rulesetTools .fa-icon {background-color: #2A2D3E !important; fill: #999 !important;}
  110.     #rulesetTools .fa-icon:hover {background-color: #2A2D3E !important; fill: #00AABB !important;}
  111.     #basicTools svg {fill: #999 !important;}
  112.     #basicTools span:hover {fill: #00AABB !important;}
  113.     #refresh {background-color: #2A2D3E !important; fill: #00AABB !important; border: none !important;}
  114.     #refresh svg:hover, #refresh svg:active {fill: #191925 !important;}
  115.     .nope {stroke: #e74c3c  !important;}
  116.    
  117.     #firewallContainer > div > span:nth-child(2), #firewallContainer > div > span:nth-child(3) {background-color: #191925 !important;}
  118.     #firewallContainer > div > span.allowRule.ownRule {background-color: #27ae60 !important;}
  119.     #firewallContainer > div > span.blockRule.ownRule {background-color: #e74c3c !important;}
  120.     #firewallContainer > div > span.noopRule.ownRule {background-color: #999 !important;}
  121.  
  122.     #firewallContainer > div.blocked > span:first-of-type::before, #firewallContainer > div.isDomain.totalBlocked > span:first-of-type::before {background-color: #e74c3c !important}
  123.     #firewallContainer > div.allowed.blocked > span:first-of-type::before, #firewallContainer > div.isDomain.totalAllowed.totalBlocked > span:first-of-type::before {background-color: #f39c12 !important;}
  124.     #firewallContainer > div.allowed > span:first-of-type::before, #firewallContainer > div.isDomain.totalAllowed > span:first-of-type::before {background-color: #27ae60 !important;}
  125. }
  126.  
  127. /* Firefox Addons Page */
  128. @-moz-document domain("addons.mozilla.org") {
  129.     div {background-color: #2A2D3E !important; color: #ccc !important;}
  130.     h1, h2, h3, h4, h5, h6 {color: #ccc !important;}
  131.     header {background-color: #191925 !important; color: #00AABB !important;}
  132.     .AutoSearchInput-query {background-color: #191925 !important; color: #00AABB !important; border: none !important;}
  133. }
  134.  
  135. /* Forget Me Not */
  136. @-moz-document url-prefix("moz-extension://fbf41dec-7656-453e-a085-1aaa2f40e8e1/views/popup.html") {
  137.     .tabs_pages, .dialog, .rule_dialog {background-color: #2A2D3E !important; color: #ccc !important;}
  138.     .tabs_list {background-color: #2A2D3E !important;}
  139.     .is-not-empty td {background-color: #191925 !important; color: #ccc !important;}
  140.     .is-not-empty td button {background-color: #191925 !important; color: #00AABB !important;}
  141.     input {background-color: #191925 !important; color: #ccc !important;}
  142. }
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!