Removes clutter and adverts to focus more on lessons
Duolingo: Remove Distractions by Freeplay
Imported and mirrored from https://git.gay/freeplay/UserStyles/raw/branch/wah/duolingo/remove-distractions.user.css
Details
AuthorFreeplay
LicenseNo License
CategoryDuolingo
Created
Updated
Size1.8 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Recommended to use with an ad blocker
Source code
/* ==UserStyle==
@name Duolingo: Remove Distractions
@version 1.0.0
@description Removes clutter and adverts to focus more on lessons
@namespace Freeplay
@author Freeplay (https://freeplay.floof.company/)
@homepageURL https://git.gay/freeplay/UserStyles
@supportURL https://git.gay/freeplay/UserStyles/issues
==/UserStyle== */
@-moz-document domain("www.duolingo.com") {
/* left sidebar */
[style="z-index: 210;"] {
border-right: none;
}
[href="/leaderboard"],
[href="/quests"],
[href="/shop"],
[href="/practice-hub"],
[href="/learn"] + div > div:first-child, /* sidebar in guidebook */
[style*="--sidebar-offset"] /* sidebar */
{
display: none
}
button:has([src="https://d35aaqx5ub95lt.cloudfront.net/images/hearts/4f3842c690acf9bf0d4b06e6ab2fffcf.svg"]) /* Unlimited Hearts option */
{
display: none;
}
/* make no buttons the only clickable thing */
[data-test="notification-drawer-no-thanks-button"],
[src="https://d35aaqx5ub95lt.cloudfront.net/images/eab997f62389175bd43e8ea688bbf09d.svg"],
[data-test="practice-hub-ad-no-thanks-button"],
[data-test="plus-no-thanks"] {
position: fixed;
inset: 0;
height: 100%;
background: brown;
color: white !important;
font-size: 24px !important;
z-index: 2;
border-radius: 0 !important;
border: none !important;
box-shadow: none !important;
margin: 0 !important;
}
/* Make end of session buttons the only thing visible */
div:has([href="https://support.duolingo.com/hc/en-us/articles/115005407166-How-can-I-disable-my-ad-blocker-to-support-Duolingo-"]) + div > [id="session/PlayerFooter"] {
position: fixed;
inset: 0;
height: 100%;
max-height: 100%;
display: flex;
align-items: center;
}
}