Skip to content

El Racó Dark Mode (modified) by andmas199

Write a review Install Get Stylus

Details

Authorandmas199

LicenseGPL-3

CategoryRacó

Created

Updated

Size13 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Tweaks to El Racó Dark Mode by rdvdev2

Notes

Changed some colors and fixed the background image.
Forums still don't work

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
/* ==UserStyle==
@name         El Racó Dark Mode
@version      20220328.11.20
@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: #1c1f22;
    background-image: none
}

.post-attachments {
    background-color: #1c1f22;
    background-image: none
}
.dintre .avis {
    background-color: #1c1f22;
    color: #cfcfcf
}
.cos_forum{
        color: #cfcfcf;
        background: #1c1f22;

}
    #forum td.catleft, #forum td.catright {
        background-color: #1c1f22;
    }
    #forum .maintitle {
        color: #cfcfcf
    }
    
    #forum .nav {
        color: #cfcfcf
    }
    #forum th {
        color: #cfcfcf
    }

#forum .info_post{
    background: #1c1f22;
    color: #cfcfcf
    
}

    #forum .postinfo {
        color: #cfcfcf
    }
    
    #forum .post_cos{
        background: #1c1f22
    }

.dintre .avisos a {
    color: #2e7e99
}

a:link,
a:visited {
    color: #2e7e99
}

.caixa .dintre {
    background-color: #1c1f22
}

ul li span.data {
    color: #cfcfcf
}

div.cap {
    backdrop-filter: invert(0);
        z-index: 100
}

.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: #a22e2e
}

.dintre .text.avisos h4 span.grups {
    color: #cfcfcf
}

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

.dintre .text h4.rss_title {
    color: #cfcfcf
}

.dintre .text ul li {
    color: #cfcfcf;
    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: #cfcfcf;
    background-color: #1c1f22;
    background-image: none
}

.contingut_home .usuari .dintre,
.contingut_home .usuari .degradat,
.contingut_home .usuari .degradatesq,
.contingut_home .usuari .degradatdre {
    background: #1c1f22;
}

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

p {
    color: #cfcfcf
}

h4 {
    color: #cfcfcf
}

.foto {
    background: #1c1f22;
}

.cap .usuari .pestanya_usuari {
    background: #1c1f22;
}
.nom a:link,
.nom a:visited {
    color: #cfcfcf
}

div#barra ul#eines {
    background: #1c1f22;
}

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

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

.usuari .sortir {
    background: #a22e2e;
    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: #1c1f22;
    color: #cfcfcf;
    border: 1px solid #cfcfcf
}

.calendari td.calendariDies {
    background: #1c1f22;
    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: #cfcfcf;
    font-weight: bold;
    text-decoration: underline
}

.calendari td.calendariNomMes {
    background: #1c1f22;
    color: #cfcfcf
}

.calendari td.calendariDiaSetmana {
    background: #1c1f22;
    border-style: none;
    color: #cfcfcf;
}

.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 #cfcfcf
}

#nav li,
#nav li.sel,
#nav li.hover,
#nav ul.subnav {
    background: #1c1f22;
    border-color: #cfcfcf;
}

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

#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: #cfcfcf
}

#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: #1c1f22;
    border: 1px solid #cfcfcf;
    border-radius: 0;
    border-top-left-radius: 4.8px;
    border-bottom-left-radius: 4.8px;
    border-right-style: none
}

.cap .buscar button {
    background-color: #cfcfcf;
    border: 1px solid #cfcfcf;
    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: #cfcfcf;
    border: 1px solid #cfcfcf;
    border-radius: 4.8px;
}

.contingut {
    background: #1c1f22
}

.contingut .title-section h1 {
    background: #1c1f22;
    color: #cfcfcf;
    border-width: 1px
}

.contingut .dintre_contingut,
.form {
    background: #1c1f22;
    color: #cfcfcf
}

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

.form .label {
    color: #cfcfcf
}

.form input {
    background: #1c1f22;
    color: #cfcfcf;
    border: 1px solid #cfcfcf;
    border-radius: 4.8px
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #cfcfcf
}

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

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

.menu ul li a:hover {
    color: #cfcfcf
}

.dintre .text .avui_tens ul li {
    color: #2e7e99;
    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: #cfcfcf
}

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: #a22e2e
}

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: #1c1f22
}

#footer {
    background: #1c1f22;
    border-top: 1px solid #cfcfcf
}

.fitxa_assignatura {
    background: #1c1f22
}

.responsable .nom a:link,
.delegat .nom a:link {
    color: #2e7e99
}

.responsable .email a:link,
.delegat .email a:link {
    color: #cfcfcf;
    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 #cfcfcf
}

.link_assig {
    background: #1c1f22;
}

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

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: #cfcfcf
}

.contingut .title-section.assig h1 {
    background: #1c1f22
}

div.ariadna {
    color: #cfcfcf
}

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: #1c1f22 !important;
    color: #cfcfcf !important;
    border: 1px solid #cfcfcf;
    border-radius: 4.8px
}

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

.filtre_label {
    color: #cfcfcf
}

.filtre select {
    background: #1c1f22;
    color: #cfcfcf;
    border: 1px solid #cfcfcf;
    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: #1c1f22
}

.ui-widget-header {
    background: #1c1f22;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #cfcfcf
}

.ui-widget-content {
    background: #1c1f22
}

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

.menu li.sel a {
    color: #cfcfcf
}

div.submenu ul {
    backgroun...

Reviews

No reviews yet.