El Racó Dark Mode by rdvdev2

/* ==UserStyle==
@name         El Racó Dark Mode
@version      20220329.08.15
@namespace    userstyles.world/user/rdvdev2
@description  El Racó de la FIB (UPC), però sense cremar-te els ulls cada cop que l'obres per la nit.
@author       rdvdev2
@license      GPL-3
==/UserStyle== */

@-moz-document domain("raco.fib.upc.edu") {
#page {
    background-color: black;
    background-image: none
}

.dintre .avis {
    background-color: black;
    color: white
}

.dintre .avisos a {
    color: lightblue
}

a:link,
a:visited {
    color: lightblue
}

.caixa .dintre {
    background-color: black
}

ul li span.data {
    color: white
}

div.cap {
    backdrop-filter: invert(1)
}

.cap .usuari {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.dintre .text h4 a:link,
.dintre .text h4 a:visited {
    color: red
}

.dintre .text.avisos h4 span.grups {
    color: white
}

.assig_atenea {
    background: black;
    border: 1px solid white
}

.dintre .text h4.rss_title {
    color: white
}

.dintre .text ul li {
    color: white;
    background-image: url('https://github.com/material-icons/material-icons-png/blob/master/png/white/arrow_right/outline.png?raw=true');
    background-position: -0.5em 0
}

.caixa .dintre h3 {
    color: white;
    background-color: black;
    background-image: none
}

.contingut_home .usuari .dintre,
.contingut_home .usuari .degradat,
.contingut_home .usuari .degradatesq,
.contingut_home .usuari .degradatdre {
    background: black;
}

div.usuari {
    border: 1px solid white;
    border-radius: 4.8px
}

p {
    color: white
}

h4 {
    color: white
}

.foto {
    background: black;
}

.cap .usuari .pestanya_usuari {
    background: black;
}
.nom a:link,
.nom a:visited {
    color: white
}

div#barra ul#eines {
    background: black;
}

ul#eines li a {
    background: red;
    border-radius: 4.8px;
}

ul#eines li a img {
    filter: contrast(100);
    width: 19px;
    height: 15px;
}

.usuari .sortir {
    background: red;
    border-radius: 4.8px;
}

.usuari .assignatures ul li {
    background: url('https://raco.fib.upc.edu/racoEstatic/img/white_bullet.png') left 0.3em no-repeat
}

.calendari td {
    background: black;
    color: white;
    border: 1px solid white
}

.calendari td.calendariDies {
    background: black;
    font-weight: normal;
    border-style: none
}

.calendari td.coses {
    background: rgb(57, 57, 57);
    font-weight: normal
}

.calendari td.festa {
    background: rgb(36, 36, 36) !important;
    font-weight: normal
}

.calendari a {
    color: white;
    font-weight: bold;
    text-decoration: underline
}

.calendari td.calendariNomMes {
    background: black;
    color: white
}

.calendari td.calendariDiaSetmana {
    background: black;
    border-style: none;
    color: white;
}

.calendari a.seguent {
    background-image: url('https://github.com/material-icons/material-icons-png/blob/master/png/white/arrow_right/outline.png?raw=true')
}

.calendari a.anterior {
    background-image: url('https://github.com/material-icons/material-icons-png/blob/master/png/white/arrow_left/outline.png?raw=true')
}

tbody {
    border: 1px solid white
}

#nav li,
#nav li.sel,
#nav li.hover,
#nav ul.subnav {
    background: black;
    border-color: white;
}

#nav li {
    border-bottom: 1px solid white
}

#nav li.sel,
#nav li.hover {
    border-bottom: none
}

#nav ul.subnav {
    border-bottom-left-radius: 4.8px;
    border-bottom-right-radius: 4.8px
}

#nav a,
#nav ul.subnav li a,
#nav ul.subnav li a:hover {
    color: white
}

#nav a.home {
    background-image: url('https://github.com/material-icons/material-icons-png/blob/master/png/white/home/baseline.png?raw=true')
}

input#camp_cerca {
    background: black;
    border: 1px solid white;
    border-radius: 0;
    border-top-left-radius: 4.8px;
    border-bottom-left-radius: 4.8px;
    border-right-style: none
}

.cap .buscar button {
    background-color: white;
    border: 1px solid white;
    border-radius: 0;
    border-top-right-radius: 4.8px;
    border-bottom-right-radius: 4.8px;
    border-left-style: none;
    top: 0;
    height: 1.95em
}

.buscar .ui-state-default .ui-icon {
    background-image: url('https://github.com/material-icons/material-icons-png/blob/master/png/black/search/baseline.png?raw=true');
    background-position: 0 0;
    background-size: 1.5em
}

select#tipus_cerca {
    background: none;
    color: white;
    border: 1px solid white;
    border-radius: 4.8px;
}

.contingut {
    background: black
}

.contingut .title-section h1 {
    background: black;
    color: white;
    border-width: 1px
}

.contingut .dintre_contingut,
.form {
    background: black;
    color: white
}

.form {
    border: 1px solid white;
    border-radius: 4.8px;
    margin-bottom: 10px
}

.form .label {
    color: white
}

.form input {
    background: black;
    color: white;
    border: 1px solid white;
    border-radius: 4.8px
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: white
}

