Duolingo Black Theme

/*
    To use this, you need to download the stylus extension off of your browser (don't download the stylish extension as that contains spyware). You can get this extension here: https://addons.mozilla.org/en-US/firefox/addon/styl-us/ or https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne?hl=en


    After you download that extension, click on it at the top right of your browser then click "manage". It will pop up a window which you can then click on "Write new style" (located on the left side of the screen) and paste the css into the the text area. Make sure you click on the + sign at the bottom and add the website URL(s) so that it only applies there and not everywhere else. Otherwise you will just get messed up webpages everywhere else you go. After you are done with that, click save and it should work.


Here are all of the pages you will need to add:
- https://www.duolingo.com/


Images: https://vgy.me/album/Y8Xs1q6T


If you want to contact me, add me on discord at Psykek#3180 or join the discord: https://discord.gg/5e2tv45
*/

#root > div {
    background-color: #000;
}
html {
    background-color: #000;
}
._6t5Uh {
    background: rgba(22,22,22,0.8) linear-gradient(180deg,#050505,rgba(22,22,22,0.8)) repeat-x;
    background-color: rgba(22,22,22,0.8);
    background-color: rgba(22,22,22,0.8);
    box-shadow: 0 3px 5px rgba(22,22,22,0.8);
    color: #666;
    font-size: 15px;
    font-weight: 500;
    height: 70px;
}
._2s5Eb {
    filter: invert(70%)
}
._2QyU5 {
    color: #666;
}
.uWoNt {
    background-color: #000;
    color: #999;
}
._2QyU5:hover {
    color: #999;
    background-color: #070707
}
._227ZB {
    color: #666;
}
._3SHvM {
    filter: invert(100%);
}
._2n758 {
    filter: invert(100%);
}
._3wurl {
    filter: invert(100%);
}
._1hK8e {
    filter: grayscale(100%);
    opacity: 0.3;
}
._2Q3-3 {
    background-color: #080808;
    border-color: #080808;
}
._2hEQd {
    background-color: #080808;
    border-color: #080808;
}
.aFqnr {
    background-color: #080808;
    border-color: #080808;
}
.nh1S1 {
    color: #000;
}
.-X3R5 {
    background-color: #080808;
    border-color: #080808;
}
._21w25 {
    background-color: #080808;
    border-color: #080808;
}
._3Ttma circle {
    fill: #000;
    stroke: #151515;
}
._1wV8Y {
    filter: invert(100%)
}
._3FQrh {
    background-color: #000;
    color: #666;
}
._3FQrh:hover {
    background-color: #020202;
    color: #999;
}
._2Zf7W img {
    filter: invert(60%);
}
._2G3uv {
    border-top-color: #333;
}
._3dUJi {
    background-color: #333;
    color: #333;
    border-color: #333;
}
._2SCNP {
    background-color: #080808;
    border-color: #080808;
}
tspan {
    fill: #666;
}
._2LNlu {
    filter: invert(60%);
}
._2_lzu ._1E3L7 {
    background-color: #080808;
    border-color: #080808;
}
._2kA5V .yXIVb {
    background-color: #000;
    border-radius: 20px;
    color: #999;
}
.yXIVb:hover {
    color: #999;
    background-color: #050505;
    border-radius: 20px;
}
._1-PLN {
    background-color: #000;
    border-color: rgb(255,122,0);
}
._1-PLN span {
    color: rgb(255,122,0);
}
._1Wiz2 {
    background-color: #000 !important;
    border-color: rgb(255,122,0) !important;
    display: none;
}
._1k6Su {
    display: none;
}
._386Rr {
    border-color: #666;
}
._2arQ0 {
    background-color: #000;
    color: #666;
}
._2arQ0:hover {
    background-color: #000;
    color: #999;
}
._2kWK0 {
    color: #444;
}
._3Lwfw {
    filter: brightness(50%);
}
.OSaWc {
    background: #000;
    color: #3c3c3c;
    display: none;
    padding: 10px 0;
}
a._3sWvR:hover {
    background-color: #050505;
    color: #999;
}
span._3sWvR:hover {
    background-color: #050505;
    color: #999;
}
._20LC5 {
    background-color: #000;
}
._2kNgI {
    background-color: #000;
    color: #666;
}
._2kNgI:hover {
    background-color: #050505;
    color: #666;
}
._2uBp_:hover {
    background-color: #050505;
    color: #999;
}
._3Um6V {
    background-color: #101010;
    border-radius: 0px;
}
._2N4rR {
    border-color: #666;
    color: #666;
}
._2YLlC {
    opacity: 0.5;
}
._3hso2 {
    border-color: #666;
}
._2_lzu .a5SW0 {
    background-color: #080808;
    border-color: #080808;
}
._39kLK {
    background-color: #101010;
}
._2CkkF {
    filter: invert(100%)
}
.CbIv7 > ul ._3arKS {
    border-color: #131313;
}
.CbIv7 div ._3arKS {
    border-color: #131313;
}
._1zuqL {
    background-color: #000;
}
._1sntG {
    background-color: #000;
}
._28JSG {
    background-color: #505050 !important;
    color: #505050 !important;
}
._3bUIN {
    border-color: #444;
}
._3WbPm {
    background-color: #080808;
    border-color: #080808;
}
.MAF30 {
    background-color: #101010;
}
.JnmAc {
    background-color: #101010;
    color: #666;
}
._1mSJd {
    background-color: #202020;
    color: #999;
}
._3NfAi {
    border-color: #101010;
}
._2Hv7w {
    background-color: #101010;
}
._3B1cY {
    background: #101010;
    color: #999;
    position: relative;
}
._7q434 {
    background-color: #080808;
}
._1l6NK {
    background-color: #080808 !important;
    border-radius: 30px;
}
._3nzjY {
    filter: invert(100%);
    margin-left: -90px
}
._1cuVQ {
    filter: invert(100%);
}
._2yH8S {
    filter: invert(100%);
}
._1Juqt {
    background-color: #080808 !important;
}
.JnmAc:hover {
    background-color: #202020;
    color: #999;
}
._1bv61 {
    display: none;
}
._1ePWu {
    background-color: #202020;
}
.Yd1hn > ._3zjVe {
    background-color: #080808;
    color: #666;
}
td {
    background-color: #080808;
    border-color: #101010 !important;
}
span._2xYtL {
    color: #666;
}
.NYMhm {
    background-color: #080808;
}
._2Aw8b {
    background-color: #080808;
}
._2RKnZ {
    filter: invert(1);
}
._1wqXR {
    background-color: #f1f1f1;
}
._2lNnm {
    background-color: #f1f1f1;
}
._2gUgG ._3GbZw {
    background-color: #f4f4f4;
}
._2gUgG ._1wqXR {
    background-color: #f4f4f4;
}
._3n2W1 .highlighted {
    color: rgb(170,32,32);
}
._2lNnm {
    color: rgb(130,127,127);
}
.m3TBY {
    filter: invert(1);
}
.sxmhN {
    background-color: #000;
}
.zAm0Z {
    background-color: #101010;
    border-color: #101010;
}
span .rub9K {
    color: #999;
}
div > ._2YSlE .rub9K {
    color: #999;
}
._2qQha {
    background-color: #151515;
}
._1KW3f:hover {
    background-color: #101010;
}
._2953n {
    background-color: #EFEFEF;
    filter: invert(1);
}
._3Ge_V {
    background-color: #080808;
}
._2ksbn {
    color: #444;
}
._3gRs1 {
    color: #666;
}
.YULi7 {
    background-color: #080808;
}
._1Kxv- {
    color: #444;
}
._2gvA1 {
    color: #666;
}
._1mSJd.jkMDT {
    background-color: #1e1e1e;
}
._2GNNM .a-Y8L {
    background-color: #101010;
}
._2GNNM {
    border-color: #101010;
}
._1Wuie {
    border-color: #101010;
}
._1-PLN ._3EaeX {
    filter: invert(1);
}
.zhmTq {
    filter: invert(1);
}
._1-PLN ._3pcg6 {
    filter: invert(1);
}
._1-PLN {
    border-color: rgb(255,73,0) !important;
}