ShadowFox/userContent.css

/* Import base color variables
 * Required for everyone */
@import "color_variables.css";

/* 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/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/webrtc.css";
@import "userContent-files/about_pages/addons.css";


/* Import Relevant webextension tweaks here
 * IMPORTANT: If used, change the Internal UUID in the corresponding css file */
@import "webextension-tweaks/tree_style_tabs.css";
@import "webextension-tweaks/stylus.css";


/* Import relevent website dark themes */
@import "amo_store.css";



/* Basic changes fundamental to all pages */
@-moz-document url-prefix(about:), url(https://www.mozilla.org/credits/) {	
	
	html:not(#ublock0-epicker), html:not(#ublock0-epicker) body, #newtab-customize-overlay {
		background: var(--primary-dark-color) !important;
		color: var(--primary-light-color) !important;
	}	
	
	a:link {
		color: var(--primary-accent-color) !important;
	}
}

@-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;
	}
	
	
}









@-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;
	}
		
	
}