Adding more files
This commit is contained in:
parent
6dbd945ff8
commit
98578eab0c
|
@ -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;
|
||||
}
|
||||
|
||||
|
||||
|
||||
}
|
|
@ -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;
|
||||
}
|
||||
|
||||
}
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
||||
}
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
||||
}
|
|
@ -0,0 +1,7 @@
|
|||
@-moz-document url(about:robots) {
|
||||
|
||||
#errorPageContainer {
|
||||
background-color: var(--dark-accent) !important;
|
||||
}
|
||||
|
||||
}
|
|
@ -0,0 +1,7 @@
|
|||
@-moz-document url(about:studies) {
|
||||
|
||||
.info-box-content {
|
||||
background-color: var(--dark-accent) !important;
|
||||
}
|
||||
|
||||
}
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
||||
}
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
||||
}
|
|
@ -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;
|
||||
}
|
||||
|
||||
}
|
176
userContent.css
176
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;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
Loading…
Reference in New Issue