Ugly dark theme for flaticon.com - im too lazy to make better styles

flaticon_dark_theme.js

// https://gist.github.com/Be1zebub/8e525de39d81b7a2bdb672dd8b7df10d
// tampermonkey userscript
// https://www.tampermonkey.net/

// ==UserScript==
// @name         Ugly dark theme for flaticon.com
// @namespace    https://www.flaticon.com/
// @version      0.1
// @description  Ugly - but better than nothing, at least now i dont get flashbang. im too lazy to make better styles.
// @author       https://t.me/be1zebub
// @match        https://flaticon.com/*
// @match        https://www.flaticon.com/*
// @exclude      *~edit
// @grant        none
// @run-at       document-start
// ==/UserScript==

(function() {
    "use strict";

    var Style = `
		.icon--item[data-style_color="black"]:not(:hover) img {
			filter: invert(1) !important;
		}

		.icon--item:hover .overlay {
			display: none !important;
		}

		.header--search,
		#viewport {
			background-color: rgb(15, 15, 15) !important;
		}

		.search-holder .fake-search {
			background-color: #1e1d23 !important;
		}

		.main_search_bar [data-qa="search-selector"],
		.main_search_bar [data-qa="search-bar"],
		.main_search_bar .clean-search__button,
		.main_search_bar [type="submit"] {
			color: white !important;
		}

		.header--search__inner .bj-button {
			color: #b7b7b7 !important;
		}

		.icons .icon--holder {
			border: 1px solid #313131 !important;
		}

		#viewport > div.container.filters-inside-view > div.list-content > section.search-data.packs-data.mg-top-lv3 > div > div > div > div > * {
			color: #b9b9b9 !important;
		}

		.filters-body__container .item__link {
			color: rgb(228, 228, 228) !important;
			border-color: #7d7d7d !important;
		}

		aside.filters .search-view-filters-aside__group input[type=checkbox]:checked~.item__link {
			color: white !important;
			border: 1px solid #44b678 !important;
		}

		.icon--item:hover {
			background-color: rgba(255, 255, 255, 0.25) !important;
		}

		aside.filters .search-view-filters-aside .close,
		html .text__general--heading {
			color: #c3c3c3 !important;
		}

		.filters-body__link svg {
			filter: invert(0.75) !important;
		}

		aside.filters {
			border-right: 1px solid #434343 !important;
		}

		.header--search__filters {
			border-bottom: 1px solid #434343 !important;
		}

		.tabs-sort-by-component:before {
			display: none !important;
		}

		hr {
			background-color: #434343 !important;
		}

		.tabs-sort-by-component__links.active {
			border-bottom: 1px solid #d1d1d1 !important;
			color: white !important;
		}

		.tabs-sort-by-component__links:not(.active) {
			border-bottom: 1px solid #434343 !important;
			color: #757575 !important;
		}

		.header--search {
			box-shadow: 0 0 0 1px #434343 !important;
		}

		/* icon modal */

		#detail-overlay.ready .detail__inner {
			background-color: rgb(15, 15, 15) !important;
		}

		#detail > div > div.row.detail__top.mg-none > section,
		.detail.new-detail .detail__inner .detail__top .detail__content .detail__content__inner .search-style-word {
			background-color: rgb(20, 20, 20) !important;
		}

		#detail > div > div.row.detail__top.mg-none > section:not(:hover) > div > div > div.row.row--vertical-center.mg-none.full-height.detail__icon__inner > div > div > img {
			filter: invert(1) !important;
		}

		.btn.btn-gray.btn-outline, button.btn-gray.btn-outline, input[type=button].btn-gray.btn-outline, input[type=reset].btn-gray.btn-outline, input[type=submit].btn-gray.btn-outline {
			box-shadow: inset 0 0 0 2px #717171 !important;
			color: #d5d5d5 !important;
		}

		.bj-button--secondary {
			background: #393939 !important;
			color: #e9e9e9 !important;
		}

		.bj-button span {
			color: #e9e9e9 !important;
		}

		.tag--related,
		.relateds-bar .related-search-box a {
			color: #bfbfbf !important;
			border: 1px solid #373737 !important;
		}

		.detail__mobile-holder .download-action.copy-svg-png .btn-addtc .bj-button--link, .detail__mobile-holder .download-action.copy-svg-png .btn-formats .bj-button--link, .detail__mobile-holder .download-action.copy-svg-png .btn-share .bj-button--link {
			color: #858585 !important;
		}

		.detail__sidebar .more-icons,
		.detail__sidebar .author__holder {
			border-top: 1px solid #434343 !important;
		}

		.banner-craft {
			display: none !important;
		}

		#unicorn,
		.spirit-a .preload {
			display: none !important;
		}

		.search-holder .fake-search.focus {
			box-shadow: inset 0 0 0 2px #3d3d3d !important;
		}

		::-webkit-scrollbar {
			width: 0.5em;
		}

		::-webkit-scrollbar,
		::-webkit-scrollbar-track,
		::-webkit-scrollbar-corner {
			background: transparent;
		}

		::-webkit-scrollbar-thumb:hover {
			background: #6f6f6f;
		}

		::-webkit-scrollbar-thumb {
			background: #6f6f6f;
		}

		* {
			scrollbar-color: #6f6f6f #17191c;
			scrollbar-width: thin;
		}
		
		div.awesomplete>ul {
			background: #1e1d23 !important;
		}

		div.awesomplete>ul>li {
			color: #c7c7c7 !important;
		}

		div.awesomplete>ul>li mark {
			color: white !important;
		}

		div.awesomplete>ul>li:hover, div.awesomplete>ul>li[aria-selected=true] {
			background: black !important;
		}
    `;

    function addGlobalStyle(css) {
        var head, style;
        head = document.getElementsByTagName("head")[0];
        if (!head) { return; }
        style = document.createElement("style");
        style.type = "text/css";
        style.innerHTML = css;
        head.appendChild(style);
    }

    addGlobalStyle(Style);
})();