FreeFormatter Dark Mode by Avistella

/* ==UserStyle==
@name           FreeFormatter Dark Mode
@namespace      FreeFormatter Dark Mode | Avistella
@version        1.0.0
@description    Dark mode for FreeFormatter
@author         Avistella
@license        CC-BY-NC-SA-4.0
@preprocessor   stylus

@var color      mbg             "Background"                    "#323232"
@var color      txt             "Text"                          "#e2e2e2"
@var color      lks             "Links"                         "#67dfc2"
@var color      btnsbg          "Buttons background"            "#207c66"
@var color      btnstxt         "Buttons text"                  "#fff"
==/UserStyle== */

@-moz-document domain("freeformatter.com") {
    body, body[data-layout-size="boxed"], .main-content, .footer, .card, .table-striped > tbody > tr:nth-of-type(2n+1) > *, .table > :not(caption) > * > * {
        background-color:mbg;
        color:txt;
    }
    .text-muted {
        color:rgba(txt,.75) !important;
    }
    .table > :not(caption) > * > * {
        box-shadow:none;
    }
    .card-body {
        background-color:mbg !important;
    }
    .card-body {
        border:0 !important;
    }
    .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, #sidebar-menu ul li a:hover i, #sidebar-menu ul li a:hover, .form-control, .output-title, .table {
        color:txt !important;
    }
    .mm-active .active, .mm-active .active i, .mm-active > a, .mm-active > a i {
        color:txt !important;
    }
    
    .breadcrumb-item.active, #sidebar-menu ul li a, #sidebar-menu ul li a i, .form-control::placeholder {
        color:rgba(txt,.65);
    }
    
    .vertical-menu, body[data-topbar="dark"] #page-topbar, .form-control, pre, pre.gw, .form-control:disabled, .form-control[readonly] {
        background-color:darken(mbg,13%);
        color:txt;
    }
    .cronResult.mb-2 {
        background-color:darken(mbg,13%) !important;
        color:txt !important;
    }
    .form-control:focus {
        background-color:darken(mbg,23%);
        color:txt;
    }
    .form-control, .form-control:focus, .table, .table > :not(:first-child) {
        border-color:rgba(txt,.125);
    }
    
    a, #sidebar-menu ul li ul.sub-menu li a, .nav-link {
        color:lks;
    }
    .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
        border-color:lks;
    }
    a:hover, #sidebar-menu ul li ul.sub-menu li a:hover, .nav-link:focus, .nav-link:hover {
        color:txt;
    }
    
    .btn-primary, .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        background-color:btnsbg;
        border-color:btnsbg;
        color:btnstxt;
    }
    .btn-primary:hover {
        background-color:darken(btnsbg,20%);
        border-color:darken(btnsbg,20%);
        color:btnstxt;
    }
    .btn-check:focus + .btn-primary, .btn-primary:focus {
        box-shadow:0 0 0 .15rem rgba(btnsbg,.5)
    }
}