Google Translate Dark Theme by cottoneyejoee

/* ==UserStyle==
@name         Google Translate Dark Theme
@version      20210904.20.33
@namespace    userstyles.world/user/cottoneyejoee
@description  dark theme for google translate website
@author       cottoneyejoee
@license      No License
==/UserStyle== */

@-moz-document domain("translate.google.com") {
:root {
	--body-color: #1c1c1c;
	--header-color: #161616;
	--foreground-color: #282828;
	--font-color: #aaaaaa;
	--active-font-color: #eeeeee;
	--textarea-primary-font-color: #cccccc;
	--textarea-second-font-color: #aaaaaa;
	--textarea-suggestion-background-color: #333333;
	--active-textarea-suggestion-background-color: #222222;
	--rating-primary-color: #eeeeee;
	--rating-second-color: #666666;
	--button-background-color: #333333;
	--active-button-background-color: #222222;
	--selected-button-background-color: #444444;
}

* {
	border-width: 0!important;
	border-radius: 0!important;
	box-shadow: none!important;
}

*:before,
*:after {
	display: none;
}


button {
	background-color: var(--button-background-color);
	color: var(--font-color);
	border-width: 0!important;
	border-radius: 0!important;
}

button:active {
	background-color: var(--active-button-background-color);
}

button:active * {
	color: var(--foreground-color)!important;
}

.hRFt4b * {
	/*language-selection*/
	background-color: var(--button-background-color)!important;
	color: var(--font-color);
}

.hRFt4b * {
	/*language-selection*/
	background-color: var(--button-background-color)!important;
	color: var(--font-color);
}

.gb_pa {
	/*header*/
	background-color: var(--header-color)!important;
}

.zQTmif,
.T4LgNb {
	/*main*/
	background-color: var(--body-color);
}


.hgbeOc {
	/*button-group*/
	visibility: hidden;
}

.VfPpkd-LgbsSe {
	/*button*/
	background-color: var(--button-background-color)!important;
}

.VfPpkd-vQzf8d,
.VfPpkd-kBDsod {
	/*button*/
	color: var(--font-color);
}

.VfPpkd-Jh9lGc:before,
.VfPpkd-Jh9lGc:after {
	/*button>ripple-effect*/
	display: none;
}

.VfPpkd-LgbsSe:hover {
	/*button:hover*/
	background-color: var(--selected-button-background-color);
}

.VfPpkd-LgbsSe:hover .VfPpkd-vQzf8d,
.VfPpkd-LgbsSe:hover .VfPpkd-kBDsod {
	/*button:hover*/
	color: var(--active-font-color);
}

.BSw7K.iYelWb .irkilc {
	/*button:active*/
	background-color: var(--button-background-color)!important;
}

.ccvoYb,
.P6w8m,
.SMqeCb,
.a2Icud {
	/*textarea*/
	background-color: var(--foreground-color)!important;
}

.er8xn,
.J0lOec {
	/*textarea>text*/
	color: var(--textarea-primary-font-color);
}

.VfPpkd-AznF2e-LUERP-bN97Pc button span {
	/*textarea>button-selection*/
	color: var(--font-color)!important;
}

.VfPpkd-AznF2e-LUERP-bN97Pc button span:before,
.VfPpkd-AznF2e-LUERP-bN97Pc button span:after {
	/*textarea>button-ripple*/
	display: none;
}

.VfPpkd-AznF2e-LUERP-bN97Pc button:hover span {
	/*textarea>button-font:hover*/
	color: var(--active-font-color)!important;
}

.VfPpkd-AznF2e-LUERP-bN97Pc .VfPpkd-AznF2e-OWXEXe-auswjd {
	/*textarea>button-selected*/
	background-color: var(--selected-button-background-color)!important;
}

.VfPpkd-AznF2e-LUERP-bN97Pc button:active {
	/*textarea>button:active*/
	background-color: var(--active-button-background-color)!important;
}

.VfPpkd-AznF2e-LUERP-bN97Pc button:active span {
	/*textarea>button-font:active*/
	color: var(--active-font-color)!important;
}

.X4DQ0:after {
	/*textarea>header>scroll-fade*/
	background: linear-gradient(to right, transparant, var(--foreground-color));
}

.Dwvecf,
.aia4Ud {
	background-color: var(--foreground-color)!important;
	color: var(--textarea-primary-font-color)!important;
}

.S6GkK {
	color: var(--textarea-second-font-color)!important;
}

.nYkDR {
	color: var(--active-font-color)!important;
}

.KjuTac {
	/*textarea>suggestion-field*/
	background-color: var(--textarea-suggestion-background-color)!important;
}

.uNr6ee {
	color: var(--textarea-primary-font-color)!important;
}

.xUPQqb {
	color: var(--textarea-second-font-color)!important;
}

.FwR7Pc {
	background-color: var(--active-textarea-suggestion-background-color)!important;
}

.eIKIse {
	color: var(--textarea-second-font-color)!important;
}

.MZgjEb,
.gHl6Mc,
.PsfnLc {
	color: var(--textarea-second-font-color)!important;
}

.ksE5nf.fXx9Lc {
	/*textarea>footer>rating*/
	background-color: var(--rating-second-color)!important;
}

.ksE5nf.EiZ8Dd {
	/*textarea>footer>rating*/
	background-color: var(--rating-primary-color)!important;
}

/*header>left-menu*/
.gb_uc,
/*header>right-menu*/
.gb_Wd,
/*footer*/
.VlPnLc,
/*feedback-link*/
.a88hkc,
/*voice-input-button*/
.gHNJvf,
/*keyboard-ui-button*/
.nidPne {
	display: none
}
}