/* ==UserStyle==
@name           Darklingo++ Addons
@author         Noya
@namespace      github.com/ZykeDev
@version        2.0.3
@description    A Darklingo++ extension with fixes (and custom changes). Baseline version: 20211102.5.40
@updateURL      https://raw.githubusercontent.com/ZykeDev/darklingo-addons/main/darklingo-addons.user.css
@homepageURL  	https://github.com/ZykeDev/darklingo-addons
@supportURL  	https://github.com/ZykeDev/darklingo-addons/issues
@license	    CC BY-NC-SA 4.0
@preprocessor 	uso

@advanced		dropdown hide-ads "Hide Ads" {
	show "Show" <<<EOT  
EOT;
	hide "Hide" <<<EOT 
	/* Remove ad & adBlock related boxes *\/
	._1UOwI, ._39CMQ, ._1UOwI, ._3bfsh { display: none; }
	._2eT5n, .Ekspr { display: none; }
EOT;
}
@advanced		dropdown change-font "Change Font" {
	no "No" <<<EOT  
EOT;
	helvetica "Helvetica" <<<EOT 
	/* Changes the font of inputted text, as some browsers fail to use the correct Duo font family. *\/
	textarea, ._1UqAr, ._1UqAr * { font-family: "Helvetica" !important; }
EOT;
}
==/UserStyle== */

