Monkey_quala by yusufadell

/* ==UserStyle==
@name         Monkey_quala
@version      20220109.15.43
@namespace    userstyles.world/user/yusufadell
@description  Behold My Awesome Theme
@author       yusufadell
@license      No License
==/UserStyle== */

/* ==UserStyle==
@name           monkeytype gruvbox dark
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    Gruvbox Dark theme for monkeytype
@author         refact0r
@homepageURL    https://github.com/refact0r/monkeytype-themes
==/UserStyle== */

@-moz-document domain("monkeytype.com") {
/* theme colors */
    * {
        --bg-color: #282828;
        --main-color: #d79921;
        --caret-color: #fabd2f;
        --sub-color: #665c54;
        --text-color: #ebdbb2;
        --error-color: #fb4934;
        --error-extra-color: #cc241d;
        --colorful-error-color: #cc241d;
        --colorful-error-extra-color: #9d0006;
    }
    
    /* background and effects */
    body {
        background-image: url("https://lh3.google.com/u/0/d/1AGXTefpU86h70kMa2h1DE_3RVX6znM_f=w3840-h1960-iv1") !important;
		background-size: cover;
        background-position: center !important;
		overflow: hidden;
        text-shadow: none !important;
    }
	.customBackground {
		transition: backdrop-filter 1s ease !important;
		backdrop-filter: blur(0px) brightness(0.8);
	}
    body[style*="cursor: none"] .customBackground {
        backdrop-filter: blur(5px) brightness(0.6);
    }
    
    /* text shadow */
    .word.error {
        text-shadow: 1px 1px 3px #00000050 !important;
    }
    
    /* change logo text */
    #top .logo .text .top:after {
        content: ' Yusuf' !important;
    }
    #top .logo .text:after {
        content: 'Yusuf' !important;
    }
    
    /* change menu icon colors */
    .view-start {
        color: #FB4934;
    }
    .view-leaderboards {
        color: #FABD2F;
    }
    .view-about {
        color: #B8BB26;
    }
    .view-settings {
        color: #83A598;
    }
    .view-account {
        color: #D3869B;
    }
    #menu > *:hover {
        color: var(--text-color) !important;
    }
}