[data-theme="dark"] {
    .login-container h2 {
        color: var(--color-dark) !important;
    }

    .login-container {
        button {
            color: var(--color-dark);
        }
    }

    .google-login {
        background: var(--color-light) !important;
        border-color: var(--color-black) !important;
    }

    .login-footer a::after {
        background-color: var(--color-light) !important;
    }

    .login-footer a {
        background-color: #FFD02C;
        color: var(--color-dark) !important;
        padding: 4px 9px;
        font-size: 12px;
    }

    .login-body input {
        background-color: var(--color-darkgray);
        border: 1px solid var(--border-color) !important;
        color: var(--color-dark);
    }

    .login-form a:hover {
        color: var(--color-black-heading) !important;
    }
    
    .login-container a::after {
        background-color: var(--color-black);
    }

    .login-footer a {
        color: var(--color-black) !important;
    }

    .login-container button {
        border-color: var(--color-black) !important;
    }

    .login-container {
        .seperator {
            background-color: var(--border-color);
        }
    }
}
/* anchor tag hover */
.login-container:hover {
    color: var(--color-darkgray) !important;
}