Skip to content

Dark IS MU by dancvejn

Screenshot of Dark IS MU

Details

Authordancvejn

LicenseNo License

CategoryTheme

Created

Updated

Size19 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Dark theme pro IS

Doporučení:
Doporučuji se v tom nezkoušet hrabat, páč styl úprav funguje tak, že přijdu do nějaké části ISu a zjistím, že chci něco upravit. Tak si to prostě najdu a někam to hodím do kódu :)

Instalace:
Nainstaluj si rozšíření Stylus do svého prohlížeče. Momentálně dostupné pro Chrome, Firefox v57+ a Operu.
Chrome: https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne
Firefox: https://addons.mozilla.org/en-US/firefox/addon/styl-us/
Opera: https://addons.opera.com/en/extensions/details/stylus/

Jakmile máš rozšíření nainstalované tak už jen výše klikni na Install, to ti otevře nové okno, kde vlevo nahoře dáš znovu Install a bum, máš Dark theme pro IS.

Notes

Userstyle doesn't have notes.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name        Dark theme IS MU
@namespace   Upraveno Danielem Cvejnem
@version     1.0.6
==/UserStyle== */


@-moz-document domain("is.muni.cz") {
    
    html {
        background-color: #202020; /* anti-FOUC */
        color: black;
        filter: invert(100%) hue-rotate(180deg);
        overflow-x: hidden;
        scroll-behavior: smooth;
    }

    :root {
        --white: #000;
        --black: #fff;
        --grey: #3f3f3f;
    }

    #content.motiv-titulka {
        background: none;
    }
    
    .hlavicka .stitek, .motiv-titulka #vyhledavani_form .input-group-label::after, .motiv-titulka #vyhledavani_form .input-group-label::before, #drobecky a.drobecek_logo, #drobecky span.drobecek_logo, footer .paticka_logo > a, #vyhledavani_form .input-group-label.vyhledavani_form_is_icon::before, #vyhledavani_form .input-group-label.vyhledavani_form_is_icon::after {
        filter: grayscale(100%) brightness(100) invert(1);
    }
    
    .motiv-titulka #vyhledavani_form .input-group-label, #vyhledavani_form .input-group-label {
        border: 1px solid #0000006b;
        color: var(--white);
    }
    
    #vyhledavani_form input[name=search], #vyhledavani_form #vyhledavani_form_x {
        border: 1px solid #0000006b;
        border-left: none;
        border-right: none;
    }
    
    #vyhledavani_form input[name=search]:focus {
        background-color: #ffffff47;
        border: 1px solid #0000006b;
        border-left: none;
        border-right: none;
    }
    
    #app_menu.empty {
        background-color: #282828;
    }
    
    .auth #sticky_panel .ikony .sticky-icon:not(.is-logout):hover, .auth #sticky_panel .ikony .sticky-item:not(.jmeno):not(.jmeno_myuco):hover {
        filter: hue-rotate(70deg);
    }
    
    div > .sourceCode > code {
        background-color: var(--white);
    }
    
    #prepinace > ul > li > a:hover {
        color: var(--white);
    }
    
    #prepinace > ul > li > a:after {
        border-top-color: var(--white);
    }
    
    #sticky_panel.bgr {
        background-color: #ffffffe0;
        border-bottom: none;
        box-shadow: none;
    }
    
    #obsah #dlazdice .vice_mene.mene .nazev:before {
        border-bottom-color: var(--white);
    }
    
    #obsah #dlazdice .vice_mene .nazev:before {
        border-top-color: var(--white);
    }
    
    #obsah #dlazdice > .row.vice_mene button.nazev {
        color: var(--white);
    }
    
    #obsah #dlazdice .vice_mene.mene .lock {
        color: var(--white);
        padding: 0px 5px;
    }
    
    #odkazy-rel h3 {
        color: var(--white);
    }
    
    a:hover {
        color: var(--white);
    }
    
    .isi-info.barva5 {
        color: var(--white) !important;
    }
    
    .tabs-title>a:focus, .tabs-title>a[aria-selected=true] {
        box-shadow: 0 3px 0 var(--white) inset;
        color: #000;
    }
    
    .tabs-title>a:hover {
        color: #000;
        text-decoration: underline;
    }
    
    .zdurazneni {
        background-color: transparent;
        border: 1px solid var(--white);
        padding: 0.85rem 1rem 0.5rem 4.5rem;
        margin: 1rem 0;
        min-height: 3.286rem;
        display: block;
        color: var(--white);
    }
    
    .vysvetlivka-box span.ok, .vysvetlivka-box span.ko, .vysvetlivka-box span.maybe {
        border: none;
    }
    
    .vysvetlivka-box span.ok {
        background-color: #00ff2f !important;
    }
    
    .vysvetlivka-box span.ko {
        background-color: #ffa7a7 !important;
    }
    
    .planovac-studia .ps-ikona-kolecko, .planovac-studia .ps-ikona-kolecko.predmety-sablony-btn {
        color: var(--white);
    }
    
    .planovac-studia .ps-ikona-kolecko:hover, .planovac-studia .ps-ikona-kolecko.predmety-sablony-btn.pridat {
        background-color: var(--white);
        color:var(--black);
        transition: all .25s ease-out;
    }
    
    [type=button], [type=submit], button {
        background-color: var(--white);
        color:var(--black);
        display: inline-flex;
        justify-content: center;
        align-items: center;
    }
    
    .pridat.button > i {
        font-size: 2em;
        height: 1em;
    }
    
    #course-cat .filtry-podklad .choice_panel .filter.active_filter {
        background-color: #00000017;
        border-color: #000;
    }
    
    #course-cat .filtry-podklad .choice_panel .filter.active_filter .choice-name {
        color: #ff00e1;
    }
    
    #course-cat .filtry-podklad .choice_panel .filter .chosen-values {
        color: var(--white);
    }
    
    .cat-result-radek .cat-row input[type=checkbox]:checked + .course_row:not(.oznacit-vsechno) {
        background-color: #c3ffbe;
    }
    
    .cat-result-radek .cat-row:hover {
        background-color: #00000021;
    }
    
    .dynamic-table-courses .hvezdicka:active, .dynamic-table-courses .hvezdicka:hover {
        color: #2e2e2e;
    }

    .dynamic-table-courses .hvezdicka {
        color: #2b2b2b;
    }
    
    .hvezdicka-oblibene {
        color: #ff00e1;
    }
    
    .predmet_header_more .hvezdicka.hvezdicka-oblibene, #fmgr_seznam .fmgr_row .nazev span.oblibene > a.oblibene {
        color: #41afff;
    }
    
    #course-cat #search_text_x {
        color: var(--white);
    }

    #left_menu div.items a[role=menuitem], #left_menu label {
        color: #4e4e4e;
        font-weight: 700 !important;
        display: inline-flex;
        justify-content: center;
        align-items:center;
        transition: .3s ease;
    }
    
    .predmet_header > a.sbal::after, .predmet_header > a.rozbal:after {
        border-color: var(--white) transparent transparent;
    }
    
    .predmet_conteiner, .predmet_conteiner.active {
        border: 1px solid #b2b2b2;
    }
    
    pre {
        background-color: var(--white);
        color: #c6c6c6;
        padding: 20px 25px;
        font-weight: 200;
        font-size: 1.1em;
    }
    
    #left_menu div.items a[role=menuitem]:hover, #left_menu label:hover {
        color: var(--white);
        font-weight: 700 !important;
        transform: scale(1.05);
    }
    
    .predmet_header > .predmet_header_more {
        color: var(--white);
    }
    
    #discussion .prispevek.novy > .obsah > .text, #discussion .prispevek.novy > .obsah .sticker {
        background: #ff00002b;
        color: var(--white);
    }
    
    #discussion .prispevek .autor a {
        color: var(--white);
        font-size: 1.1em;
    }
    
    #discussion .vlakno_prispevek {
        background: transparent;
    }

    #discussion .vlakno_prispevek > .prispevek, #discussion .prispevek {
        border-color: #3b3b3b;
    }
    
    #discussion .prispevek .nastaveni i {
        color: var(--white);
    }
    
    #discussion .prispevek .nastaveni .isi-star {
        color: #2d2d2d;
    }
    
    #discussion .vlakno_prispevek .napis, .discussion_sticky .napis {
        color: var(--white);
    }
    
    #app_menu_small > li > a {
        color: var(--white);
    }
    
    .dropdown.menu>li.is-dropdown-submenu-parent>a:after {
        border-color: var(--white) transparent transparent;
    }
    
    #app_menu_small > li > a:after {
        border-top-color: var(--white);
    }
    
    #app_menu_small > li:hover > a, #app_menu_small > li:active > a {
        color: var(--white);
        background-color: #ececec59;
        text-decoration: none;
    }
    
    #app_menu_small > li:hover > a:after, #app_menu_small > li:active > a:after {
        border-top-color: var(--white);
    }
    
    .is-dropdown-submenu, .dropdown-pane {
        border: 1px solid #3b3b3b;
        box-shadow: none;
    }
    
    #app_menu_small .is-dropdown-submenu li .polozka {
        color: var(--white);
    }
    
    #app_menu_small .is-dropdown-submenu li *:hover {
        background-color: #00000024 !important;
        text-decoration: none;
    }
    
    .vidis_container:not(.vidis_container_full_screen) > video, embed, span pre, .grafika {
        filter: invert(1) hue-rotate(180deg);
    }
    
    #dlazdice > .row {
        padding: 0;
    }
    
    #obsah .dlazdice {
        transition: .3s ease;
    }
    
    #obsah .dlazdice:hover {
        background-color: #d7d7d7;
    }
    
    ul.is-switch ul.menu button::before {
        filter: invert(1) hue-rotate(180deg);
    }

    ul.is-switch ul.menu button.logo-1490::before {
        filter: invert(0) grayscale(100);
    }
    
    .dropdown-pane {
        background-color: #f0f0f0;
    }

    #app_content {
        background-color: #e0e0e0;
    }
    
    #vyhledavani_form {
        box-shadow: none;
    }
    
    #fmgr_nastroje .input-group-button:hover > a#adresa_vyhledavani {
        background-color: var(--white);
    }
    
    [type="search"], [type="tel"], [type="text"], [type="time"], [type="url"], [type="week"], textarea {
        box-shadow: none;
        border: 1px solid #0000006b
    }
    
    .search-dropdown .leva_strana, .search-dropdown .prava_strana, .search-dropdown .cast-sipka {
        border-top: 1px solid #282828;
    }
    
    .search-dropdown .tlacitka .leva_strana, .search-dropdown .tlacitka .prava_strana, .search-dropdown .tlacitka .cast-sipka {
        border-top: 1px solid transparent;
        padding-top: 20px;
    }
    
    .search-dropdown .leva_strana a, .search-dropdown .leva_strana span {
        color: var(--white);
        font-weight: 700;
    }
    
    .search-dropdown .ds_vysledek:not(.bez-podbarveni):hover, .search-dropdown .aplikace:hover {
        background-color: #cecece;
    }
    
    .search-dropdown .cast-sipka a:hover {
        color: var(--white);
    }
    
    .button.secondary {
        background-color: #d7d7d7;
        color: var(--white);
    }
    
    .button.secondary:hover {
        background-color: #a9a9a9;
        color: var(--white);
    }
    
    .naseptavac-submit {
        font-weight: 300;
        color:var(--black);
        background-color: #282828 !important;
    }
    
    .nas...

Reviews

No reviews yet.