/* ==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" << 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; } }