Merge pull request #123 from overdodactyl/generic_styling

Introduce generic styling for webextensions
This commit is contained in:
overdodactyl 2018-04-15 22:05:15 +00:00 committed by GitHub
commit 704f08d917
25 changed files with 436 additions and 535 deletions

View File

@ -60,7 +60,7 @@
--theme-highlight-bluegrey: #5e88b0;
--theme-highlight-lightorange: #d99b28;
--theme-highlight-orange: #d96629;
--theme-highlight-pink: #FF7DE9;
--theme-highlight-pink: #df80ff;
--tone-1: var(--grey-10);
--tone-2: var(--grey-20);
--tone-3: var(--grey-30);
@ -113,7 +113,17 @@
--in-content-dark-header-background: var(--tone-9)!important;
--secure-connection-color: var(--accent-1);
--theme-sidebar-background: #1B1B1D!important;
--cm-background: var(--tone-8)!important;
--cm-selection: #353b48!important;
--cm-marker: #555 !important;
--cm-linenumber:#58575c!important;
--cm-cursor:#fff!important;
--cm-active-line-background: rgba(185,215,253,.15)!important;
--cm-matching-bracket: rgba(255,255,255,.25) !important;
--cm-search-background: rgba(24,29,32,1) !important;
--cm-red: #de7474!important;
--start-indicator-for-updater-scripts: black;
--end-indicator-for-updater-scripts: black;
--dummy-variable-for-updater-scripys: black
}
}

View File

@ -2,21 +2,12 @@
IMPORTANT: change the Internal UUID */
@-moz-document url-prefix("moz-extension://dark_mode_UUID/") {
.comment {
color: var(--accent-1)!important
}
label {
color: var(--tone-4)!important
color: var(--in-content-link-color)!important
}
.title {
color: var(--in-content-page-color)!important;
background-color: var(--in-content-category-header-background)!important
}
textarea {
color: var(--in-content-page-color)!important;
background-color: var(--in-content-box-background)!important;
border: none!important
}
.highlight {
background-color: var(--in-content-box-border-color)!important
}
}
}

View File

@ -1,19 +0,0 @@
/*! Alters the webextension Decentraleyes
IMPORTANT: change the Internal UUID */
@-moz-document url-prefix("moz-extension://decentraleyes_UUID/") {
body {
background-color: var(--in-content-box-background)!important;
color: var(--tone-4)!important
}
.panel:not(:last-child),
header {
border-color: var(--tone-5)!important
}
.button {
background-color: var(--in-content-box-background)!important;
border-color: var(--tone-5)!important
}
.button:hover {
background-color: var(--in-content-page-background)!important
}
}

View File

