Qwant.user.css

/* ==UserStyle==
@name Qwant DeepDark
@namespace github.com/RaitaroH/Qwant-DeepDark
@homepageURL https://github.com/RaitaroH/Qwant-DeepDark
@version 1.0.1
@updateURL https://rawgit.com/RaitaroH/Qwant-DeepDark/master/QwantDeepDark.user.css
@description Light will blind you in your search for answers, dark will make them shine. May the dark be kinder on thine eyes. (Qwant dark theme)
@author RaitaroH
@license GNU-V3.0

@preprocessor uso
@var select mainColor 'Main color' {
	"DeepDark": "#00adee",
	"BreezeDark": "#3DAEE9",
	"Vertex Dark": "#4080fb",
	"Arc Dark": "#5294E2",
	"Firefox Dark": "#5675B9",
	"Firefox57": "#4080FB",
	"Discord": "#7289DA",
	"YouTubeDark": "#E52117",
	"Mint-Y-Dark": "#9AB87C",
	"9anime": "#723f8c",
	"Black&White": "#ffffff",
	"Yellow_petrocompletions": "#FFC700",
	"Yellow2": "#FFC700",
	"Ubuntu_grey": "#EF7847",
	"Ubuntu_purple": "#EF7847",
	"Orange": "#ff6905",
	"Jisho_夜明け":  "#EF7D6C"
}

@var select mainBackground 'Main background color' {
	"DeepDark": "#111111",
	"BreezeDark": "#232629",
	"Vertex Dark": "#2B2B2C",
	"Arc Dark": "#343944",
	"Firefox Dark": "#272B35",
	"Firefox57": "#0C0C0D",
	"Discord": "#1E2124",
	"YouTubeDark": "#111111",
	"Mint-Y-Dark": "#2F2F2F",
	"9anime": "#0B0A0D",
	"Black&White": "#000000",
	"Yellow_petrocompletions": "#141414",
	"Yellow2": "#0a0800",
	"Ubuntu_grey": "#312D2A",
	"Ubuntu_purple": "#2C071A",
	"Orange": "#0a0400",
	"Jisho_夜明け": "#332222"
}

@var select secondBackground 'Second background color' {
	"DeepDark": "#181818",
	"BreezeDark": "#2a2e32",
	"Vertex Dark": "#353638",
	"Arc Dark": "#383C4A",
	"Firefox Dark": "#181D20",
	"Firefox57": "#252526",
	"Discord": "#2F3136",
	"YouTubeDark": "#232323",
	"Mint-Y-Dark": "#383838",
	"9anime": "#17151C",
	"Black&White": "#0a0a0a",
	"Yellow_petrocompletions": "#202222",
	"Yellow2": "#0c0a04",
	"Ubuntu_grey": "#3D3C38",
	"Ubuntu_purple": "#430B28",
	"Orange": "#0e0702",
	"Jisho_夜明け": "#2A1B1B"
}

@var select hoverBackground 'Hover background color' {
	"DeepDark": "#232323",
	"BreezeDark": "#31363b",
	"Vertex Dark": "#515254",
	"Arc Dark": "#414A59",
	"Firefox Dark": "#353A44",
	"Firefox57": "#323234",
	"Discord": "#484B51",
	"YouTubeDark": "#343434",
	"Mint-Y-Dark": "#404040",
	"9anime": "#1E1C25",
	"Black&White": "#0f0f0f",
	"Yellow_petrocompletions": "#353838",
	"Yellow2": "#0f0d05",
	"Ubuntu_grey": "#59564D",
	"Ubuntu_purple": "#520D30",
	"Orange": "#110903",
	"Jisho_夜明け": "#863B2F"
}

@var select mainText 'Main text color' {
	"DeepDark": "#eff0f1",
	"BreezeDark": "#eff0f1",
	"Vertex Dark": "#F3F3F5",
	"Arc Dark": "#C1C8D1",
	"Firefox Dark": "#E3EEF9",
	"Firefox57": "#F9F9FA",
	"Discord": "#FFFFFF",
	"YouTubeDark": "#E1E1E1",
	"Mint-Y-Dark": "#FFFFFF",
	"9anime": "#B4B4B4",
	"Black&White": "#b4b4b4",
	"Yellow_petrocompletions": "#EFF0F1",
	"Yellow2": "#fffdf5",
	"Ubuntu_grey": "#F2F1EF",
	"Ubuntu_purple": "#F2F1EF",
	"Orange": "#fff9f5",
	"Jisho_夜明け": "#EFB26C"
}

@var select dimerText 'Secondary text color' {
	"DeepDark": "#CCCCCC",
	"BreezeDark": "#bdc3c7",
	"Vertex Dark": "#AEAFB0",
	"Arc Dark": "#B3BAC5",
	"Firefox Dark": "#606376",
	"Firefox57": "#D0D0D0",
	"Discord": "#ADA8AA",
	"YouTubeDark": "#7F7F7F",
	"Mint-Y-Dark": "#D5DADA",
	"9anime": "#747474",
	"Black&White": "#828282",
	"Yellow_petrocompletions": "#9F9999",
	"Yellow2": "#fff8e1",
	"Ubuntu_grey": "#E6E5E3",
	"Ubuntu_purple": "#E6E5E3",
	"Orange": "#ffede1",
	"Jisho_夜明け": "#986E3F"
}

==/UserStyle== */

