Garnix Dark Mode by ozwaldorf

/* ==UserStyle==
@name         Garnix Dark Mode
@version      20240517.15.37
@namespace    https://userstyles.world/user/ozwaldorf
@description  Dark mode for https://garnix.io. Simply reverses the color definitions of the page and inverts the logo.
@author       ozwaldorf
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://garnix.io") {
/* reverse colors */
:root {
    --color-white: #000;
    --color-black: #fff;
    --color-stone-50: #1c1917;
    --color-stone-100: #292524;
    --color-stone-200: #44403c;
    --color-stone-300: #57534e;
    --color-stone-400: #78716c;
    --color-stone-500: #a8a29e;
    --color-stone-600: #d6d3d1;
    --color-stone-700: #e7e5e4;
    --color-stone-800: #f5f5f4;
    --color-stone-900: #fafaf9;
    --color-primary-1: #6a6a6a;
    --color-primary-3: #888;
    --color-primary-4: #f2f2f2;
}

/* set default body color, some text doesn't have a default */
body {
    color: var(--color-black);
}

/* fix garnix logo */
a > img {
    filter: invert(1);
}


/* Usage table fixes */
.styles_usageTable__DHNGA a {
    color: var(--color-black);
}

.styles_usageTable__DHNGA tr:nth-child(2n) {
    background: var(--color-primary-1);
}
}