@ -0,0 +1,273 @@
/*! Pop Up Background Fixes */
@-moz-document url-prefix("moz-extension://css_exfil_protection_UUID/popup.html"),
url-prefix("moz-extension://https_everywhere_UUID/pages/popup"),
url-prefix("moz-extension://decentraleyes_UUID/pages/popup"),
url-prefix("moz-extension://smart_https_UUID/data/data/popup.html"),
url-prefix("moz-extension://rename_tab_title_UUID/popup/popup.html"),
url-prefix("moz-extension://open_in_new_tab_UUID/popup"),
url-prefix("moz-extension://greasemonkey_UUID/src/browser/monkey-menu") {
:root {
--in-content-page-background: var(--tone-6)!important;
--in-content-box-background: rgba(11,11,12,0.2)!important;
--in-content-box-border-color: rgba(249, 249, 250, 0.3)!important;
--in-content-box-background-hover: rgba(11,11,12,0.2)!important;
}
button {
margin-top: 3px !important;
}
input {
margin-top: 3px !important;
margin-bottom: 3px !important;
}
textarea,
input {
margin-left: 0px !important;
}
}
@-moz-document url-prefix("moz-extension://1_click_youtube_video_downloader_UUID"),
url-prefix("moz-extension://autocopy_UUID"),
url-prefix("moz-extension://custom_titlebar_text_UUID"),
url-prefix("moz-extension://octopatcher_UUID"),
url-prefix("moz-extension://text_link_UUID"),
url-prefix("moz-extension://multiple_tab_handler_UUID/"),
url-prefix("moz-extension://neat_url_UUID/"),
url-prefix("moz-extension://smart_referer_UUID/"),
url-prefix("moz-extension://tab_suspender_UUID/"),
url-prefix("moz-extension://css_exfil_protection_UUID/"),
url-prefix("moz-extension://https_everywhere_UUID/"),
url-prefix("moz-extension://skip_redirect_UUID/"),
url-prefix("moz-extension://dark_mode_UUID/"),
url-prefix("moz-extension://decentraleyes_UUID/"),
url-prefix("moz-extension://smart_https_UUID/"),
url-prefix("moz-extension://mind_the_time_UUID/options/options"),
url-prefix("moz-extension://tree_style_tab_UUID/options/options"),
url-prefix("moz-extension://google_translator_for_firefox_UUID"),
url-prefix("moz-extension://enhancer_for_youtube_UUID/options.html"),
url-prefix("moz-extension://flash_and_video_download_UUID/html/options.html"),
url-prefix("moz-extension://back_to_close_we_UUID/"),
url-prefix("moz-extension://containers_on_the_go_UUID/"),
url-prefix("moz-extension://new_tab_from_location_bar_UUID/"),
url-prefix("moz-extension://tab_auto_close_UUID/"),
url-prefix("moz-extension://open_in_new_tab_UUID/"),
url-prefix("moz-extension://display_anchors_UUID/"),
url-prefix("moz-extension://rename_tab_title_UUID/"),
url-prefix("moz-extension://greasemonkey_UUID/src/browser/monkey-menu"),
url-prefix("moz-extension://generic_styling_1_UUID"),
url-prefix("moz-extension://generic_styling_2_UUID"),
url-prefix("moz-extension://generic_styling_3_UUID"),
url-prefix("moz-extension://generic_styling_4_UUID"),
url-prefix("moz-extension://generic_styling_5_UUID")
{
* {
color: var(--in-content-page-color) !important;
background-color: var(--in-content-page-background)!important;
border-color: var(--in-content-box-border-color)!important;
text-shadow: none!important
}
select {
color: black !important;
}
select * {
background-color: var(--in-content-box-background) !important;
}
a {
color: var(--in-content-link-color) !important;
}
a:hover {
color: var(--in-content-link-color-hover) !important;
}
h1, h2, h3, h4, h5, h6 {
color: var(--in-content-category-text-selected)!important
}
fieldset {
border: 2px solid!important;
border-color: var(--in-content-box-border-color)!important
}
input:not([type=checkbox]) {
background: var(--in-content-box-background)!important;
color: var(--in-content-page-color)!important;
}
input[type="file"] {
background-color: var(--in-content-page-background)!important;
}
textarea,
input[type="input"],
input[type="text"],
input[type="number"],
input[type="url"],
input[type="textbox"] {
-moz-appearance: none!important;
background: var(--in-content-box-background)!important;
color: var(--in-content-page-color)!important;
border: 1px solid!important;
border-color: var(--in-content-box-border-color)!important;
margin-left: 3px !important;
padding-left: 3px !important;
}
input:checked + .slider {
background-color: var(--in-content-primary-button-background) !important;
}
input:not(:checked) + .slider {
background-color: var(--in-content-box-background) !important;
}
textarea {
margin: 2px 0 2px 0 !important;
padding: 5px 5px 5px 5px !important;
}
button,
.button,
input[type="submit"] {
-moz-appearance: none!important;
background-image: none!important;
background-color: var(--in-content-page-background) !important;
color: var(--in-content-page-color)!important;
border: 1px solid!important;
border-color: var(--in-content-box-border-color)!important;
border-radius: 3px!important
}
button:hover,
.button:hover,
input[type="submit"]:hover {
background-color: var(--in-content-box-background-hover)!important
}
}
/*! Code Mirror */
@-moz-document url-prefix("moz-extension://violentmonkey_UUID/"),
url-prefix("moz-extension://ublock_origin_UUID/"),
url-prefix("moz-extension://umatrix_UUID/"),
url-prefix("moz-extension://greasemonkey_UUID/src/content/edit-user-script") {
.CodeMirror {
border: 1px solid !important;
border-color: var(--cm-background)!important;
background: var(--cm-background)!important;
color: #b1b1b3!important;
font-size: 11px!important;
line-height: 14px!important
}
div.CodeMirror-selected,
.CodeMirror-line > span > span::selection,
.CodeMirror-line > span::selection,
.CodeMirror-line::selection {
background: var(--cm-selection)!important
}
.CodeMirror-gutters {
background: var(--theme-sidebar-background)!important;
border-right: 0 solid var(--in-content-border-color)!important
}
.CodeMirror-guttermarker,
.CodeMirror-guttermarker-subtle {
color: var(--cm-marker)!important
}
.CodeMirror-linenumber {
padding: 0 8px 0 5px!important;
color: var(--cm-linenumber)!important
}
.CodeMirror-cursor {
border-left: 1px solid!important;
border-color: var(--cm-cursor)!important
}
span.cm-comment,
span.cm-hr,
span.cm-meta {
color: #939393!important
}
span.cm-atom,
span.cm-attribute,
span.cm-builtin,
span.cm-error,
span.cm-keyword,
span.cm-quote {
color: var(--theme-highlight-red)!important
}
span.cm-number,
span.cm-string,
span.cm-string-2 {
color: #6b89ff!important
}
span.cm-header,
span.cm-qualifier,
span.cm-variable-2,
span.cm-bracket,
span.cm-def,
span.cm-link:visited,
span.cm-tag {
color: var(--theme-highlight-blue)!important
}
span.cm-property {
color: var(--theme-highlight-green)!important
}
span.cm-variable {
color: var(--theme-highlight-purple)!important
}
span.cm-variable-3,
span.cm-special {
color: var(--in-content-text-color)!important
}
span.cm-link {
color: var(--in-content-box-border-color)!important
}
span.cm-operator {
color: var(--in-content-page-color)!important
}
.CodeMirror-activeline-background {
background: var(--cm-active-line-background)!important
}
.CodeMirror-matchingbracket {
outline: var(--cm-matching-bracket) solid 1px!important;
color: var(--cm-cursor)!important
}
.CodeMirror-merge-l-chunk {
background: var(--in-content-page-background)!important
}
.cm-search-widget {
background-color: var(--theme-sidebar-background)!important;
border: 1px solid;
border-bottom: none!important;
border-color: var(--in-content-category-header-background)!important;
max-height: 15px!important;
justify-content: right!important
}
.cm-search-widget input {
-moz-appearance: none!important;
background-color: var(--cm-search-background)!important;
border: 1px solid!important;
border-color: var(--in-content-table-border-dark-color)!important;
color: var(--in-content-page-color)!important;
border-radius: 8px!important;
padding-left: 8px!important
}
.cm-searching {
background-color: var(--warning-background-color)!important
}
.cm-staticOpt {
background-color: var(--in-content-box-background)!important;
font-weight: 700
}
.CodeMirror-merge-gap {
background-color: var(--in-content-category-header-background)!important;
border-top: 1px solid!important;
border-bottom: 1px solid!important;
border-right: none!important;
border-left: none!important;
border-color: var(--cm-background)!important
}
.CodeMirror-merge {
border: none!important
}
.cm-search-widget span.fa {
color: var(--in-content-border-color)!important;
font-size: 100%!important
}
.cm-staticext {
color: var(--theme-highlight-blue)!important
}
.cm-staticnetBlock {
color: var(--cm-red)!important
}
.cm-staticnetAllow {
color: var(--theme-highlight-green)!important
}
}

