Hotmaths Dark Mode by louis469

/* ==UserStyle==
@name           www.hotmaths.com.au - 03/08/2022, 16:37:15
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */
@-moz-document domain("www.hotmaths.com.au") {
    @import url('https://fonts.googleapis.com/css2?family=Silkscreen&display=swap');
    @import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');

    body,
    p,
    span,
    a {
        font-family: 'Silkscreen';
        color: #ffffff;
    }
    
    .head-msg-cont {
        color: #fff;
        background-color: #33333360;
        filter: invert(0%);
    }

    #pathways {
        filter: invert(77%);
        background-color: #33333360;
        color: #ffffff
    }
    
    .pw-title-name {
        font-family: 'Press Start 2P'
    }

    .main-page,
    .cont-body,
    .page,
    .feedback-blk {
        background-color: #33333360;
        backdrop-filter: blur(5px);
        width: 100%
    }

    .pw-content::before {
        content: none;
    }

    .pw-content::after {
        content: none;
    }

    .main-page::before {
        content: none;
    }

    .pw-step-title {
        filter: invert(100%)
    }

    .appBar-menu-right {
        filter: invert(100%)
    }


    input {
        font-family: 'Press Start 2P'
    }

    img {
        filter: invert(100%)
    }
}