Skip to content

Duolingo Dark Mode by legendsave

Screenshot of Duolingo Dark Mode

Details

Authorlegendsave

LicenseNo License

CategoryApplies to www.duolingo.com

Created

Updated

Size2.1 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Creates Duolingo in a new look, of entirely black.

Notes

Import the code to Stylus, and turn on apply.

Changelog:

5/24/22: Release date of Duolingo Dark Mode*

Source code

/* ==UserStyle==
@name         Duolingo Dark Mode
@version      20220524.21.16
@namespace    userstyles.world/user/legendsave
@description  Creates Duolingo in a new look, of entirely black.
@author       legendsave
@license      No License
==/UserStyle== */

@-moz-document domain("www.duolingo.com") {
._1kJpR._3g2C1 {
 border: 0px none rgb(0, 0, 0);
 background-color: rgb(0, 0, 0);
 background-blend-mode: normal;
}

._3YEom {
 border: 0px none rgb(0, 0, 0);
 background-color: rgb(0, 0, 0);
 background-blend-mode: normal;
}

.Mr3if._2OhdT {
 color: rgb(246, 246, 246);
}

._162DH._3ZuGY {
 background-color: rgb(0, 0, 0);
 background-blend-mode: normal;
 border-color: rgb(112, 105, 105);
 border-width: 5px;
}

.r_uvO._3HNwo {
 color: rgb(255, 252, 252);
}

._1n_Xa._1LpFA {
 color: rgb(255, 247, 247);
}

._3AMOp {
 background-color: rgb(0, 0, 0);
 background-blend-mode: normal;
 border: 1px solid rgb(132, 132, 132);
}

._2gtb0 {
 background-color: rgb(0, 0, 0);
 background-blend-mode: normal;
}

._2O43A._3ZuGY {
 background-color: rgb(18, 12, 12);
 background-blend-mode: normal;
 border-color: rgb(76, 69, 69);
}

._3Ti15 {
 background-color: rgb(0, 0, 0);
 background-blend-mode: normal;
}

._3keoL {
 color: rgb(243, 243, 243);
}

._1rO9I {
 color: rgb(255, 255, 255);
}

._2aSL0 {
 color: rgb(255, 250, 250);
}

._15-md {
 color: rgb(73, 34, 34);
}

.TYyFn._3HNwo {
 color: rgb(180, 146, 146);
}

.Yth9H._3ZuGY {
 color: rgb(60, 60, 60);
 background-color: rgb(0, 0, 0);
 background-blend-mode: normal;
}

._3uC-w {
 background-color: rgb(0, 0, 0);
 background-blend-mode: normal;
}

._1dj9x {
 background-color: rgb(0, 0, 0);
 background-blend-mode: normal;
}

._3f9ou {
 background-color: rgb(0, 0, 0);
 background-blend-mode: normal;
}

.WOZnx._275sd._1ZefG._2X5BQ._2TXAc {
 border-color: rgba(158, 158, 158, 0);
 background-color: rgb(0, 0, 0);
 background-blend-mode: normal;
}

._2PVaI {
 background-color: rgb(0, 0, 0);
 background-blend-mode: normal;
}

#root:nth-child(2) > div:nth-child(1) {
 background-color: rgb(0, 0, 0);
 background-blend-mode: normal;
}
}

Reviews

No reviews yet.