View File

@ -0,0 +1,28 @@
@-moz-document url-prefix("moz-extension://greasemonkey_UUID/") {
html,
body {
background: var(--in-content-page-background) !important;
}
#tabs .tab.active,
.command-item {
background: var(--tone-8) !important;
color: var(--in-content-page-color) !important;
}
.subview-back::before {
content: url(/skin/back.svg);
filter: invert(65%);
}
.subview-back:hover,
.subview-back:focus,
.subview-item:hover,
.subview-item:focus {
background-color: var(--in-content-category-background-hover) !important;
cursor: default;
color: inherit;
text-decoration: none;
}
.subview-item .text,
.subview-item .icon {
background: transparent !important;
}
}

View File

@ -1,17 +0,0 @@
/*! Alters the webextension HTTPS Everywhere
IMPORTANT: change the Internal UUID */
@-moz-document url-prefix("moz-extension://https_everywhere_UUID/") {
body {
color: var(--tone-4)!important;
background: var(--tone-6)!important
}
html {
background-color: var(--tone-6)!important
}
a {
color: var(--accent-1)!important
}
h3 {
color: var(--tone-4)!important
}
}

View File

@ -4,17 +4,17 @@
#current-tab,
.column-panel-content,
html body div#container-panel.panel.container-panel {
background: var(--tone-6)!important;
color: var(--tone-4)!important
background: var(--in-content-box-background)!important;
color: var(--in-content-page-color)!important
}
#current-tab > h3,
.container-info-list,
.panel-header-text {
color: var(--tone-4)!important
color: var(--in-content-page-color)!important
}
#container-panel #sort-containers-link {
border-color: var(--tone-5)!important;
color: var(--tone-4)!important
border-color: var(--in-content-box-border-color)!important;
color: var(--in-content-page-color)!important
}
#container-panel #sort-containers-link:hover,
.clickable:hover {
@ -23,7 +23,7 @@
.container-panel-row {
background-color: var(--tone-6)!important;
border-block-end: 1px solid var(--tone-5);
color: var(--tone-4)!important
color: var(--in-content-page-color)!important
}
.scrollable {
border-block-start: 1px solid var(--tone-5)!important;
@ -64,22 +64,22 @@
}
.edit-container-panel fieldset,
.edit-containers-text a {
color: var(--tone-4)!important
color: var(--in-content-page-color)!important
}
.edit-container-panel input[type=text] {
background: var(--tone-8)!important;
color: var(--tone-4)!important;
color: var(--in-content-page-color)!important;
border-color: var(--tone-5)!important
}
[data-identity-color=grey] {
--identity-icon-color: var(--tone-4)!important
}
.button {
color: var(--tone-4)!important
color: var(--in-content-page-color)!important
}
.container-notification {
background: var(--tone-7)!important;
color: var(--tone-4)!important
color: var(--in-content-page-color)!important
}
.edit-containers-text {
border-inline-end: solid 0 #d8d8d8!important
@ -93,13 +93,13 @@
}
.title-text,
body {
color: var(--tone-4)!important
color: var(--in-content-page-color)!important
}
#redirect-url {
background: var(--tone-8)!important
}
.button-container > button:first-child {
background: var(--tone-6)!important;
background: var(--in-content-box-background)!important;
border-color: var(--tone-5)!important
}
.button-container > button:first-child:hover {
@ -108,7 +108,7 @@
#never-ask {
-moz-appearance: none!important;
background-color: var(--tone-6)!important;
border-color: var(--tone-5)!important;
border-color: var(--in-content-box-border-color)!important;
background-image: none!important;
box-shadow: none!important
}
@ -116,4 +116,4 @@
background-image: url(chrome://global/skin/in-content/check.svg)!important;
background-color: var(--tone-6)!important
}
}
}