@-moz-document domain("duolingo.com") {
	/* Duplicated root to make the userstyle work even without the main darklingo.css */
	:root {
		--50: #181818;
		--75: #1c1c1c;
		--100: #202020;
		--150: #282828;
		--200: #303030;
		--250: #383838;
		--300: #404040;
		--400: #505050;
		--500: #606060;
		--600: #707070;

		--50-overlay-light: #1c1c1c20;
		--50-overlay-medium: #1c1c1c40;
		--50-overlay-heavy: #1c1c1c80;

		--100-overlay-medium: #20202040;

		--primary: #c0c0c0;
		--secondary: #808080;
		--tertiary: #606060;

		--red-on-bg: #471919;
		--green-on-bg: #2b3d1c;

		/* New SVGs  */
		--characters: url(https://d35aaqx5ub95lt.cloudfront.net/vendor/0172b83513c04cbae78c47adafaf93e7.svg);
		--characters-color: url(https://d35aaqx5ub95lt.cloudfront.net/vendor/80a60f598d6a6b0493aeb4d7b93fc0e3.svg);

		--learn: url(https://raw.githubusercontent.com/justinikeako/darklingo/2e3ad7e284564c3195656fb7100116373357c510/assets/slate/learn.svg);
		--stories: url(https://raw.githubusercontent.com/justinikeako/darklingo/2e3ad7e284564c3195656fb7100116373357c510/assets/slate/stories.svg);
		--discuss: url(https://raw.githubusercontent.com/justinikeako/darklingo/2e3ad7e284564c3195656fb7100116373357c510/assets/slate/discuss.svg);
		--shop: url(https://raw.githubusercontent.com/justinikeako/darklingo/6d4dde9ce1bb00b4adb08df487ffc0118b0bf8f6/assets/slate/shop.svg);
		--profile: url(https://raw.githubusercontent.com/justinikeako/darklingo/6d4dde9ce1bb00b4adb08df487ffc0118b0bf8f6/assets/slate/profile.svg);
		--more: url(https://raw.githubusercontent.com/justinikeako/darklingo/2e3ad7e284564c3195656fb7100116373357c510/assets/slate/more.svg);

		--dictionary: url(https://raw.githubusercontent.com/justinikeako/darklingo/2e3ad7e284564c3195656fb7100116373357c510/assets/slate/dictionary.svg);
		--words: url(https://raw.githubusercontent.com/justinikeako/darklingo/2e3ad7e284564c3195656fb7100116373357c510/assets/slate/words.svg);

		--flag-sprite: url(https://raw.githubusercontent.com/justinikeako/darklingo/5e856dd8b4b95c43d14e03ca84a38767761b9c07/assets/slate/flag-sprite.svg);
		--flag-sprite-1: url(https://raw.githubusercontent.com/justinikeako/darklingo/64e62bf9536de1f5883457c1f32bff7ac4e2d07d/assets/slate/flag-sprite-1.svg);
		--crown: url(https://raw.githubusercontent.com/justinikeako/darklingo/2e3ad7e284564c3195656fb7100116373357c510/assets/slate/crown.svg);
		--streak: url(https://raw.githubusercontent.com/justinikeako/darklingo/2e3ad7e284564c3195656fb7100116373357c510/assets/slate/streak.svg);
		--streak-flame: url(https://raw.githubusercontent.com/justinikeako/darklingo/5beca38e0108a786969ba2e02a307ca45fa98a5b/assets/slate/streak-flame-empty.svg);
		--lingot: url(https://raw.githubusercontent.com/justinikeako/darklingo/2e3ad7e284564c3195656fb7100116373357c510/assets/slate/lingot.svg);
		--lingot-singular: url(https://raw.githubusercontent.com/justinikeako/darklingo/2e3ad7e284564c3195656fb7100116373357c510/assets/slate/lingot.svg);
		--bell: url(https://raw.githubusercontent.com/justinikeako/darklingo/1fcaba1cb04e12f3be2246d3c64633adc69d7f12/assets/slate/bell.svg);

		--crack: url(https://raw.githubusercontent.com/justinikeako/darklingo/6a1ff7a0744955932e82fe467eadf9f946bf3b0a/assets/slate/crack.svg);

		--checkpoint-castle-unlocked: url(https://raw.githubusercontent.com/justinikeako/darklingo/2e3ad7e284564c3195656fb7100116373357c510/assets/slate/checkpoint-castle-unlocked.svg);
		--checkpoint-castle-complete: url(https://raw.githubusercontent.com/justinikeako/darklingo/2e3ad7e284564c3195656fb7100116373357c510/assets/slate/checkpoint-castle-complete.svg);

		--info: url(https://raw.githubusercontent.com/justinikeako/darklingo/38655d6499226dc3ba3b42768cb4d6cc60d18708/assets/slate/info.svg);

		--score: url(https://raw.githubusercontent.com/justinikeako/darklingo/1fcaba1cb04e12f3be2246d3c64633adc69d7f12/assets/slate/score.svg);

		--mic: url(https://raw.githubusercontent.com/justinikeako/darklingo/7dcffd27362cf0e3ba56c5c2c8e525d8d40521b1/assets/slate/mic.svg);

		--word-bank: url(https://raw.githubusercontent.com/justinikeako/darklingo/2e3ad7e284564c3195656fb7100116373357c510/assets/slate/word-bank.svg);
		--keyboard: url(https://raw.githubusercontent.com/justinikeako/darklingo/2e3ad7e284564c3195656fb7100116373357c510/assets/slate/keyboard.svg);
		--type-word: url(https://raw.githubusercontent.com/justinikeako/darklingo/43fc25826cfa7bd4f908720ed04e4b5a0cc58d9e/assets/slate/type-word.svg);
		--type-sentence: url(https://raw.githubusercontent.com/justinikeako/darklingo/43fc25826cfa7bd4f908720ed04e4b5a0cc58d9e/assets/slate/type-sentence.svg);

		--down-arrow: url(https://raw.githubusercontent.com/justinikeako/darklingo/43fc25826cfa7bd4f908720ed04e4b5a0cc58d9e/assets/slate/arrow-down.svg);
		--special-char-down: url(https://raw.githubusercontent.com/justinikeako/darklingo/43fc25826cfa7bd4f908720ed04e4b5a0cc58d9e/assets/slate/special-char-down.svg);

		--comments: url(https://raw.githubusercontent.com/justinikeako/darklingo/2e3ad7e284564c3195656fb7100116373357c510/assets/slate/comments.svg);

		--search: url(https://raw.githubusercontent.com/justinikeako/darklingo/2e3ad7e284564c3195656fb7100116373357c510/assets/slate/search.svg);
		--close: url(https://raw.githubusercontent.com/justinikeako/darklingo/2e3ad7e284564c3195656fb7100116373357c510/assets/slate/close.svg);

		--stories-speaker: url(https://raw.githubusercontent.com/justinikeako/darklingo/43fc25826cfa7bd4f908720ed04e4b5a0cc58d9e/assets/slate/stories-speaker.svg);

		--podcast: url(https://raw.githubusercontent.com/justinikeako/darklingo/86eeb8a05f8b07ebb9b5dd90dc30aeb5fe95a157/assets/slate/podcast.svg);

		--icon-sprite: url(https://raw.githubusercontent.com/justinikeako/darklingo/6e4cd281143fb53bc2bcda4cb4d0ec48fc354dfb/assets/slate/icon-sprite.svg);

		--edit: url(https://raw.githubusercontent.com/justinikeako/darklingo/6d4dde9ce1bb00b4adb08df487ffc0118b0bf8f6/assets/slate/edit.svg);

		--fat-x: url(https://raw.githubusercontent.com/justinikeako/darklingo/937cade9fe995d5bcdc9441ba057b60d68411ff3/assets/slate/fat-x.svg);

		--check-bubble: url(https://raw.githubusercontent.com/justinikeako/darklingo/38655d6499226dc3ba3b42768cb4d6cc60d18708/assets/slate/check-bubble.svg);

		--incubator: url(https://raw.githubusercontent.com/justinikeako/darklingo/ab038b402ccbf290b40ba5aeb83199940bd06e13/assets/slate/incubator.svg);

		--locked-badge: brightness(0.4) contrast(2) brightness(0.4);
		--locked-lesson: brightness(0.475) contrast(1.5) brightness(0.8);
		--locked-story: brightness(0.5) contrast(1.5) brightness(0.8);

		--hover: var(--150);

		--light-translucent-800: #ffffff80;

		--dark-translucent-200: #00000020;
		--dark-translucent-400: #00000040;
		--dark-translucent-600: #00000060;

		--0-overlay: #00000040;

		--brand-gold-light: #e6b400;
		--brand-gold-dark: #e6a100;
		--brand-red: #b33434;
		--brand-orange: #d57d01;
		--brand-purple: #86639d;
		--brand-green: #69ae00;
		--brand-blue: #25789f;

		--green-primary: #aae467;
		--green-secondary: #85d926;
		--green-vivid: #78c800;

		--red-primary: #e87d7d;
		--red-secondary: #e46767;
		--red-vivid: #ff4b4b;

		--custom-color: #1F98D2;
		--custom-color-translucent-light: #1F98D220;
		--custom-color-translucent-medium: #1F98D240;

		--legendary: #a9a1ff;
		--super: #684FFF; /* Slightly different to work better with -100 */
	}


	/* New SVGs (characters and crowns). Ignoring DL++ sprites. */
	[src="//d35aaqx5ub95lt.cloudfront.net/vendor/0172b83513c04cbae78c47adafaf93e7.svg"] {
		background-image: var(--characters);
	}
	[src="//d35aaqx5ub95lt.cloudfront.net/vendor/80a60f598d6a6b0493aeb4d7b93fc0e3.svg"] {
		background-image: var(--characters-color);
	}
	
	._3zucw > span {
		color: var(--super);
	}
	
	/* Nav */
	._3bTT7 {
		background: var(--100);
	}
	._1eTnJ:hover:not(._2IQEn) {
		background: #EEE;
	}
	
	._1adRe ._18W4a, .xtPuL {
		background-color: var(--100) !important;
	}
	
	/* Legendary practice button text */
	._2d9xQ .ZzIVh {
   		color: var(--light-translucent-800);
	}
	
	/* Legendary practice button background */
	._1KUxv {
		background-color: var(--150);
	}
	
	/* Circle progress bar background */
	._2Q9Af > svg > g > path:nth-child(1), 
	._2Q9Af > svg > g > circle {
		fill: var(--600);
	}
	/* Start button text */
	._3l1O1  > a,
	._3ET5m .ZzIVh {
		color: #EEE;
	}


	/* Section Headers */	
	.McRhL > header > h1, /* Green */
	.xf9K- > header > h1, /* Blue */
	._20xW2 > header > h1, /* Fuchsia */
	.klQHM > header > h1, /* Orange */
	._2hnip > header > h1, /* Brown */
	._2sUux > header > h1, /* Lilac */
	.P-rr7 > header > h1, /* Teal */
	.V4o_h > header > h1, /* Azure */
	._2VqHs > header > h1, /* Pink */
	.XooQQ > header > h1, /* Ocra */	
	._2HJFd > header > h1 /* Persimmon */
	{
		color: #FFF;
	}
	/* Gold sections */
	._2IXLF > header > h1,
	._2IXLF > header > *
	{
    	color: var(--path-unit-foreground-color);
	}
	/* Sidebar Headers */
	._3ZuGY > div > h2,
	._3ZuGY > div > div > h2 {
		color: var(--800);
	}
	
	
	/* League/Leaderboards  */
	._2p1op {
		background-color: var(--100);
	}
	
	
	/*** Personal Preferences ***/
	
	/*[[hide-ads]]*/
	/*[[change-font]]*/
	
	/* Fixes border color around questions tiles */
	.M9uPP {
		border-color: var(--200);
	}
	._2-OmZ, ._2-OmZ::before, ._3C_oC {
		box-shadow: 0 0 0 var(--200);
		border-color: var(--200) !important;
		--__internal__border-color: var(--200);
	}

	/* Darkens the Background color for better contrast */
	body,
	input[type=checkbox],
	.eP5n4.BLCtW::before,
	._3xJLZ::before,
	._304vr::before,
	._3C_oC::before,
	._2Smk1::after,
	._3yA12::after,
	.eP5n4::before,
	.VTYcX::before,
	.sub-container,
	.site-wrapper,
	.navbar-inc,
	._33APU,
	._3lUbm,
	._2VrUB,
	._2nHL0,
	._1BneE,
	._1NPyE,
	._3ha9t,
	._2M6NO,
	._1hnzV,
	._2Kxv6,
	._3PnTi,
	._3gK3K,
	._1AUpU,
	._1qYD7,
	._2j1Gc,
	._11zAS,
	._2PVaI,
	._1YNZB,
	._1U1P1,
	._2GPX6,
	._2QKoe,
	._2Dx4v,
	._1lgsd,
	._1zsgz,
	._3wZWk,
	._3f1oK,
	._17s2H,
	._1ISLH,
	._2VmmU,
	._2Skl3,
	._3rgc9,
	._2nLk_,
	._2Y3c_,
	.EEvc9,
	.xzblA,
	.FrL-W,
	.XO-AE,
	.l-V52 {
		background: var(-100) !important;
	}



	/* Faded sides on Perfectly completed lessons */
	._3FFs0, ._3plTW {
		background: linear-gradient(90deg, var(--50), hsla(0, 0%, 100%, 0) 10%, hsla(0, 0%, 100%, 0) 90%, var(--50));
	}

	/* Make the Forum Navlink's backgrounds transparent */
	._26Aq_ {
		background: none;
	}

	/* User profile page */
	._2GPX6 {
		background-color: rgba(0, 0, 0, 0) !important;
	}
	[href="/friend-updates"] > div {
		color: var(--primary);
	}
	[href="/friend-updates"] > div img {
		object-position: -50px 50px;
		background: url(https://raw.githubusercontent.com/ZykeDev/darklingo-addons/main/images/friend-updates.svg);
		width: 42px;
		height: 42px;
		margin-right: 10px;
	}
	

	/* Loading page */
	.DvBxN,
	._3IvEG,
	._3IGQx {
		background-color: var(--50);
		color: var(--primary);
	}

	/* Mistakes practice button  */
	._3shLX {
		--outline-color: var(--200);
		background: #383838;
	}
	._2qIaj  ._3UnyJ {
		--outline-color: var(--200);
	}

	/* Loading button animation background on lesson completion */
	._35QY2,
	._3jIlr,
	.f2zGP {
		background-color: rgba(0, 0, 0, 0);
	}
	
	/* Suggested Stories */
	._3esGm {
		background: var(--50);
	}
	._3esGm > div > div > div {
		color: var(--700);
	}
	.Xzfbf {
		border-color: var(--200);
	}
	
	
	/* Legendary Practice */
	.s2arB:before {
		background-color: var(--600);
	}
	
	/* Lesson Settings */
	._30W3U, .fU1gH, ._1tygj, ._3pCeN {
		background-color: var(--100) !important;
		border-color: var(--200) !important;
	}
	._30W3U {
		border-top-left-radius: 16px; 
	}
	._1tygj {
		border-bottom-left-radius: 16px;
		border-bottom-right-radius: 16px;
	}	
	._1hEOp ._13Rl7 ._3pCeN {
		border-radius: 16px !important;
	}	
}

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

	/*** Duo Strength Extension Fixes  ***/
	/* Darkens the color of strength bars */
	.strengthBarBackground {
		background-color: var(--600);
	}
	.strengthBar {
		opacity: 0.75;
	}
	.strengthValue {
		padding-right: 5px;
		color: var(--50);
	}

	/* Fixes the color of broken skill links */
	.topOfTreeList a,
	.XPTotalAndLevel span {
		color: var(--custom-color) !important;
	}

	/* Fixes greyed out answer texts */
	._2NFt_ {
		color: var(--primary);
	}
	
	/* Fixes Legendary crown in the Crowns panel */
[src="//d35aaqx5ub95lt.cloudfront.net/images/crowns/dc4851466463c85bbfcaaaaae18e1925.svg"] {
		background-image: url(https://d35aaqx5ub95lt.cloudfront.net/images/crowns/dc4851466463c85bbfcaaaaae18e1925.svg);
		background-size: contain;
		background-repeat: no-repeat;
		width: 80% !important;
		height: 80% !important;
	}


	/* Fixes XP Dialog */
	.crownLevelBreakdownContainer,
	.treeLevelSentence,
	.XPBox,
	.checkpointPrediction,
	.treeLevelPrediction {
		color: #A5A5A5 !important;
	}
	#labels {
		fill: #FFF;
	}
	
	
	/* Streak overlay */
	[data-test="streak-panel"]  ._2LOmw > div {
		border-color: var(--200) !important;
	}
	._1HA7Y > div:not([data-test="streak-slide"]) {
		border-color: var(--200);
	}
	._1HA7Y > div:not([data-test="streak-slide"]):after {
    	background-color: var(--200);
	}
	/* Streak after a Lesson */
	._34OQ5 > div {
		background-color: var(--200);
	}
	._34OQ5:last-child div {
		background-color: rgba(0, 0, 0, 0);
	}
	._1BSaR ._34OQ5 > div, /* The bar uses differently named parents for each day */
	._1ZWk9 ._34OQ5 > div,
	.o7Pvz ._34OQ5 > div,
	._3v5DY ._34OQ5 > div,
	._333vE ._34OQ5 > div,
	._1-wq9 > ._34OQ5 > div {
		background-color: rgba(0, 0, 0, 0);
	}
	
	/* Lesson Review */
	.ZMDu5 > div > ._21MzE {
		color: var(--600) !important;
	}
	
	
}