UCSC Dark Mode by row-d

/* ==UserStyle==
@name       UCSC Dark Mode
@version    20250104.05.16
@namespace  ?
==/UserStyle== */

@-moz-document domain("portal.ucsc.cl") {
:root {
	--black: #000000;
	--black2: #161616;
	--white: #ffffff;
	--gray: #808080;
	--gray-dark: #404040;
	--gray-light: #c2c2c2;
	--red: #f33155;
}

@media (prefers-color-scheme: dark) {
	body,
	nav,
	ul,
	.active > a,
	tr,

	.box-titulo-panel,
	.box-notificaciones,
	.mensaje-sin-documentos {
		background-color: var(--black) !important;
		color: var(--white) !important;
	}

	.k-widget,
	.box-titulo-panel,
	.box-notificaciones,
	#componente-documentos-enlaces,
	.opciones-perfil {
		background-color: var(--black2) !important;
		border: 1px solid var(--gray-dark);
		border-radius: .5rem;
	}


	td {
		color: var(--gray) !important;
	}

	th {
		color: var(--gray-light) !important;
	}

	.imagen-usuario {
		filter: invert(1);
	}

	#header {
		margin-bottom: 1.2rem;
	}

	.form-control {
		background-color: var(--black) !important;
		box-shadow: none !important;
		border: none;
	}

	/* Login */
	.container-ingreso {
		background-color: var(--black2) !important;
		box-shadow: none;
	}

	.horario-ramo-nombre {
		color: var(--white) !important;
	}

	.horario-profesor {
		color: var(--red);
	}

	.horario-ubicacion {
		color: var(--gray-light);
	}

	.horario-ramo-mouse {
		background-color: var(--black2) !important;
		color: var(--white) !important;
	}

	.grid-top-vistas,
	.subheader {
		background-color: var(--black) !important;
	}

	.shadow {
		box-shadow: 5px 3px 10px hsl(0, 0%, 19%);
	}
	.box-table {
		background:inherit;
	}
	.table > tbody > tr > td,
	.table > tbody > tr > th,
	.table > tfoot > tr > td,
	.table > tfoot > tr > th,
	.table > thead > tr > td,
	.table > thead > tr > th {
		border-top: var(--gray) !important;
	}

	.horario-dia {
		border-bottom: 1px solid var(--gray) !important;
		border-right: 1px solid var(--gray) !important;
	}

	.table > thead > tr > th {
		border-bottom: 2px solid var(--gray);
	}
	

	.box-app:hover figure, .box-app:hover figure.opened{
		box-shadow: none;
		filter: grayscale(1) blur(0);
	}
	.btn-intranet, .box-notificaciones .titulo-box::before{
		box-shadow: none !important;
	}

}

.iframe-apps {
	filter: invert(1);
}
}