View File

@ -1,10 +0,0 @@
/*! Alters the webextension Multiple Tab Handler
IMPORTANT: change the Internal UUID */
@-moz-document url-prefix("moz-extension://multiple_tab_handler_UUID/") {
h1,
p,
ul,
ul li {
color: var(--tone-4)!important
}
}

View File

@ -1,28 +0,0 @@
/*! Alters the webextension Neat URL
IMPORTANT: change the Internal UUID */
@-moz-document url-prefix("moz-extension://neat_url_UUID/") {
body,
h2,
label {
color: var(--tone-4)!important
}
input,
textarea {
-moz-appearance: none!important;
background: var(--tone-6)!important;
color: var(--tone-4)!important;
border-color: var(--tone-5)!important;
padding: 5px!important
}
a:link {
color: var(--accent-1)!important
}
button {
background-color: var(--tone-8)!important;
color: var(--tone-4)!important;
border-color: var(--tone-5)!important
}
button:hover {
background-color: var(--tone-7)!important
}
}

View File

@ -1,33 +1,23 @@
.pkt_ext_containersaved h2 {
color: var(--tone-4)!important
.pkt_ext_containersaved h2,
.pkt_ext_containersaved .pkt_ext_tag_input_wrapper input::placeholder,
.token-input-dropdown-tag ul li {
color: var(--in-content-page-color)!important
}
.pkt_ext_containersaved .pkt_ext_tag_detail {
border-color: var(--tone-5)!important;
background: var(--tone-6)!important
}
.pkt_ext_containersaved .pkt_ext_tag_input_wrapper {
background-color: var(--tone-6)!important;
border-color: var(--tone-5)!important
}
.pkt_ext_containersaved .pkt_ext_tag_input_wrapper input::placeholder {
color: var(--tone-4)!important
.pkt_ext_containersaved .pkt_ext_tag_detail,
.pkt_ext_containersaved .pkt_ext_tag_input_wrapper,
.token-input-dropdown-tag {
border-color: var(--in-content-box-border-color)!important;
background: var(--in-content-box-background)!important
}
.pkt_ext_containersaved .pkt_ext_tag_input_wrapper input {
background-color: var(--tone-6)!important;
color: var(--tone-4)!important
background-color: var(--in-content-box-background)!important;
color: var(--in-content-page-color)!important
}
.pkt_ext_containersaved .pkt_ext_btn {
background: var(--tone-8)!important
background: var(--in-content-category-header-background)!important
}
.pkt_ext_containersaved .token-input-token {
border-color: var(--tone-5)!important;
background-color: var(--tone-7)!important;
color: var(--tone-4)!important
border-color: var(--in-content-box-border-color)!important;
background-color: var(--in-content-table-border-dark-color)!important;
color: var(--in-content-page-color)!important
}
.token-input-dropdown-tag {
background: var(--tone-6)!important;
border-color: var(--tone-5)!important
}
.token-input-dropdown-tag ul li {
color: var(--tone-4)!important
}

View File

@ -1,75 +1,75 @@
/*! Alters the webextension Request Control
IMPORTANT: change the Internal UUID */
@-moz-document url-prefix("moz-extension://request_control_UUID/") {
* {
color: var(--in-content-page-color) !important;
}
body {
background-color: var(--tone-7)!important;
color: var(--tone-4)!important
background-color: var(--in-content-page-background)!important;
}
hr,
.page-header{
border-color: var(--in-content-box-border-color)!important
}
.nav-tabs.nav-justified > li > a {
border-bottom-color: var(--in-content-box-border-color)!important
}
.badge {
color: var(--in-content-text-color) !important;
}
.rule:not(.editing):not(:hover) {
background-color: var(--tone-6)!important;
border-color: var(--tone-5)!important
background-color: var(--in-content-box-background)!important;
}
.rule:hover:not(.editing) {
background-color: var(--tone-8)!important;
border-color: var(--tone-5)!important
.rule:hover:not(.editing),
.list-group-item,
.editing .rule-header{
background-color: var(--in-content-box-background-hover)!important;
border-color: var(--in-content-box-border-color)!important
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
color: var(--tone-4)!important;
background-color: var(--tone-8)!important;
border-color: var(--tone-5)!important
}
.nav-tabs > li > a:hover {
background-color: var(--tone-8)!important;
border: 1px solid!important
.nav-tabs > li.active > a:hover,
.nav-tabs > li > a:hover{
background-color: var(--in-content-category-header-background)!important;
border-color: var(--in-content-box-border-color)!important
}
tabs.nav-justified > li > a {
border-bottom: 1px solid!important
border-bottom: 1px solid!important;
border-color: var(--in-content-box-border-color)!important
}
.btn-default {
color: var(--tone-4)!important;
background-color: var(--tone-8)!important;
border-color: var(--tone-5)!important
background-color: var(--in-content-page-background)!important;
border-color: var(--in-content-box-border-color)!important
}
.btn-default.active {
background-color: var(--tone-6)!important
background-color: var(--in-content-box-background-active)!important
}
.btn-default:hover {
color: var(--tone-4)!important;
background-color: var(--tone-5)!important;
border-color: var(--tone-5)!important
background-color: var(--in-content-box-background-hover)!important
}
.list-group-item:first-child {
background: var(--tone-6)!important;
border-color: var(--tone-5)!important
}
.table {
background: var(--tone-6)!important
background: var(--in-content-box-background)!important;
border-color: var(--in-content-box-border-color)!important
}
.table,
.table-striped > tbody > tr:nth-of-type(2n+1) {
background-color: var(--tone-8)!important
background-color: var(--in-content-box-background)!important
}
.btn-group-params > .tags-input,
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
select.input-sm {
background: var(--tone-5)!important;
color: var(--grey-30)!important;
border-color: var(--tone-4)!important
}
.list-group-item {
background-color: var(--tone-6)!important;
border: 1px solid #ddd
input[type="text"],
select,
.tags-input {
background: var(--in-content-page-background)!important;
color: var(--in-content-text-color)!important;
border-color: var(--in-content-box-border-color)!important
}
.tags-input .tag {
background: var(--tone-8)!important;
border-color: var(--tone-5)!important;
color: var(--tone-4)!important
background: var(--in-content-item-selected)!important;
border-color: var(--in-content-box-border-color)!important;
}
}
img.arrow,
button img{
filter: invert(65%) !important;
}
}

View File

@ -1,18 +0,0 @@
/*! Alters the webextension Skip Redirect
IMPORTANT: change the Internal UUID */
@-moz-document url-prefix("moz-extension://skip_redirect_UUID/") {
body {
background: var(--tone-6)!important;
color: var(--tone-4)!important
}
input[type=number],
input[type=text],
textarea {
-moz-appearance: none!important;
background: var(--tone-5)!important;
color: var(--grey-30)!important
}
label a {
color: var(--accent-1)!important
}
}

View File

@ -1,18 +0,0 @@
/*! Alters the webextension Smart HTTPS
IMPORTANT: change the Internal UUID */
@-moz-document url-prefix("moz-extension://smart_https_UUID/") {
body {
background-color: var(--tone-6)!important;
color: var(--tone-4)!important
}
.information input[type=number],
input[type=text] {
-moz-appearance: none!important;
background: var(--tone-6)!important;
color: var(--tone-4)!important;
border-color: var(--tone-5)!important
}
.information p {
color: var(--tone-4)!important
}
}

View File

@ -1,20 +0,0 @@
/*! Alters the webextension Smart Referer
IMPORTANT: change the Internal UUID */
@-moz-document url-prefix("moz-extension://smart_referer_UUID/") {
body,
body > [data-option] > .label.with-description > p,
body > [data-option] > label.with-description > p {
color: var(--in-content-page-color)!important;
text-shadow: none!important
}
input[type=text] {
-moz-appearance: none!important;
background-color: var(--in-content-box-background)!important;
border: 1px solid!important;
border-color: var(--in-content-box-border-color)!important;
color: var(--in-content-page-color)!important
}
button[type=submit] {
filter: invert(65%)
}
}

View File

@ -1,24 +0,0 @@
/*! Alters the webextension Tab Suspender (memory saver)
IMPORTANT: change the Internal UUID */
@-moz-document url-prefix("moz-extension://tab_suspender_UUID/") {
body,
label {
color: var(--tone-4)!important
}
input[type=number],
textarea {
-moz-appearance: none!important;
background: var(--tone-6)!important;
color: var(--tone-4)!important;
border-color: var(--tone-5)!important
}
#recovery,
#save {
-moz-appearance: none!important;
height: 20px!important;
background: var(--tone-8)!important;
color: var(--tone-4)!important;
border-color: var(--tone-5)!important;
border-radius: 4px!important
}
}

View File

@ -27,17 +27,6 @@
a {
color: var(--accent-2)!important
}
#autoGroupNewTabsDelayOnNewWindow,
#autoGroupNewTabsTimeout,
#importedConfigsFromLegacy,
#importedTreeStructureFromLegacy,
#legacyConfigsNextMigrationVersion,
#userStyleRules {
-moz-appearance: none!important;
background: var(--tone-6)!important;
color: var(--tone-4)!important;
border-color: var(--tone-5)!important
}
#contextual-identities-selector,
#newtab-action-selector,
#tabContextMenu,
@ -48,10 +37,6 @@
.menu-ui-59858.menu-ui.menu li.separator {
border-color: var(--in-content-box-border-color)!important
}
fieldset {
border: 2px solid!important;
border-color: var(--in-content-box-border-color)!important
}
:root {
background-color: var(--in-content-page-background)!important
}
@ -117,4 +102,4 @@
#tabbar {
background: var(--in-content-page-background)!important
}
}
}

