☰

Prado Oscuro

Script que permite utilizar la plataforma de Prado UGR en modo oscuro, para mejorar la visualización. ¡Sólo cambios estéticos!

// ==UserScript==
// @name         Prado Oscuro
// @namespace    http://tampermonkey.net/
// @version      0.1.0
// @description  Script que permite utilizar la plataforma de Prado UGR en modo oscuro, para mejorar la visualización. ¡Sólo cambios estéticos!
// @author       José de los Ríos
// @match        https://pradogrado2526.ugr.es/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=ugr.es
// @grant        GM_addStyle
// @license      MIT
// ==/UserScript==

(function() {
    'use strict';

    GM_addStyle(`
        :root{
            --dark-background-color: #1a1a1a;
            --bright-font-color: #eee;
            --link-font-color: #bac4d4;
            --dark-background-secondary: #444;
        }

        .drawer{
          background-color: var(--dark-background-color) !important;
          border-right: 1px solid #000;
         }

        body{
          background-color: var(--dark-background-color) !important;
        }

        #region-main{
          background-color: var(--dark-background-color);
        }

        .courseindex .courseindex-item .courseindex-link, .courseindex .courseindex-item .courseindex-chevron {
           color: var(--bright-font-color);
        }

        .moremenu .nav-tabs {
            background-color: var(--dark-background-color);
        }

        .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
           color: var(--bright-font-color);
        }

        #page.drawers .main-inner {
          background-color: var(--dark-background-color);
        }

        .secondary-navigation .navigation {
          background-color: var(--dark-background-color);
        }

        a{
           color: var(--link-font-color);
        }

        a:hover{
          color: var(--link-font-color);
          opacity: 0.7;
         }

        .course-section .sectionname>a {
           color: #fff;
        }

        .moremenu .nav-link.active, .moremenu .nav-link.active:focus, .moremenu .nav-link.active:hover, .moremenu .nav-link:hover {
           border-bottom-color: var(--link-font-color);
        }

        .moremenu .nav-link.active:focus, .moremenu .nav-link.active:hover {
           background-color: var(--dark-background-secondary);
        }

        .moremenu .nav-link:hover, .moremenu .nav-link:focus {
             background-color: var(--dark-background-secondary);
        }

        .card{
          background-color: var(--dark-background-color);
          border: 1px solid var(--dark-background-secondary);
        }

        .block .block-cards span.categoryname, .block .block-cards .btn-link {
           color: var(--bright-font-color);
        }

        body{
          color: var(--bright-font-color);
        }

        .bg-white{
             background-color: var(--dark-background-color) !important;
        }

        .navbar{
           background-color: #CB2C30 !important;
        }

        .form-control {
             background-color: var(--dark-background-secondary);
             color: var(--bright-font-color);
        }

        .primary-navigation .navigation .nav-link:hover {
            color: #343a40;
            background-color: #fff;
         }

         .courseindex .courseindex-item:hover .courseindex-link{
           color: #fff9;
         }

         .bg-light {
            background-color: var(--dark-background-color) !important;
         }

         .generaltable tbody tr:nth-of-type(even){
            background-color: var(--dark-background-secondary);
         }

         .generaltable {
            color: #fff;
         }

         .generaltable tr:hover{
            color: #fff9 !important;
         }

         .page-link {
            background-color: var(--dark-background-secondary);
            color: var(--link-font-color);
         }

         .path-grade-report-user .user-report-container{
            background-color: var(--dark-background-color);
         }

         .path-grade-report-user .user-grade thead th{
            background-color: var(--dark-background-secondary);
            /*border-left: 1px solid var(--bright-font-color);*/
            /*border-right: 1px solid var(--bright-font-color);*/
         }

         .path-grade-report-user .user-grade thead th:not(.lastcol){
           border-right: 1px solid var(--bright-font-color);
         }

         .generaltable tbody tr:nth-of-type(odd) {
              background-color: var(--dark-background-color);
         }

         .generaltable tbody tr:nth-of-type(even) {
              background-color: var(--dark-background-secondary);
         }

         .path-grade-report-user .user-grade th.category{
              background-color: var(--dark-background-color);
              border: none;
         }

         .path-grade-report-user .user-grade td{
              background-color: var(--dark-background-color);
         }

         .path-grade-report-user .user-grade th.column-itemname:not(.header,.category,.baggt,.baggb){
             background-color: var(--dark-background-color);
         }

         .path-grade-report-user .user-grade td.item{
            background-color: var(--dark-background-color);
         }

         .path-grade-report-user .user-grade .baggt{
            background-color: var(--dark-background-secondary);
         }



         .btn{
           color: var(--bright-font-color);
         }

         .btn:hover{
           color: var(--bright-font-color);
           opacity: 0.7;
         }

         .btn-secondary{
            background-color: var(--dark-background-secondary);
         }

         .btn-secondary:hover{
            background-color: var(--dark-background-secondary);
            opacity: 0.7;
         }

         .custom-select:disabled{
            background-color: var(--dark-background-secondary);
         }

         .maincalendar .calendarmonth .clickable:hover {
            background-color: var(--dark-background-secondary);
         }

         .modal-content {
            background-color: var(--dark-background-color);
         }

         .form-control:focus{
            color: var(--bright-font-color);
            background-color: var(--dark-background-secondary);
         }

         .custom-select{
           color: var(--bright-font-color);
           background-color: var(--dark-background-secondary);
         }

         .tox .tox-statusbar {
           background-color: var(--dark-background-secondary) !important;
           color: var(--bright-font-color) !important;
         }

         .tox .tox-statusbar a, .tox .tox-statusbar__path-item, .tox .tox-statusbar__wordcount {
           color: var(--bright-font-color) !important;
         }

         tox .tox-statusbar__branding svg {
           fill: var(--bright-font-color);
         }

         .close, .btn-close{
           color: var(--bright-font-color);
         }

         .close, .btn-close:hover{
           color: var(--bright-font-color);
           opacity: 0.7;
         }

         .dropdown-item, .dropdown-menu {
           background-color: var(--dark-background-secondary);
           color: var(--bright-font-color);
         }

         .local-mail-navbar-popover.svelte-1aihbok.svelte-1aihbok, .list-group-item-action, .local-mail .dropdown-menu {
            background-color: var(--dark-background-secondary);
            color: var(--bright-font-color);
         }

         .list-group-item-action:hover, .local-mail .dropdown-menu .dropdown-item:hover {
            background-color: var(--dark-background-main);
            color: var(--bright-font-color);
            opacity: 0.8;
         }

         .popover-region-container {
            background-color: var(--dark-background-secondary);
         }

         .content-item-container.unread {
            background-color: var(--dark-background-color);
         }

         .popover-region-footer-container {
            background-color: var(--dark-background-secondary);
         }

         .message-app {
            background-color: var(--dark-background-color);
         }

         .message-app .message.received {
            background-color: var(--dark-background-secondary);
            color: var(--bright-font-color);
         }

         .message-app .day {
            color: var(--bright-font-color);
         }






    `)
})();