deemixer/public/css/modules/base.css

/* Normalizing */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	font-size: 16px;
}

:root {
	--main-background: #ffffff;
	--secondary-background: #eeeeee;
	--main-text: #333333;
	--main-scroll: #555;
	--panels-background: #222324;
	--panels-text: #ffffff;
	--panels-scroll: #2a2c2c;
	--accent-color: #0a84ff;
	--accent-text: #ffffff;
	--tag-background: #0062c4;
	--tag-text: #ffffff;
	--toast-background: #000000dd;
	--toast-secondary: #ffffff22;
	--toast-text: #ffffffde;
}

/* Add to body to switch to dark mode */
.dark-theme {
	--main-background: #141414;
	--secondary-background: #242424;
	--main-text: #eeeeee;
	--panels-background: #1a1a1a;
	--panels-text: #ffffff;
}

html {
	height: 100%;
}

body {
	margin: 0px;
	width: 100%;
	height: 100%;
	font-family: 'Open Sans';
	overflow: hidden;
	background-color: var(--main-background);
	color: var(--main-text);
}

#main_content {
	margin-left: 48px;
	width: calc(100% - 48px);
	height: 100%;
	display: flex;
}