View File

@ -15,8 +15,9 @@
background: var(--in-content-category-header-background)!important;
border-color: var(--in-content-category-header-background)!important
}
body {
color: var(--tone-4)!important
body,
table {
color: var(--in-content-page-color)!important
}
a:link {
color: var(--in-content-link-color)!important
@ -26,12 +27,8 @@
color: var(--in-content-text-color)!important
}
#completions {
overflow: visible!important;
background: var(--in-content-page-background)!important;
border-color: var(--tone-5)!important
}
table {
color: var(--tone-4)!important
border-color: var(--in-content-box-border-color)!important
}
.option:not(.focused) .url {
color: var(--code-green)!important;
@ -46,4 +43,4 @@
background: var(--warning-background-color)!important;
color: var(--warning-color)!important
}
}
}

View File

@ -1,98 +1,6 @@
/*! Alters the webextension uBlock Origin
IMPORTANT: change the Internal UUID */
@-moz-document url-prefix("moz-extension://ublock_origin_UUID/") {
.CodeMirror {
border: 1px solid #2a2a2c!important;
background: var(--tone-8)!important;
color: #b1b1b3!important;
font-size: 11px!important;
line-height: 14px!important
}
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 {
background-color: var(--theme-sidebar-background)!important;
border: 1px solid;
border-bottom: none!important;
border-color: #2a2a2c!important;
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 {
background-color: var(--theme-sidebar-background)!important;
border-top: 1px solid!important;
border-bottom: 1px solid!important;
border-right: none!important;
border-left: none!important;
border-color: #2a2a2c!important
}
.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 {
background: var(--theme-sidebar-background)!important;
border-right: 0 solid #4a4a4f!important
}
.CodeMirror-guttermarker,
.CodeMirror-guttermarker-subtle {
color: #555!important
}
.CodeMirror-linenumber {
padding: 0 8px 0 5px!important;
color: #58575c!important
}
.CodeMirror-cursor {
border-left: 1px solid #fff!important
}
.cm-comment {
color: #939393!important
}
.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;
@ -172,7 +80,8 @@
color: var(--tone-2)!important
}
#extraTools,
h2 {
h2,
#extraTools > span > span.badge {
background-color: var(--tone-8)!important;
color: var(--tone-4)!important
}
@ -180,9 +89,6 @@
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
}
@ -430,4 +336,4 @@
background-color: var(--theme-highlight-blue)!important;
color: #000!important
}
}
}