button.ui-state-default {
    background: teal;
    color: white;
    border: 0px;
    border-radius: 4.8px
}

.menu ul li a,
ul li a:link,
ul li a:visited {
    color: white;
}

.menu ul li a:hover {
    color: white
}

.dintre .text .avui_tens ul li {
    color: lightblue;
    background-image: url('https://github.com/material-icons/material-icons-png/blob/master/png/white/schedule/outline.png?raw=true');
    background-size: auto 30%
}

.dintre .text .avui_tens ul li span.hora {
    color: white
}

li.futur a {
    text-decoration-line: none
}

li.futur a:hover {
    text-decoration-line: underline
}

.events li .hora {
    background-image: url('https://github.com/material-icons/material-icons-png/blob/master/png/white/schedule/outline.png?raw=true');
    background-size: auto 72%
}

.events h4.majus,
.avui_tens h4.majus {
    color: red
}

a.more,
a.mes {
    background-image: url('https://github.com/material-icons/material-icons-png/blob/master/png/white/add_circle_outline/outline.png?raw=true');
    background-size: auto 72%
}

.assig_atenea ul.links_atenea li {
    background-image: none
}

a.rss img {
    content: url('https://github.com/material-icons/material-icons-png/blob/master/png/white/rss_feed/outline.png?raw=true');
    height: 1.25em
}

a.ical img,
a.rss img[src$="calendar.png"] {
    content: url('https://github.com/material-icons/material-icons-png/blob/master/png/white/calendar_today/outline.png?raw=true');
    height: 1.15em
}

p.msg_atenea {
    content: url('https://atenea.upc.edu/pluginfile.php/1/core_admin/logocompact/0x70/1644473492/Head-SimbolATENEA-Blau.png');
    height: 2em;
    filter: brightness(100)
}

body {
    background: black
}

#footer {
    background: black;
    border-top: 1px solid white
}

.fitxa_assignatura {
    background: black
}

.responsable .nom a:link,
.delegat .nom a:link {
    color: lightblue
}

.responsable .email a:link,
.delegat .email a:link {
    color: white;
    background-image: url('https://github.com/material-icons/material-icons-png/blob/master/png/white/email/outline.png?raw=true');
    background-size: 1.5em
}

.quicklinks_assig a.syllabus {
    background-image: url('https://github.com/material-icons/material-icons-png/blob/master/png/white/menu_book/outline.png?raw=true');
    background-size: 1.5em
}

.quicklinks_assig p.examen {
    background-image: url('https://github.com/material-icons/material-icons-png/blob/master/png/white/calendar_today/baseline.png?raw=true');
    background-size: 1.5em
}

.assig_bottom {
    border: none;
    border-top: 1px solid white
}

.link_assig {
    background: black;
}

.assig_bottom .assig_atenea {
    border: none;
    border-top: 1px solid white
}

a.external {
    background-image: url('https://github.com/material-icons/material-icons-png/blob/master/png/white/launch/baseline.png?raw=true');
    background-size: 1.5em
}

.caixa .dintre .text.fitxa_assignatura h2 {
    color: white
}

.contingut .title-section.assig h1 {
    background: black
}

div.ariadna {
    color: white
}

ul.greybullet li {
    background-image: url('https://github.com/material-icons/material-icons-png/blob/master/png/white/arrow_right/baseline.png?raw=true');
    background-position: -0.5em
}

.avisos li p:first-child + p {
    background: black !important;
    color: white !important;
    border: 1px solid white;
    border-radius: 4.8px
}

.filtre {
    background: black;
    border-bottom-left-radius: 4.8px !important;
    border-bottom-right-radius: 4.8px !important;
}

.filtre_label {
    color: white
}

.filtre select {
    background: black;
    color: white;
    border: 1px solid white;
    border-radius: 4.8px
}

.filtre a img {
    content: url('https://github.com/material-icons/material-icons-png/blob/master/png/white/edit/baseline.png?raw=true');
    height: 1.25em;
}

.ui-dialog .ui-dialog-content {
    background: black
}

.ui-widget-header {
    background: black;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid white
}

.ui-widget-content {
    background: black
}

.ui-widget-content .ui-button {
    background: teal;
    color: white;
    border: none;
    border-radius: 4.8px
}

.menu li.sel a {
    color: white
}

div.submenu ul {
    background: black;
    border: 1px solid white;
    border-radius: 4.8px !important
}

div.submenu ul li.active {
    background: black;
    border: 1px solid white;
    border-radius: 4.8px !important;
}

div.submenu ul li a {
    color: white
}

div.submenu ul li:hover,
div.submenu ul li.active:hover {
    background: black;
    text-decoration: underline
}

.ui-icon.ui-icon-circle-triangle-e {
    background-image: url('https://raco.fib.upc.edu/racoEstatic/img/jquery-ui/ui-icons_ffffff_256x240.png')
}

img[src*="raco.fib.upc.edu/imatges/coordenades"] {
    filter: invert(1)
}

.contingut table:not(.horari_petit_taula):not(.no_zebra) tbody tr:nth-child(2n) td {
    background: black
}

td {
    background: black
}

.calendari td.avui {
    background: t...