diff --git a/userContent.css b/userContent.css
new file mode 100644
index 0000000..27fab27
--- /dev/null
+++ b/userContent.css
@@ -0,0 +1,312 @@
+:root {
+	--primary-dark-color: #323234;  /* Color of FF dark theme nav-bar */
+	--primary-light-color: #A6A6A6; /* Off white */
+	--light-accent-color: #9c9d9f; /* Slightly darker off white */
+	--dark-accent: #3C3C3C;
+	--mid-way-color: #5c5a5a; /* inbetween main dark and light color */
+	--primary-accent-color: darkcyan; 
+	--primary-accent-color-dark: #007878; /* Darker cyan color */
+}
+
+
+@-moz-document url-prefix(about:about), url-prefix(about:crashes), url(about:debugging), url-prefix(about:downloads), url-prefix(about:privatebrowsing), url-prefix(about:buildconfig), url-prefix(about:networking),url-prefix(about:license), url(about:studies), url(about:telemetry), url(about:support)   {
+    :root {
+	    --in-content-page-color: var(--primary-light-color) !important;
+	    --in-content-page-background: var(--dark-accent) !important;
+	    --in-content-text-color: var(--primary-light-color) !important;
+	    --in-content-selected-text: var(--primary-light-color) !important;
+	    --in-content-box-background: var(--primary-dark-color) !important;
+	    --in-content-box-background-odd: var(--light-accent-color) !important;
+	    --in-content-box-background-hover: var(--dark-accent) !important;
+	    --in-content-box-background-active: var(--dark-accent) !important;
+	    --in-content-box-border-color: var(--primary-dark-color) !important;
+	    --in-content-item-hover: var(--dark-accent) !important;
+	    --in-content-item-selected: var(--dark-accent) !important;
+	    --in-content-border-highlight: var(--dark-accent) !important;
+	    --in-content-border-focus: var(--dark-accent) !important;
+	    --in-content-border-color: var(--primary-dark-color) !important;
+	    --in-content-category-outline-focus: 1px dotted var(--dark-accent) !important;
+	    --in-content-category-text: var(--primary-light-color) !important;
+	    --in-content-category-text-active: var(--primary-light-color) !important;
+	    --in-content-category-text-selected: var(--primary-accent-color) !important;
+	    --in-content-category-text-selected-active: var(--primary-accent-color-dark) !important;
+	    --in-content-category-background-selected-hover: var(--primary-dark-color) !important;
+	    --in-content-category-background-selected-active: var(--primary-dark-color) !important;
+	    --in-content-link-color: var(--primary-accent-color) !important;
+	    --in-content-link-color-hover: var(--primary-accent-color-dark) !important;
+	    --in-content-link-color-visited: var(--dark-accent) !important;
+	    --in-content-primary-button-background: var(--dark-accent) !important;
+	    --in-content-primary-button-background-hover: var(--primary-accent-color-dark) !important;
+	    --in-content-primary-button-background-active: var(--primary-accent-color-dark) !important;
+	    --in-content-table-header-background: var(--dark-accent) !important;
+		--in-content-category-background: var(--primary-dark-color) !important;
+    }
+}
+
+@-moz-document url(about:blank), url(about:newtab), url(about:buildconfig), url(about:), url(about:accounts), url(about:cache), url(about:memory), url(about:mozilla), url(about:performance), url(about:plugins), url(about:profiles), url(about:rights), url(about:robots), url(about:serviceworkers), url(about:studies), url(about:sync-log), url(about:url-classifier), url(about:webrtc), 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:hover, .text-link:hover {
+	    color: var(--primary-accent-color-dark) !important;
+	}
+	
+	a {
+	    color: var(--primary-accent-color) !important;
+	}
+	
+	h1 {
+	    color: var(--primary-light-color) !important;
+	}
+}
+
+@-moz-document url(about:debugging) {
+	.addon-target-container {
+	    background: var(--dark-accent) !important;
+	}
+	
+	.addon-target-button:enabled:focus, .addon-target-button:enabled:hover {
+	    color: var(--primary-accent-color-dark) !important;
+	}
+	.addon-target-button:enabled:focus, .addon-target-button:enabled {
+	    color: var(--primary-accent-color) !important;
+	}
+}
+
+@-moz-document url(about:memory) {
+	div.opsRow {
+	    background-color: var(--dark-accent) !important;
+	}
+	
+}
+
+@-moz-document url(about:accounts) {
+	#stage {
+	    background: var(--dark-accent) !important;
+	}
+	
+	.button-row button, .button-row a.button {
+	    background: var(--primary-accent-color) !important;
+	}
+	
+	.button-row a.button:active, .button-row a.button:hover, .button-row a.button:focus, .button-row button:active, .button-row button:hover, .button-row button:focus {
+	    background: var(--primary-accent-color-dark) !important;
+	}
+	
+	
+}
+
+@-moz-document url(about:performance) {
+	
+	#subprocess-reports th {
+	    background-color: var(--primary-accent-color) !important;
+		color: white !important;
+	}
+	
+	#subprocess-reports td {
+	    background-color: var(--primary-light-color) !important;
+	}
+	
+}
+
+
+@-moz-document url(about:profiles), url(about:url-classifier), url(about:plugins), url(about:support) {
+		
+	#action-box {
+	    background-color: var(--dark-accent) !important;
+		color: var(--primary-light-color) !important;
+	}
+	
+	button, html|select, xul|colorpicker[type="button"], xul|menulist {
+		background-color: var(--dark-accent) !important;
+	}
+	
+	th {
+	    background-color: var(--primary-accent-color) !important;
+	}
+	
+	td {
+	    color: var(--primary-light-color) !important;
+	    background-color: var(--mid-way-color) !important;
+	}
+	
+	button {
+	    background-color: var(--dark-accent) !important;
+	    border: 1px solid var(--primary-light-color) !important;
+		color: var(--primary-light-color) !important;
+	}
+	
+	.notice {
+	    background: var(--dark-accent) !important;
+	}
+	
+}
+
+@-moz-document url(about:robots) {
+	
+	#errorPageContainer {
+	    background-color: var(--dark-accent) !important;
+	}
+	
+}
+
+@-moz-document url(about:studies) {
+	
+	.info-box-content {
+	    background-color: var(--dark-accent) !important;
+	}
+	
+}
+
+@-moz-document url(about:webrtc) {
+	
+	#content > div {
+	    background: var(--dark-accent) !important;
+	}
+	
+}
+
+@-moz-document url(about:config) {
+
+	#configDeck {
+		background: var(--primary-dark-color) !important;
+		color: var(--primary-accent-color) !important;
+	}
+
+	scrollbar {
+		-moz-appearance: none !important;
+		background: white !important;
+	}
+
+	thumb {
+		-moz-appearance: scalethumb-vertical !important;
+	}
+
+	#textbox, tree#configTree {
+		filter: invert(80%) hue-rotate(150deg);
+	}
+	
+	button {
+		background-color: var(--primary-accent-color) !important;
+	    border: 1px solid var(--primary-light-color) !important;
+		color: var(--primary-light-color) !important;
+	}
+	
+	button:hover {
+		background-color: var(--primary-accent-color-dark) !important;
+		
+	}
+		
+  
+}
+
+@-moz-document url(about:addons) {
+
+	page#addons-page, page.greasemonkey #greasemonkey-sort-bar, #list-view[type="userstyle"] #addon-list-empty[hidden] ~ #userstyle-sorting, #addons-page .global-info-container, .alert, #nav-header, #categories, #header-utils-btn, textbox#header-search {
+		background: var(--primary-dark-color) !important;
+		color: #ccc !important;
+	}
+
+	richlistitem.category:not([selected]), #detail-contrib-description, page.greasemonkey #greasemonkey-sort-bar .text-link {
+		color: #d2d2d2 !important;
+	}
+
+	.name-container {
+		color: #d2d2d2 !important;
+		font-weight: unset !important;
+	}
+
+	.addon[selected], .category[selected] {
+		background: #565656 !important;
+		-moz-border-start: 4px solid #A9A9A9 !important;
+	}
+
+	#header-utils-btn:hover {
+		color: white !important;
+		background: #222 !important;
+	}
+
+	.addon {
+		color: gray !important;
+	}
+
+	richlistitem.category[selected], #main #promos.js, #featured-addons, #addons {
+		background: var(--primary-dark-color) !important;
+		color: #d2d2d2 !important;
+	}
+
+	richlistitem.category:hover:not([selected]) {
+		text-decoration: underline !important;
+	}
+
+	#view-port-container #detail-view, #view-port-container #list-view {
+		filter: unset !important;
+		background-color: black !important;
+		color: #d2d2d2 !important;
+	}
+
+	.icon, #view-port-container #detail-view image, #view-port-container #list-view image, deck.view-pane, #detail-contributions {
+		background-color: #d2d2d2 !important;
+	}
+
+	*|button, menulist {
+		-moz-appearance: none !important;
+		background: linear-gradient(var(--dark-accent), var(--dark-accent)) !important;
+		border: 1px #444 solid !important;
+		color: #999 !important;
+		box-shadow: unset !important;
+		text-decoration: unset !important;
+	}
+
+	*|button:hover {
+		color: white !important;
+		background: #222 !important;
+	}
+
+	#category-discover {
+		display: none !important;
+	}
+
+	.addon-view[notification="warning"] {
+	  --view-highlight-color: transparent !important;
+	}
+  
+}
+
+@-moz-document url-prefix(about:preferences) {
+
+	page {
+		filter: invert(80%) hue-rotate(150deg);
+		background-color: var(--primary-dark-color) !important;
+	}
+
+	#categories, .search-container {
+		background-color: white !important;
+	}
+
+	.category[selected], .category:hover {
+		background-color: var(--primary-light-color) !important;
+		color: var(--primary-dark-color) !important;
+		-moz-border-start: unset !important;
+	}
+
+	#tabsElement tab[selected] {
+		-moz-border-bottom-colors: var(--primary-dark-color) !important;
+	}
+
+	.help-button {
+		display: none !important;
+	}
+
+}
+
+
+
+
+
+
+
+