View File

@ -49,4 +49,4 @@
* {
border-color: var(--in-content-box-border-color)!important
}
}
}

View File

@ -1,61 +1,6 @@
/*! Alters the webextension uMatrix
IMPORTANT: change the Internal UUID */
@-moz-document url-prefix("moz-extension://umatrix_UUID/") {
.CodeMirror {
border: 1px solid #2a2a2c!important;
background: var(--tone-8)!important;
color: #b1b1b3!important;
font-size: 11px!important;
line-height: 14px!important
}
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-searching {
background-color: var(--warning-background-color)!important
}
.CodeMirror-merge-gap {
background-color: var(--theme-sidebar-background)!important;
border-top: 1px solid!important;
border-bottom: 1px solid!important;
border-right: none!important;
border-left: none!important;
border-color: #2a2a2c!important
}
.CodeMirror-merge {
border: none!important
}
.CodeMirror-gutters {
background: var(--theme-sidebar-background)!important;
border-right: 0 solid #4a4a4f!important
}
.CodeMirror-guttermarker,
.CodeMirror-guttermarker-subtle {
color: #555!important
}
.CodeMirror-linenumber {
padding: 0 8px 0 5px!important;
color: #58575c!important
}
.CodeMirror-cursor {
border-left: 1px solid #fff!important
}
.t81 {
color: #fff;
background-color: #db4c4c!important
@ -372,4 +317,4 @@
border-bottom: 1px solid!important;
border-color: var(--tone-5)!important
}
}
}

