Optifine - Dark Mode by xiggi

/* ==UserStyle==
@name           Optifine - Dark Mode
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    Dark theme for Optifine website.
@author         Me
==/UserStyle== */

@-moz-document domain("optifine.net") {
    :root {
        --main-bg: rgb(12, 12, 12);
        
        --second-bg: rgb(21, 21, 21);
        --second-bg-opacity: rgba(21, 21, 21, .5);
        
        --dark: rgba(0, 0, 0, .8);
        --gray: #090808;
        --third-gray: #191717;
        --blue: #4259c4
    }
    
    body {
        background: var(--main-bg);
        color: #ccc;
    }
    
    a:link, a:visited {
        color: #fff;
    }
    
    a:hover, a:active {
        color: var(--blue);
        transition: 0.2s;
    }
    
.header {
        background-image: url("https://content.invisioncic.com/r268468/monthly_2018_10/Vintage_story_Causeway001.jpg.c111b062a12d4021f8d110dcf283627c.jpg") !important;
        background-color: var(--dark) !Important;
}
    
    .headerNav {
        background: transparent;
    }
    
.headerNav A:hover {
    background-color: var(--blue);
    color: #fff;
    transition: 0.2s;
    text-decoration: none;
}
    
.tableRoot {
    margin: 0 auto;
    min-width: 850px;
    background-color: var(--second-bg);
    box-shadow: 0px 0px 20px transparent;
    border: 0px solid var(--third-bg);
    border-spacing: 0;
}
    
::-webkit-scrollbar {
  width: 5px;
  height: 8px;
  background-color: var(--main-bg); 
}

::-webkit-scrollbar-thumb {
  background: #777;
}
    
}