@-moz-document domain("qwant.com") {

/*Theme made by RaitaroH @https://github.com/RaitaroH/Qwant-DeepDark*/

/*GNU General Public License v3.0*/

/*1.0.1*/

	/*Main color variables*/
	:root
	{
		/*User colors*/
		--main-color: /*[[mainColor]]*/;
		--main-background: /*[[mainBackground]]*/;
		--second-background: /*[[secondBackground]]*/;
		--hover-background: /*[[hoverBackground]]*/;
		--main-text: /*[[mainText]]*/;
		--dimer-text: /*[[dimerText]]*/;

		/*DeepDark colors*/
		/*
		--main-color: #00adee;
		--main-background: #111111;
		--second-background: #181818;
		--hover-background: #232323;
		--main-text: #eff0f1;
		--dimer-text: #CCCCCC;
		*/

		/*KDE colors*/
		/*
		--main-color: #3DAEE9;
		--main-background: #232629;
		--second-background: #2a2e32;
		--hover-background: #31363b;
		--main-text: #eff0f1;
		--dimer-text: #bdc3c7;
		*/

		/*Vertex Dark colors*/
		/*
		--main-color: #4080fb;
		--main-background: #2B2B2C;
		--second-background: #353638;
		--hover-background: #515254;
		--main-text: #F3F3F5;
		--dimer-text: #AEAFB0;
		*/

		/*Arc Dark colors*/
		/*
		--main-color: #5294E2;
		--main-background: #343944;
		--second-background: #383C4A;
		--hover-background: #414A59;
		--main-text: #C1C8D1;
		--dimer-text: #B3BAC5;
		*/

		/*Firefox Dark colors*/
		/*
		--main-color: #5675B9;
		--main-background: #272B35;
		--second-background: #181D20;
		--hover-background: #353A44;
		--main-text: #E3EEF9;
		--dimer-text: #606376;
		*/

		/*Firefox57 Dark colors*/
		/*
		--main-color: #4080FB;
		--main-background: #0C0C0D;
		--second-background: #252526;
		--hover-background: #323234;
		--main-text: #F9F9FA;
		--dimer-text: #D0D0D0;
		*/

		/*Discord colors*/
		/*
		--main-color: #7289DA;
		--main-background: #1E2124;
		--second-background: #2F3136;
		--hover-background: #484B51;
		--main-text: #FFFFFF;
		--dimer-text: #ADA8AA;
		*/

		/*YouTube dark colors*/
		/*
		--main-color: #E52117;
		--main-background: #111111;
		--second-background: #232323;
		--hover-background: #343434;
		--main-text: #E1E1E1;
		--dimer-text: #7F7F7F;
		*/

		/*Mint-Y-Dark colors*/
		/*
		--main-color: #9AB87C;
		--main-background: #2F2F2F;
		--second-background: #383838;
		--hover-background: #404040;
		--main-text: #FFFFFF;
		--dimer-text: #D5DADA;
		*/

		/*9anime colors*/
		/*
		--main-color: #723f8c;
		--main-background: #0B0A0D;
		--second-background: #17151C;
		--hover-background: #1E1C25;
		--main-text: #B4B4B4;
		--dimer-text: #747474;
		*/

		/*Black and white*/
		/*
		--main-color: #ffffff;
		--main-background: #000000;
		--second-background: #0a0a0a;
		--hover-background: #0f0f0f;
		--main-text: #b4b4b4;
		--dimer-text: #828282;
		*/

		/*Yellow (colors from petrocompletions)*/
		/*
		--main-color: #FFC700;
		--main-background: #141414;
		--second-background: #202222;
		--hover-background: #353838;
		--main-text: #EFF0F1;
		--dimer-text: #9F9999;
		*/

		/*Yellow 2*/
		/*
		--main-color: #ffc700;
		--main-background: #0a0800;
		--second-background: #0c0a04;
		--hover-background: #0f0d05;
		--main-text: #fffdf5;
		--dimer-text: #fff8e1;
		*/

		/*Ubuntu grey colors*/
		/*
		--main-color: #EF7847;
		--main-background: #312D2A;
		--second-background: #3D3C38;
		--hover-background: #59564D;
		--main-text: #F2F1EF;
		--dimer-text: #E6E5E3;
		*/

		/*Ubuntu purple colors*/
		/*
		--main-color: #EF7847;
		--main-background: #2C071A;
		--second-background: #430B28;
		--hover-background: #520D30;
		--main-text: #F2F1EF;
		--dimer-text: #E6E5E3;
		*/

		/*Orange*/
		/*
		--main-color: #ff6905;
		--main-background: #0a0400;
		--second-background: #0e0702;
		--hover-background: #110903;
		--main-text: #fff9f5;
		--dimer-text: #ffede1;
		*/

		/*Jisho 夜明け colors https://userstyles.org/styles/115621/jisho*/
		/*
		--main-color: #EF7D6C;
		--main-background: #332222;
		--second-background: #2A1B1B;
		--hover-background: #863B2F;
		--main-text: #EFB26C;
		--dimer-text: #986E3F;
		*/
	}

	/*Changed text highlight*/
	::selection
	{
		background: var(--main-color) !important;
		color: var(--main-text) !important;
	}
	::-moz-selection
	{
		background: var(--main-color) !important;
		color: var(--main-text) !important;
	}

	/*FUCK IT
	*, *:before, *:after
	{
		background-color: transparent !important;
		border-color: var(--hover-background) !important;
		color: var(--main-text) !important;
		box-shadow: none !important;
	}*/

	/*Links*/
 	a
 	{
		outline-color: var(--main-color) !important;
	}
	a, a:visited
	{
		color: var(--main-color) !important;
		opacity: .9;
	}
	a:hover
	{
		opacity: 1;
	}


	/*Removing text decorations*/
	*
	{
		text-decoration: none !important;
	}

	body, html
	{
		background: var(--main-background) !important;
		color: var(--dimer-text) !important;
	}

	/*Main page*/
	.search_bar .search_bar__form__input
	{
		background: var(--main-background) !important;
		color: var(--dimer-text) !important;
	}
	.search_bar .search_bar__form__reset span, .search_bar .search_bar__form__search span
	{
		color: var(--dimer-text) !important;
	}
	.search_bar .search_bar__form__reset span:hover, .search_bar .search_bar__form__search span:hover
	{
		color: var(--main-color) !important;
	}
	.home__logo__container.home__logo__container--default .home__logo
	{
		filter: brightness(400%) grayscale(100%);
	}
	.suggester, .suggester *
	{
		background-color: var(--hover-background) !important;
		color: var(--main-text) !important;
		border-color: var(--hover-background)
	}

	.header__add-qwant
	{
		background: var(--hover-background) !important;
	}
	.header__add-qwant:hover
	{
		background: var(--main-color) !important;
	}

	.header__text__learn-more__icon
	{
		display: none !important;
	}


	.footer
	{
		background-color: var(--hover-background) !important;
	}
	.footer__block--left .footer__baseline
	{
		color: var(--dimer-text) !important;
	}


	/*Settings*/
	.form_page, .form_page *, .settings_url .settings_url_textbox
	{
		background-color: var(--main-background) !important;
		color: var(--main-text) !important;
		border-color: var(--hover-background)
	}
	.form_page .button
	{
		background: var(--hover-background) !important;
	}
	.form_page .button:hover
	{
		background: var(--main-color) !important;
	}
	.icon-success::before
	{
		display: none;
	}

	.toggle-switch input:checked + label::before
	{
		background: var(--main-color) !important;
	}
	.toggle-switch input + label::after
	{
		background-color: var(--main-text) !important;
	}
	.toggle-switch input + label::before
	{
		background-color: var(--hover-background) !important;
	}
	.select-placeholder:hover
	{
		color: var(--main-color) !important;
	}


	/*Sidebar*/
	.sidebar
	{
		background-color: var(--second-background) !important;
	}
	.sidebar__item__label, .icon-qwant::before
	{
		color: var(--main-text) !important;
	}


	.wrapper-dropdown .dropdown, .wrapper-dropdown .dropdown .dropdown__item
	{
		background-color: var(--hover-background) !important;
		box-shadow: var(--shadow) !important;
	}
	.wrapper-dropdown .dropdown .dropdown__item
	{
		color: var(--main-text) !important;
	}
	.wrapper-dropdown .dropdown .dropdown__item:hover, .result_filter__item--dropdown .wrapper-dropdown .select-placeholder:hover, .wrapper-dropdown.active .select-placeholder
	{
		color: var(--main-color) !important;
	}


	.result h3 a
	{
		color: var(--main-text) !important;
	}
	.result:hover h3 a, .result:hover h3 a *
	{
		color: var(--main-color) !important;
	}
	p
	{
		color: var(--dimer-text) !important;
	}
	.result_actions__button::before, .result_actions__button::after
	{
		background-color: var(--main-text) !important;
	}
	.result_actions__circle
	{
		stroke: var(--main-color) !important;
	}
	.result_fragment:empty
	{
		filter: invert(100%);
	}
	/*Images*/
	.results-page *
	{
		background-color: transparent !important;
		border-color: var(--hover-background) !important;
		color: var(--main-text) !important;
	}
	.media_overlay
	{
		background: rgba(0,0,0,0.93) !important;
	}
	.results-column--images .result:hover .result__info, .results-column--images .result.result--zoomed .result__info
	{
		background: var(--hover-background) !important;
	}


	/*login page*/
	.input__text:active, .input__text:focus, .input__textarea:active, .input__textarea:focus
	{
		border-color: var(--main-color) !important;
	}
    .password-strength-indicator__jauge--weak
    {
    	background: var(--dimer-text) !important; 
	}
	.password-strength-indicator__jauge--medium
	{
		background: #FFB900 !important;
	}
	.password-strength-indicator__jauge--strong {
		background: #0FBD2B;
	}
	.alert__item
	{
		background-color: var(--hover-background) !important;
		border-color: var(--hover-background) !important;
	}
	.alert__item__close
	{
		color: var(--main-text) !important
	}
	.alert__item__close:hover
	{
		color: var(--main-color) !important;
	}
	.header__user-menu .wrapper-dropdown .select-placeholder
	{
		color: var(--main-text) !important;
	}

	/*Mobile main page*/
	.header, #main, .result-list__top,
	.results-page--all-mobile,
	.results-page--web,
	.results-page--news,
	.results-page--social,
	.results-page--images,
	.results-page--videos,
	.results-page--shopping,
	.results-page--music
	{
		background: var(--main-background) !important;
		color: var(--dimer-text) !important;
	}
	.result-list__carousel-item--current .result-list__carousel__title,
	.result-list__carousel__title
	{
		color: var(--main-text);
	}
	.home__logo__container .header__mobile-logo--large
	{
		filter: brightness(400%) grayscale(100%);
	}
	.header__mobile-icon
	{
		filter: brightness(200%) grayscale(100%);
	}

	/*Mobile sidebar*/
	.sidebar__mobile, .sidebar__mobile__links
	{
		background: var(--main-background);
		border-color: var(--hover-background);
	}
	.sidebar__mobile__settings, .sidebar__mobile__user
	{
		border-color: var(--hover-background);
	}
	.sidebar__mobile__settings h3, .sidebar__mobile__links h3
	{
		color: var(--main-text);
	}
}

@-moz-document domain("about.qwant.com") {

	.site-header, .header_inner
	{
		background: var(--second-background) !important;
		border-color: var(--hover-background) !important;
	}
	.qwant-logo
	{
		filter: grayscale(100%) brightness(500%);
	}

	.main-navigation .menu-item::after
	{
		background: var(--main-color) !important;
	}

	.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle::after, .wpml-ls ul
	{
		color: var(--main-text) !important;
		border-color: var(--hover-background) !important;
	}
	.wpml-ls ul:hover, .wpml-ls ul:hover *
	{
		background-color: var(--hover-background) !important;
		box-shadow: var(--shadow) !important;
		color: var(--main-text) !important;
	}
	.wpml-ls-legacy-dropdown .wpml-ls-item span:hover
	{
		color: var(--main-color) !important;
	}

	.home_button_see_all a
	{
		border-color: var(--hover-background) !important;
	}

	.separator1, .separator2
	{
		filter: invert(90%);
	}
	hr
	{
		border-color: var(--hover-background) !important;
	}
	footer
	{
		background-color: var(--second-background) !important;
	}
}