View File

@ -114,94 +114,4 @@
.frame-block {
background: var(--in-content-box-background)!important
}
.CodeMirror {
border: 1px solid #4a4a4f;
border-radius: 4px!important;
background: #2a2a2e!important;
color: #b1b1b3!important
}
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-gutters {
background: #2a2a2e!important;
border-right: 0 solid #4a4a4f!important
}
.CodeMirror-guttermarker,
.CodeMirror-guttermarker-subtle {
color: #555!important
}
.CodeMirror-linenumber {
color: #939393!important
}
.CodeMirror-cursor {
border-left: 1px solid!important;
border-color: #fff!important
}
span.cm-comment {
color: #939393!important
}
span.cm-atom,
span.cm-attribute,
span.cm-builtin,
span.cm-error,
span.cm-keyword,
span.cm-quote {
color: #ff7de9!important
}
span.cm-number,
span.cm-string,
span.cm-string-2 {
color: #6b89ff!important
}
span.cm-hr,
span.cm-meta {
color: #939393!important
}
span.cm-header,
span.cm-qualifier,
span.cm-variable-2 {
color: #75bfff!important
}
span.cm-property {
color: #86de74!important
}
span.cm-bracket,
span.cm-def,
span.cm-link:visited,
span.cm-tag {
color: #75bfff!important
}
span.cm-variable {
color: #b98eff!important
}
span.cm-variable-3 {
color: #d7d7db!important
}
span.cm-link {
color: #737373!important
}
span.cm-operator {
color: #b1b1b3!important
}
span.cm-special {
color: #d7d7db!important
}
.CodeMirror-activeline-background {
background: rgba(185,215,253,.15)!important
}
.CodeMirror-matchingbracket {
outline: rgba(255,255,255,.25) solid 1px!important;
color: #fff!important
}
}
}

View File

@ -5,7 +5,7 @@
## designed for users using userContent_imports.css
## entries in internal_UUIDs.txt should take on the following format: webextension_name_UUID=INTERNAL_UUID
## author: @overdodactyl
## version: 1.0
## version: 1.1
currdir=$(pwd)
@ -22,5 +22,10 @@ cd "$(dirname "${sfp}")" && cd ..
while IFS='' read -r line || [[ -n "$line" ]]; do
IFS='=' read -r -a array <<< "$line"
webextension_name=${array[0]%_UUID}
sed -i '' "s/${array[0]}/${array[1]}/" "css/userContent-files/webextension-tweaks/${webextension_name}.css"
if [ -e css/userContent-files/webextension-tweaks/${webextension_name}.css ]; then
sed -i '' "s/${array[0]}/${array[1]}/" "css/userContent-files/webextension-tweaks/${webextension_name}.css"
fi
sed -i '' "s/${array[0]}/${array[1]}/" "css/userContent-files/webextension-tweaks/generic_style.css"
done < "internal_UUIDs.txt"

View File

