/* Set dark theme if system default */

@media (prefers-color-scheme: dark) {
	:root {
		--accent-color: #54B36D;

		--ripple-color: #ffffff33;
		--ripple-accent-color: #54B36D1F;
		--ripple-on-primary: var(--ripple-color);

		--scrollbar-color: #54B36D99;
		--scrollbar-hover-color: #54B36DCC;
		
		--mdc-switch-selected-track-color: #54B36D3D;

		--mdc-theme-background: #212121;
		--mdc-theme-surface: #212121;
		--mdc-theme-error: #CF6679;
		--mdc-theme-on-primary: #000;
		--mdc-theme-on-secondary: #000;
		--mdc-theme-on-surface: #fff;
		--mdc-theme-on-error: #000;
		--mdc-theme-text-primary-on-background: rgba(255, 255, 255, .87);
		--mdc-theme-text-secondary-on-background: rgba(255, 255, 255, .54);
		--mdc-theme-text-hint-on-background: rgba(255, 255, 255, .38);
		--mdc-theme-text-disabled-on-background: rgba(255, 255, 255, .38);
		--mdc-theme-text-icon-on-background: rgba(73, 17, 17, .38);
		--mdc-theme-text-primary-on-light: rgba(255, 255, 255, .87);
		--mdc-theme-text-secondary-on-light: rgba(255, 255, 255, .54);
		--mdc-theme-text-hint-on-light: rgba(255, 255, 255, .38);
		--mdc-theme-text-disabled-on-light: rgba(255, 255, 255, .38);
		--mdc-theme-text-icon-on-light: rgba(255, 255, 255, .38);

		--mdc-checkbox-unchecked-color: rgba(255, 255, 255, .54);
		--mdc-checkbox-disabled-color: rgba(255, 255, 255, .38);
		
		--mdc-ripple-color: var(--mdc-theme-on-surface);
	}

	.mdc-top-app-bar {
		background-color: #2C2C2C;
	}

	::-webkit-scrollbar {
		background-color: transparent;
	}

	/* Components custom styles */

		/* Dark theme fix */

		.mdc-data-table {
			border-color: rgba(255, 255, 255, .12);
		}

		.mdc-data-table__row:not(.mdc-data-table__row--selected):hover {
			background-color: rgba(255, 255, 255, .04);
		}

		.mdc-data-table__cell, .mdc-data-table__header-cell {
			border-bottom-color: rgba(255, 255, 255, .12);
		}

		/* Dark theme fix */

	/* Components custom styles */
}

/* Set dark theme if system default */

/* Remove Theme Switcher */

#theme {
	display: none;
}

/* Remove Theme Switcher */

/* Visually normalize codeblocks' extra tabs. */

main .codeblock pre {
	overflow: hidden;
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 0;
	margin-top: 0;
	margin-bottom: 0;
}

main .codeblock pre code {
	display: block;
	margin-left: -15.4rem;
	overflow: auto;
	padding-right: 1em;
}

/* Visually normalize codeblocks' extra tabs. */

/* Remove color from codeblocks */

code[class*="language-"]:not(#specificityHack),
pre[class*="language-"]:not(#specificityHack) {
	color: #f8f8f2;
}

/* Remove color from codeblocks */