snowfl dark by aruncveli

/* ==UserStyle==
@name           snowfl dark
@namespace      github.com/aruncveli/userstyles
@version        25.1.13
@description    Dark theme for snowfl
@author         Arun Chandanaveli <aruncveli@gmail.com> (https://github.com/aruncveli)
@homepageURL    https://github.com/aruncveli/userstyles
@supportURL     https://github.com/aruncveli/userstyles/issues
@license        MIT
@preprocessor   default
@var color fg "Foreground" white
@var color bg "Background" black
@var color bg1 "Background lightened 1" #111
@var color bg2 "Background lightened 2" #222
@var color link-color "Link" #0b84ff
==/UserStyle== */

@-moz-document domain("snowfl.com") {
	:root {
		color-scheme: dark;
	}

	a,
	a:hover {
		color: var(--link-color);
	}

	body {
		color: var(--fg);
		background-color: var(--bg);
	}

	.navbar {
		background: var(--bg);
		border: none;
	}

	.form-control {
		color: var(--fg);
		background-color: var(--bg1);
		&,
		&:focus {
			border-color: var(--bg1);
		}
		&::placeholder {
			color: unset;
		}
		&:focus {
			background-color: var(--bg2);
			box-shadow: unset;
		}
		&[disabled] {
			background-color: var(--bg2);
		}
		option,
		optgroup {
			background-color: var(--bg);
		}
	}

	.btn-default {
		color: var(--fg);
		background: var(--bg1);
		border-color: var(--bg1);
		&:hover,
		&:focus,
		&:active,
		&:active:hover,
		&:active:focus,
		&[disabled],
		&[disabled]:hover {
			color: unset;
			background: var(--bg2);
		}
		&:active:focus {
			outline: unset;
		}
	}

	.btn:focus {
		outline: unset;
	}

	img.spinner {
		filter: invert(1);
	}

	#newsfeed {
		background: bg !important;
		color: var(--fg) !important;
		a {
			color: var(--fg) !important;
		}
	}
}