@ -22,5 +22,8 @@ cd "$(dirname "${sfp}")" && cd ..
while IFS='' read -r line || [[ -n "$line" ]]; do
IFS='=' read -r -a array <<< "$line"
webextension_name=${array[0]%_UUID}
sed -i '' "s/${array[1]}/${array[0]}/" "css/userContent-files/webextension-tweaks/${webextension_name}.css"
if [ -e css/userContent-files/webextension-tweaks/${webextension_name}.css ]; then
sed -i '' "s/${array[1]}/${array[0]}/" "css/userContent-files/webextension-tweaks/${webextension_name}.css"
fi
sed -i '' "s/${array[1]}/${array[0]}/" "css/userContent-files/webextension-tweaks/generic_style.css"
done < "internal_UUIDs.txt"

View File

@ -1,17 +1,35 @@
1_click_youtube_video_downloader|YoutubeDownloader@PeterOlayev.com
autocopy|autocopy@mozilla.org
back_to_close_we|back2close@bomjacob.github.io
brief|brief@mozdev.org
containers_on_the_go|{7e56c1ad-71c3-47fe-bdba-372c7770e0cb}
css_exfil_protection|{7fc8ef53-24ec-4205-87a4-1e745953bb0d}
cookie_autodelete|CookieAutoDelete@kennydo.com
custom_titlebar_text|{b5a43a70-4092-4899-9c44-63799150b35e}
dark_mode|{174b2d58-b983-4501-ab4b-07e71203cb43}
decentraleyes|jid1-BoFifL9Vbdl2zQ@jetpack
display_anchors|display-anchors@robwu.nl
enhancer_for_youtube_UUID|enhancerforyoutube@maximerf.addons.mozilla.org
flash_and_video_download_UUID|{bee6eb20-01e0-ebd1-da83-080329fb9a3a}
google_translator_for_firefox|translator@zoli.bod
greasemonkey|{e4a8a97b-f2ed-450b-b12d-ee082ba24781}
https_everywhere|https-everywhere@eff.org
mind_the_time|jid0-HYNmqxA9zQGfJADREri4n2AHKSI@jetpack
multi_account_containers|@testpilot-containers
multiple_tab_handler|multipletab@piro.sakura.ne.jp
neat_url|neaturl@hugsmile.eu
new_tab_from_location_bar|newtabfromlocationbar@piro.sakura.ne.jp
noscript|{73a6fe31-595d-460b-a920-fcc0f8843232}
octopatcher|octopatcher_wowmotty@gmail.com
open_in_new_tab|{6f5f4891-9637-41f9-9ee5-3a0ac02cf254}
rename_tab_title|renametabtitle@mozilla.org
request_control|{1b1e6108-2d88-4f0f-a338-01f9dbcccd6f}
skip_redirect|skipredirect@sblask
smart_https|{b3e677f4-1150-4387-8629-da738260a48e}
smart_referer|smart-referer@meh.paranoid.pk
tab_auto_close|mobislan@users.noreply.github.com
tab_suspender|{e225ac78-5e83-484b-a16b-b6ed0924212f}
text_link|{54BB9F3F-07E5-486c-9B39-C7398B99391C}
tree_style_tab|treestyletab@piro.sakura.ne.jp
tridactyl|tridactyl.vim@cmcaine.co.uk
ublock_origin|uBlock0@raymondhill.net

View File

@ -14,21 +14,15 @@
/* Import Relevant webextension tweaks here
* IMPORTANT: If used, change the Internal UUID in the corresponding css file */
@import "css/userContent-files/webextension-tweaks/generic_style.css";
@import "css/userContent-files/webextension-tweaks/brief.css";
@import "css/userContent-files/webextension-tweaks/cookie_autodelete.css";
@import "css/userContent-files/webextension-tweaks/dark_mode.css";
@import "css/userContent-files/webextension-tweaks/decentraleyes.css";
@import "css/userContent-files/webextension-tweaks/https_everywhere.css";
@import "css/userContent-files/webextension-tweaks/greasemonkey.css";
@import "css/userContent-files/webextension-tweaks/multi_account_containers.css";
@import "css/userContent-files/webextension-tweaks/multiple_tab_handler.css";
@import "css/userContent-files/webextension-tweaks/neat_url.css";
@import "css/userContent-files/webextension-tweaks/noscript.css";
@import "css/userContent-files/webextension-tweaks/pocket.css";
@import "css/userContent-files/webextension-tweaks/request_control.css";
@import "css/userContent-files/webextension-tweaks/skip_redirect.css";
@import "css/userContent-files/webextension-tweaks/smart_https.css";
@import "css/userContent-files/webextension-tweaks/smart_referer.css";
@import "css/userContent-files/webextension-tweaks/tab_suspender.css";
@import "css/userContent-files/webextension-tweaks/tree_style_tab.css";
@import "css/userContent-files/webextension-tweaks/tridactyl.css";
@import "css/userContent-files/webextension-tweaks/ublock_origin.css";