ShadowFox/userContent-files/about_pages/addons.css

@-moz-document url(about:addons), url-prefix(about:debugging) {

	.detail-view-container {
    	color: var(--primary-light-color) !important;
  	}

	.detail-row, .detail-row-complex, setting {
    	line-height: 20px;
    	text-shadow: none !important;;
  	}

	.detail-view-container {
    	font-size: 1.25rem;
    	color: #ccc !important;
  	}

	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 {
		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], .category.selected {
		background: #565656 !important;
		-moz-border-start: 4px solid var(--primary-accent-color) !important;
	}

	.category {
		background: var(--primary-dark-color) !important;
		border: none !important;

	}



	#header-utils-btn:hover {
		color: white !important;
		background: #222 !important;
	}

	.addon {
		color: gray !important;
	}

	.addon[active="false"] {
		opacity: 0.4 !important;
	}

	richlistitem.category[selected], #main #promos.js, #featured-addons, #addons, .category.selected {
		background: var(--primary-dark-color) !important;
		color: var(--primary-accent-color) !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: transparent !important;
	}

	/* Remove dotted border around addons section when selected */
	.list > scrollbox > .scrollbox-innerbox {
    	border: 1px dotted transparent !important;
  	}

	/* Cog wheel */
	#header-utils-btn {
    	fill: var(--primary-light-color) !important;;
  	}

	#header-utils-btn:hover {
		background: var(--dark-accent) !important;
	}

	description {
   		margin-bottom: 4px;
    	color: var(--primary-light-color) !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: var(--primary-light-color) !important;
		background: var(--grey-80) !important;
	}

	#category-discover {
		display: none !important;
	}

	.addon-view[notification="warning"] {
		--view-highlight-color: transparent !important;
	}


	.text-link {
    	color: var(--primary-accent-color) !important;
  	}

	textbox[type="search"] {
    	color: var(--primary-light-color) !important;
		  background: var(--grey-60) !important;
		  border: 1px solid var(--grey-50) !important;
  	}

	textbox[focused] {
    	border-color: var(--primary-accent-color) !important;
  	}

	 /* about:debugging#addons */
	 .addon-target-container {
      background: var(--grey-80) !important;;
  }

	/* icon */
	.addon-target-container .target-icon[src="chrome://mozapps/skin/extensions/extensionGeneric.svg"] {
		filter: invert(65%) !important;
	}

	.addon-target-name {
		color: var(--primary-light-color) !important;
	}

	.addon-target-actions {
    border-top: 1px solid var(--primary-light-color) !important;
  }

	input[type="checkbox"] {
		background: var(--grey-50) !important;
		border: none !important;
		box-shadow: none !important;
	}

	.service-worker-multi-process {
    background-color: var(--grey-60) !important;
	}
	xul|*.radio-check {
    border: 1px solid var(--grey-50) !important;
    background-color: var(--grey-50) !important;
    background-image: none !important;
    box-shadow: none !important;
	}
	xul|*.radio-check[selected] {
    fill: var(--primary-accent-color) !important;
	}

}