From 98578eab0c52464dfb05b3ee847138dfd0b2e57d Mon Sep 17 00:00:00 2001 From: overdodactyl Date: Fri, 8 Dec 2017 19:26:30 -0700 Subject: [PATCH] Adding more files --- .../about_pages/newtab_and_home.css | 148 +++++++++++++++ userContent-files/about_pages/plugins.css | 21 +++ userContent-files/about_pages/preferences.css | 61 ++++++ userContent-files/about_pages/profiles.css | 24 +++ userContent-files/about_pages/robots.css | 7 + userContent-files/about_pages/studies.css | 7 + userContent-files/about_pages/support.css | 24 +++ .../about_pages/url-classifier.css | 24 +++ userContent-files/webpages/view_source.css | 47 +++++ userContent.css | 176 ++---------------- 10 files changed, 381 insertions(+), 158 deletions(-) create mode 100644 userContent-files/about_pages/newtab_and_home.css create mode 100644 userContent-files/about_pages/plugins.css create mode 100644 userContent-files/about_pages/preferences.css create mode 100644 userContent-files/about_pages/profiles.css create mode 100644 userContent-files/about_pages/robots.css create mode 100644 userContent-files/about_pages/studies.css create mode 100644 userContent-files/about_pages/support.css create mode 100644 userContent-files/about_pages/url-classifier.css create mode 100644 userContent-files/webpages/view_source.css diff --git a/userContent-files/about_pages/newtab_and_home.css b/userContent-files/about_pages/newtab_and_home.css new file mode 100644 index 0000000..5c11874 --- /dev/null +++ b/userContent-files/about_pages/newtab_and_home.css @@ -0,0 +1,148 @@ +@-moz-document url-prefix(about:newtab), url(about:home) { + + + .top-sites-list .top-site-outer .title span, + .card-outer .card-context { + color: var(--primary-light-color) !important; + } + + .section-top-bar .info-option-manage button, + .card-outer:-moz-any(:hover, :focus, .active):not(.placeholder) .card-title { + color: var(--primary-accent-color) !important; + } + + .card-outer .card-details, + .card-outer > a, + .section-top-bar .section-info-option .info-option, + .context-menu { + background: var(--grey-60) !important; + color: var(--primary-light-color) !important; + } + + + .search-wrapper .search-label, + .search-wrapper .search-button, + .icon { + fill: var(--primary-light-color) !important; + opacity: .7 !important; + } + + .search-wrapper input { + color: var(--primary-light-color) !important; + background: #4a4a4f !important; + } + + .prefs-pane-button button { + fill: #4a4a4f !important + } + + /* Preferencs/close button */ + .prefs-pane-button button:hover { + background-color: var(--grey-90) !important;; + } + + + /* Main background */ + .prefs-pane .sidebar { + background: var(--primary-dark-color) !important; + border-left: 1px solid var(--primary-light-color) !important; + color: var(--primary-light-color) !important; + } + + /* Inner options panel */ + .prefs-pane .prefs-modal-inner-wrapper .options { + background: #4a4a4f !important; + border: 1px solid var(--primary-light-color); + } + + /* Check boxes */ + .prefs-pane [type="checkbox"]:not(:checked) + label::before, .prefs-pane [type="checkbox"]:checked + label::before { + border: 1px solid var(--primary-light-color) !important; + background: var(--grey-60) !important; + } + + /* Check marks */ + .prefs-pane [type="checkbox"]:not(:checked) + label::after, .prefs-pane [type="checkbox"]:checked + label::after { + fill: var(--primary-accent-color) !important; + } + + /* Bottom Panel */ + .prefs-pane .actions { + background-color: var(--primary-dark-color) !important; + border-left: 1px solid var(--primary-light-color) !important; + border-top: 1px solid var(--primary-light-color) !important; + } + + /* "Done Button */ + .actions button.done { + background: var(--primary-accent-color) !important;; + border: solid 1px var(--primary-accent-color-dark) !important;; + color: var(--primary-light-color) !important; + } + + .actions button:hover:not(.dismiss) { + box-shadow: 0 0 0 5px var(--primary-light-color) !important; + } + + /* Search Bar */ + .search-wrapper:active input, .search-wrapper input:focus { + border-color: var(--primary-accent-color-dark) !important; + box-shadow: 0 0 0 2px var(--primary-accent-color) !important; + } + + + /* Onboarding Message */ + #onboarding-notification-bar { + background: var(--grey-90) !important; + color: var(--primary-light-color) !important; + border-top: 2px solid var(--primary-dark-color) !important; + } + + #onboarding-notification-body { + color: var(--primary-light-color) !important; + } + + .onboarding-action-button { + background: var(--primary-accent-color) !important; + border: 1px solid var(--primary-accent-color-dark) !important; + color: var(--primary-light-color) !important; + } + + #onboarding-notification-close-btn { + filter: invert(65%)!important; + } + + .contentSearchHeader, .search-wrapper .contentSearchSuggestionTable { + background-color: var(--grey-60) !important; + color: var(--primary-light-color) !important; + border-bottom: 1px solid var(--primary-light-color) !important; + } + + .contentSearchSuggestionsContainer, + .contentSearchHeaderRow, + .contentSearchSuggestionRow, + #contentSearchDefaultEngineHeader, + #contentSearchSearchWithHeader { + background: var(--grey-60) !important; + color: var(--primary-light-color) !important; + } + + .contentSearchSearchWithHeaderSearchText { + color: var(--primary-accent-color) !important; + } + + #snippets-container { + background: var(--primary-dark-color) !important; + } + + .snippet .block-snippet-button { + filter: invert(100%) !important; + } + + .snippet section { + color: #FFF !important; + } + + + +} \ No newline at end of file diff --git a/userContent-files/about_pages/plugins.css b/userContent-files/about_pages/plugins.css new file mode 100644 index 0000000..d849dbd --- /dev/null +++ b/userContent-files/about_pages/plugins.css @@ -0,0 +1,21 @@ +@-moz-document url(about:plugins) { + + + th { + background-color: var(--primary-accent-color-dark) !important; + } + + td { + color: var(--primary-light-color) !important; + background-color: var(--dark-accent) !important; + } + + .notice { + background: var(--dark-accent) !important; + } + + h2 { + color: var(--primary-accent-color) !important; + } + +} \ No newline at end of file diff --git a/userContent-files/about_pages/preferences.css b/userContent-files/about_pages/preferences.css new file mode 100644 index 0000000..4b04cfc --- /dev/null +++ b/userContent-files/about_pages/preferences.css @@ -0,0 +1,61 @@ +@-moz-document url-prefix(about:preferences) { + + ::-moz-selection { + background: var(--primary-accent-color) !important; + } + + .checkbox-check, + .radio-check { + background: var(--grey-50) !important; + } + + *.checkbox-check[checked], + *.radio-check[selected] { + fill: var(--primary-accent-color) !important; + } + + #categories, + .main-content, + .search-container { + background: var(--primary-dark-color) !important; + } + + .category[selected], .category.selected { + -moz-border-start: 4px solid var(--primary-accent-color) !important; + } + + #searchInput { + background: var(--grey-60) !important; + } + + + #handlersView { + background: var(--grey-60) !important; + } + + listheader { + background: var(--grey-80) !important; + } + + #handlersView richlistitem[selected="true"] { + background: var(--primary-accent-color) !important; + color: var(--primary-light-color) !important;; + } + + #handlersView richlistitem:hover { + background: var(--grey-70) !important; + color: var(--primary-light-color) !important;; + } + + + .dialogBox { + filter: invert(80%) !important; + } + + /* Search Engines */ + #engineChildren::-moz-tree-row() { + background: var(--grey-60) !important; + } + + +} \ No newline at end of file diff --git a/userContent-files/about_pages/profiles.css b/userContent-files/about_pages/profiles.css new file mode 100644 index 0000000..400414b --- /dev/null +++ b/userContent-files/about_pages/profiles.css @@ -0,0 +1,24 @@ +@-moz-document url(about:profiles) { + + /* Upper right box */ + #action-box { + background-color: var(--dark-accent) !important; + color: var(--primary-light-color) !important; + } + + th { + background-color: var(--primary-accent-color-dark) !important; + } + + td { + color: var(--primary-light-color) !important; + background-color: var(--dark-accent) !important; + } + + button { + border: 1px solid var(--primary-light-color) !important; + color: var(--primary-light-color) !important; + } + + +} \ No newline at end of file diff --git a/userContent-files/about_pages/robots.css b/userContent-files/about_pages/robots.css new file mode 100644 index 0000000..d9ef6bf --- /dev/null +++ b/userContent-files/about_pages/robots.css @@ -0,0 +1,7 @@ +@-moz-document url(about:robots) { + + #errorPageContainer { + background-color: var(--dark-accent) !important; + } + +} \ No newline at end of file diff --git a/userContent-files/about_pages/studies.css b/userContent-files/about_pages/studies.css new file mode 100644 index 0000000..7624654 --- /dev/null +++ b/userContent-files/about_pages/studies.css @@ -0,0 +1,7 @@ +@-moz-document url(about:studies) { + + .info-box-content { + background-color: var(--dark-accent) !important; + } + +} \ No newline at end of file diff --git a/userContent-files/about_pages/support.css b/userContent-files/about_pages/support.css new file mode 100644 index 0000000..f686a81 --- /dev/null +++ b/userContent-files/about_pages/support.css @@ -0,0 +1,24 @@ +@-moz-document url(about:support) { + + /* Upper right box */ + #action-box { + background-color: var(--dark-accent) !important; + color: var(--primary-light-color) !important; + } + + th { + background-color: var(--primary-accent-color-dark) !important; + } + + td { + color: var(--primary-light-color) !important; + background-color: var(--dark-accent) !important; + } + + button { + border: 1px solid var(--primary-light-color) !important; + color: var(--primary-light-color) !important; + } + + +} \ No newline at end of file diff --git a/userContent-files/about_pages/url-classifier.css b/userContent-files/about_pages/url-classifier.css new file mode 100644 index 0000000..ce919c2 --- /dev/null +++ b/userContent-files/about_pages/url-classifier.css @@ -0,0 +1,24 @@ +@-moz-document url(about:url-classifier) { + + /* Upper right box */ + #action-box { + background-color: var(--dark-accent) !important; + color: var(--primary-light-color) !important; + } + + th { + background-color: var(--primary-accent-color-dark) !important; + } + + td { + color: var(--primary-light-color) !important; + background-color: var(--dark-accent) !important; + } + + button { + border: 1px solid var(--primary-light-color) !important; + color: var(--primary-light-color) !important; + } + + +} \ No newline at end of file diff --git a/userContent-files/webpages/view_source.css b/userContent-files/webpages/view_source.css new file mode 100644 index 0000000..a45701b --- /dev/null +++ b/userContent-files/webpages/view_source.css @@ -0,0 +1,47 @@ +@-moz-document url-prefix(view-source) { + *|*:root { + background-color: var(--primary-dark-color) !important; + color: var(--primary-light-color) !important; + } + pre[id]:before, + span[id]:before { + color: var(--primary-light-color) !important; + } + .highlight .start-tag { + color: #b78cfd !important; + } + .highlight .end-tag { + color: #b78cfd !important; + } + .highlight .comment { + color: #86de74 !important; + } + .highlight .cdata { + color: #CC0066 !important; + } + .highlight .doctype { + color: steelblue !important; + } + .highlight .pi { + color: #ff7de9 !important; + } + .highlight .entity { + color: #dea174 !important; + } + .highlight .attribute-name { + color: #86de74 !important; + } + .highlight .attribute-value { + color: #75bfff !important; + } + .highlight .markupdeclaration { + color: steelblue !important; + font-style: italic; + } + .highlight .error, + .highlight .error > :-moz-any(.start-tag, .end-tag, .comment, .cdata, .doctype, + .pi, .entity, .attribute-name, .attribute-value) { + color: #de7474 !important; + } + +} \ No newline at end of file diff --git a/userContent.css b/userContent.css index c9099dc..21fd7b7 100644 --- a/userContent.css +++ b/userContent.css @@ -4,14 +4,22 @@ /* Import about page files * Recomended for everyone using the dark theme */ -@import "userContent-files/about_pages/accounts.css"; @import "userContent-files/about_pages/about.css"; +@import "userContent-files/about_pages/accounts.css"; +@import "userContent-files/about_pages/addons.css"; @import "userContent-files/about_pages/config.css"; @import "userContent-files/about_pages/memory.css"; -@import "userContent-files/about_pages/performance.css"; @import "userContent-files/about_pages/neterror.css"; +@import "userContent-files/about_pages/newtab_and_home.css"; +@import "userContent-files/about_pages/performance.css"; +@import "userContent-files/about_pages/plugins.css"; +@import "userContent-files/about_pages/preferences.css"; +@import "userContent-files/about_pages/profiles.css"; +@import "userContent-files/about_pages/studies.css"; +@import "userContent-files/about_pages/support.css"; +@import "userContent-files/about_pages/url-classifier.css"; @import "userContent-files/about_pages/webrtc.css"; -@import "userContent-files/about_pages/addons.css"; + /* Import Relevant webextension tweaks here @@ -21,6 +29,7 @@ /* Import relevent website dark themes */ +@import "userContent-files/webpages/view_source.css"; @import "userContent-files/webpages/amo_store.css"; @@ -38,67 +47,6 @@ } } -@-moz-document url-prefix(about:preferences) { - - ::-moz-selection { - background: var(--primary-accent-color) !important; - } - - .checkbox-check, - .radio-check { - background: var(--grey-50) !important; - } - - *.checkbox-check[checked], - *.radio-check[selected] { - fill: var(--primary-accent-color) !important; - } - - #categories, - .main-content, - .search-container { - background: var(--primary-dark-color) !important; - } - - .category[selected], .category.selected { - -moz-border-start: 4px solid var(--primary-accent-color) !important; - } - - #searchInput { - background: var(--grey-60) !important; - } - - - #handlersView { - background: var(--grey-60) !important; - } - - listheader { - background: var(--grey-80) !important; - } - - #handlersView richlistitem[selected="true"] { - background: var(--primary-accent-color) !important; - color: var(--primary-light-color) !important;; - } - - #handlersView richlistitem:hover { - background: var(--grey-70) !important; - color: var(--primary-light-color) !important;; - } - - - .dialogBox { - filter: invert(80%) !important; - } - - /* Search Engines */ - #engineChildren::-moz-tree-row() { - background: var(--grey-60) !important; - } - - -} @@ -108,104 +56,16 @@ -@-moz-document url(about:plugins) { - - - th { - background-color: var(--primary-accent-color-dark) !important; - } - - td { - color: var(--primary-light-color) !important; - background-color: var(--dark-accent) !important; - } - - .notice { - background: var(--dark-accent) !important; - } - - h2 { - color: var(--primary-accent-color) !important; - } - -} -@-moz-document url(about:profiles) { - - /* Upper right box */ - #action-box { - background-color: var(--dark-accent) !important; - color: var(--primary-light-color) !important; - } - - th { - background-color: var(--primary-accent-color-dark) !important; - } - - td { - color: var(--primary-light-color) !important; - background-color: var(--dark-accent) !important; - } - - button { - border: 1px solid var(--primary-light-color) !important; - color: var(--primary-light-color) !important; - } - - -} - -@-moz-document url(about:support) { - - /* Upper right box */ - #action-box { - background-color: var(--dark-accent) !important; - color: var(--primary-light-color) !important; - } - - th { - background-color: var(--primary-accent-color-dark) !important; - } - - td { - color: var(--primary-light-color) !important; - background-color: var(--dark-accent) !important; - } - - button { - border: 1px solid var(--primary-light-color) !important; - color: var(--primary-light-color) !important; - } - - -} -@-moz-document url(about:url-classifier) { - - /* Upper right box */ - #action-box { - background-color: var(--dark-accent) !important; - color: var(--primary-light-color) !important; - } - - th { - background-color: var(--primary-accent-color-dark) !important; - } - - td { - color: var(--primary-light-color) !important; - background-color: var(--dark-accent) !important; - } - - button { - border: 1px solid var(--primary-light-color) !important; - color: var(--primary-light-color) !important; - } - - -} + + + + + +