ShadowFox/css/userContent-files/webextension-tweaks/ublock_origin.css

372 lines
12 KiB
CSS
Raw Normal View History

2018-03-11 21:58:02 +00:00
/*! Alters the webextension uBlock Origin
IMPORTANT: change the Internal UUID */
2018-03-11 22:02:05 +00:00
@-moz-document url-prefix("moz-extension://ublock_origin_UUID/") {
2018-03-11 21:58:02 +00:00
.CodeMirror {
2018-03-22 22:36:09 +00:00
border: 1px solid #2a2a2c!important;
background: var(--tone-8)!important;
color: #b1b1b3!important;
font-size: 11px!important;
line-height: 14px!important
2018-03-11 21:58:02 +00:00
}
div.CodeMirror-selected {
background: #353b48!important
}
.CodeMirror-line > span > span::selection,
.CodeMirror-line > span::selection,
.CodeMirror-line::selection {
background: #353b48!important
}
.CodeMirror-line > span > span::-moz-selection,
.CodeMirror-line > span::-moz-selection,
.CodeMirror-line::-moz-selection {
background: #353b48!important
}
.CodeMirror-activeline-background {
background: rgba(185,215,253,.15)!important
}
.CodeMirror-merge-l-chunk {
background: var(--tone-7)!important
}
.cm-search-widget {
2018-03-22 22:36:09 +00:00
background-color: var(--theme-sidebar-background)!important;
2018-03-11 21:58:02 +00:00
border: 1px solid;
border-bottom: none!important;
2018-03-22 22:36:09 +00:00
border-color: #2a2a2c!important;
2018-03-11 21:58:02 +00:00
max-height: 15px!important;
justify-content: right!important
}
.cm-search-widget input {
-moz-appearance: none!important;
background-color: rgba(24,29,32,1)!important;
border: 1px solid!important;
border-color: var(--tone-7)!important;
color: var(--tone-4)!important;
border-radius: 8px!important;
padding-left: 8px!important
}
.cm-searching {
background-color: var(--warning-background-color)!important
}
.cm-staticOpt {
background-color: var(--tone-6)!important;
font-weight: 700
}
.CodeMirror-merge-gap {
2018-03-22 22:36:09 +00:00
background-color: var(--theme-sidebar-background)!important;
2018-03-11 21:58:02 +00:00
border-top: 1px solid!important;
border-bottom: 1px solid!important;
border-right: none!important;
border-left: none!important;
2018-03-22 22:36:09 +00:00
border-color: #2a2a2c!important
2018-03-11 21:58:02 +00:00
}
.CodeMirror-merge {
border: none!important
}
html body div#userFilters.codeMirrorContainer div div.cm-search-widget span.fa {
color: var(--tone-6)!important;
font-size: 100%!important
}
.CodeMirror-gutters {
2018-03-22 22:36:09 +00:00
background: var(--theme-sidebar-background)!important;
2018-03-11 21:58:02 +00:00
border-right: 0 solid #4a4a4f!important
}
.CodeMirror-guttermarker,
.CodeMirror-guttermarker-subtle {
color: #555!important
}
.CodeMirror-linenumber {
2018-03-22 22:36:09 +00:00
padding: 0 8px 0 5px!important;
color: #58575c!important
2018-03-11 21:58:02 +00:00
}
.CodeMirror-cursor {
border-left: 1px solid #fff!important
}
2018-03-22 22:36:09 +00:00
.cm-comment {
color: #939393!important
}
2018-03-11 21:58:02 +00:00
.cm-staticext {
color: var(--theme-highlight-blue)!important
}
.cm-staticnetBlock {
color: #de7474!important
}
.cm-staticnetAllow {
color: var(--theme-highlight-green)!important
}
button.custom {
background-color: var(--in-content-page-background)!important;
background-image: none!important;
border-color: var(--in-content-box-border-color)!important;
color: var(--in-content-text-color)!important;
opacity: 1!important
}
button.custom:hover {
background-color: var(--in-content-box-background-hover)!important
}
button.custom.disabled,
button.custom[disabled] {
opacity: .5!important
}
#appinfo {
background-color: var(--tone-8)!important;
color: var(--tone-4)!important
}
#panes,
body,
body[dir=ltr] #panes > div {
background: var(--tone-7)!important;
color: var(--tone-4)!important
}
#diff {
border-color: var(--tone-5)!important
}
label a,
p a,
ul a,
ul#userSettings .subgroup > span {
color: var(--accent-1)!important
}
#dashboard-nav-widgets span {
color: var(--tone-4)!important
}
a.info {
color: var(--tone-4)!important;
opacity: .5
}
li.listEntry span.status {
color: var(--tone-4)!important
}
li.listEntry > a.remove,
li.listEntry > a.remove:visited {
color: var(--red-80)!important
}
#switch .fa {
color: var(--accent-1)!important
}
.tool,
body.off #switch .fa {
color: var(--tone-4)!important
}
.tool:hover {
color: var(--tone-8)!important
}
#extraTools,
h2 {
background-color: var(--tone-8)!important;
color: var(--tone-4)!important
}
#refresh {
background-color: var(--tone-8)!important;
border-color: var(--tone-5)!important
}
#extraTools > span > span.badge {
color: var(--tone-4)!important
}
#firewallContainer > div {
background-color: var(--tone-6)!important
}
#firewallContainer > div > span {
color: var(--tone-4)!important;
border-color: var(--tone-5)!important
}
#netFilteringDialog .dialog > div.containers > div.dynamic tr.entry > td > div.action.own.block,
body.advancedUser #firewallContainer > div > span.blockRule.ownRule {
background-color: #ab0000!important;
color: var(--tone-2)!important
}
#netFilteringDialog .dialog > div.containers > div.dynamic tr.entry > td > div.action > span.block,
body.advancedUser #firewallContainer > div > span.blockRule {
background-color: #dda0a2!important;
color: var(--tone-2)!important
}
#firewallContainer > div.blocked > span:first-of-type::before,
#firewallContainer.minimized > div.isDomain.totalBlocked > span:first-of-type::before {
background-color: #c87576!important;
opacity: 1!important color: var(--tone-2)!important
}
#netFilteringDialog .dialog > div.containers > div.dynamic tr.entry > td > div.action.own.allow,
body.advancedUser #firewallContainer > div > span.allowRule.ownRule {
background-color: #229400!important;
color: var(--tone-2)!important
}
#netFilteringDialog .dialog > div.containers > div.dynamic tr.entry > td > div.action > span.allow,
body.advancedUser #firewallContainer > div > span.allowRule {
background-color: #95ca8a!important;
color: var(--tone-2)!important
}
#firewallContainer > div.allowed > span:first-of-type::before,
#firewallContainer.minimized > div.isDomain.totalAllowed > span:first-of-type::before {
background-color: #7ec26f!important;
color: var(--tone-2)!important;
opacity: 1!important
}
#actionSelector > span:nth-of-type(2),
#netFilteringDialog .dialog > div.containers > div.dynamic tr.entry > td > div.action.own.noop,
body.advancedUser #firewallContainer > div > span.noopRule.ownRule {
background-color: #0c46a7!important;
color: var(--tone-2)!important
}
#netFilteringDialog .dialog > div.containers > div.dynamic tr.entry > td > div.action > span.noop,
body.advancedUser #firewallContainer > div > span.noopRule {
background-color: #65bdfb!important;
color: var(--tone-2)!important
}
#firewallContainer > div.allowed.blocked > span:first-of-type::before,
#firewallContainer.minimized > div.isDomain.totalAllowed.totalBlocked > span:first-of-type::before {
background-color: #cdc16e!important;
opacity: 1!important
}
body.advancedUser #firewallContainer.colorBlind > div > span.blockRule.ownRule {
background-color: #000060!important
}
body.advancedUser #firewallContainer.colorBlind > div > span.blockRule {
background-color: #787dab!important
}
body.advancedUser #firewallContainer.colorBlind > div > span.allowRule.ownRule {
background-color: #fbb900!important
}
body.advancedUser #firewallContainer.colorBlind > div > span.allowRule {
background-color: #f2d98d!important
}
body.advancedUser #firewallContainer.colorBlind > div > span.noopRule.ownRule {
background-color: #2f2e2e!important
}
body.advancedUser #firewallContainer.colorBlind > div > span.noopRule {
background-color: #a1a1a1!important
}
#firewallContainer.colorBlind > div.allowed > span:first-of-type::before,
#firewallContainer.colorBlind.minimized > div.isDomain.totalAllowed > span:first-of-type::before {
background-color: #ebd287!important
}
#firewallContainer.colorBlind > div.blocked > span:first-of-type::before,
#firewallContainer.colorBlind.minimized > div.isDomain.totalBlocked > span:first-of-type::before {
background-color: #787cab!important
}
#dashboard-nav-widgets {
border-color: var(--tone-5)!important;
background-color: var(--tone-8)!important
}
.tabButton {
background-color: var(--tone-7)!important;
color: var(--tone-4)!important;
border-bottom: 1px solid!important;
border-color: var(--tone-5)!important
}
.tabButton.selected {
background-color: var(--tone-8)!important;
border-color: var(--tone-5)!important
}
2018-03-22 02:16:48 +00:00
#ruleFilter input,
2018-03-11 21:58:02 +00:00
input[type=number] {
-moz-appearance: none!important;
background-color: var(--tone-6)!important;
border: 1px solid!important;
border-color: var(--tone-5)!important;
color: var(--tone-4)!important
}
li.listEntry .content {
color: var(--accent-1)!important
}
#diff .pane {
color: var(--tone-4)!important;
background: var(--tone-7)!important
}
#diff li,
code {
background-color: var(--tone-6)!important
}
#diff li:nth-child(2n) {
background-color: var(--tone-7)!important
}
#whitelist textarea {
background: var(--tone-6)!important;
color: var(--tone-4)!important
}
textarea#externalLists,
textarea#userFilters.userFilters {
-moz-appearance: none!important;
background: var(--tone-6)!important;
color: var(--tone-4)!important;
border: 1px solid!important;
border-color: var(--tone-4)!important
}
.permatoolbar {
background-color: var(--tone-7)!important
}
.permatoolbar #refresh,
.permatoolbar .button {
background-color: transparent!important
}
.permatoolbar #refresh,
.permatoolbar .button:hover {
background-color: var(--grey-60)!important
}
#netInspector tr.blocked {
background-color: #4b3137!important;
color: #ff9494!important
}
#netInspector #filterInput,
#netInspector #maxEntries {
-moz-appearance: none!important;
background: var(--tone-6)!important;
color: var(--tone-4)!important;
border: 1px solid!important;
padding: 5px!important
}
#netInspector tr.cosmetic,
#netInspector tr.redirect {
background-color: #44391f!important;
color: #fce19f!important
}
#netInspector tr.cat_net td:nth-of-type(4):hover,
body:not(.popupOn) #netInspector tr.canMtx td:nth-of-type(2):hover {
background: var(--tone-8)!important
}
.modalDialog .dialog {
background-color: var(--tone-8)!important;
border-color: var(--tone-5)!important
}
#netFilteringDialog .dialog > div.headers > span.header.selected {
background-color: var(--tone-8)!important;
color: var(--tone-4)!important;
border-color: var(--tone-6)!important
}
#netFilteringDialog .dialog > div.headers > span.header {
background-color: var(--tone-7)!important;
border-color: var(--tone-6)!important
}
#netFilteringDialog .dialog > div.containers > div.dynamic tr.entry {
background-color: var(--tone-6)!important;
border-color: var(--tone-5)!important
}
#netFilteringDialog .dialog > div.containers > div.dynamic tr.entry > td:first-of-type {
border-color: var(--tone-5)!important
}
#netFilteringDialog .dialog > div.containers > div.dynamic > table.toolbar #saveRules {
background-color: var(--tone-6)!important;
border: none!important
}
body #netInspector td {
border-color: var(--tone-5)!important
}
#netInspector tr.maindoc {
background-color: var(--tone-8)!important;
color: var(--grey-30)!important
}
2018-03-22 02:16:48 +00:00
li.listEntry > a.remove,
li.listEntry > a.remove:visited,
2018-03-11 21:58:02 +00:00
li.listEntry span.failed,
li.listEntry span.unsecure {
color: #de7474!important
}
a.fa.support,
a.mustread {
color: var(--in-content-page-color)!important
}
li.listEntry.mustread > a.mustread:hover {
color: var(--accent-2)!important
}
li.listEntry span.obsolete {
color: var(--warning-color)!important
}
2018-03-11 22:02:05 +00:00
}