bakalari.infis.cz darkmode by sokiGit

/* ==UserStyle==
@name         bakalari.infis.cz darkmode
@version      20250216.12.06
@namespace    https://userstyles.world/user/sokiGit
@description  Dark mode for the Bakaláři web app of INFIS.
@author       sokiGit
@license      No License
==/UserStyle== */

@-moz-document domain("bakalari.infis.cz") {
/* Timetable coloring */
.day-item-hover.tooltip-bubble {
    /* Defaults */
    --c-bg: #fff;
    --c-txt-prim: #000;
    --c-txt-sec: #888;
    
    /* Custom colors */
    &[data-detail*="Počítačové sítě"] {
        --c-bg: #82a998;
        --c-txt-prim: #002515;
        --c-txt-sec: #4a6057;
    }
    &[data-detail*="Matematika"] {
        --c-bg: #97b891;
        --c-txt-prim: #061c02;
        --c-txt-sec: #6e8f68;
    }
    &[data-detail*="Ekonomika"] {
        --c-bg: #a6d1d1;
        --c-txt-prim: #003536;
        --c-txt-sec: #517374;
    }
    &[data-detail*="Praktická cvičení"] {
        --c-bg: #c4a999;
        --c-txt-prim: #301100;
        --c-txt-sec: #5a483e;
    }
    &[data-detail*="Aplikační software"] {
        --c-bg: #b8a88b;
        --c-txt-prim: #2d1e00;
        --c-txt-sec: #695c43;
    }
    &[data-detail*="Programování"] {
        --c-bg: #c99bb6;
        --c-txt-prim: #380021;
        --c-txt-sec: #604c58;
    }
    &[data-detail*="Literatura a umění"] {
        --c-bg: #bb98bc;
        --c-txt-prim: #2c002d;
        --c-txt-sec: #775978;
    }
    &[data-detail*="Anglický jazyk"] {
        --c-bg: #8fc6a6;
        --c-txt-prim: #002d13;
        --c-txt-sec: #4c6f5a;
    }
    &[data-detail*="Německý jazyk"] {
        --c-bg: #bb93cb;
        --c-txt-prim: #220030;
        --c-txt-sec: #5c4367;
    }
    &[data-detail*="Společenské vědy"] {
        --c-bg: #b39b7c;
        --c-txt-prim: #402d15;
        --c-txt-sec: #75644d;
    }
    &[data-detail*="Tělesná výchova"] {
        --c-bg: #969cb1;
        --c-txt-prim: #343b53;
        --c-txt-sec: #6d6e73;
    }
    &[data-detail*="Chemie"] {
        --c-bg: #a9a98b;
        --c-txt-prim: #330;
        --c-txt-sec: #6b6b5e;
    }
    &[data-detail*="Český jazyk"] {
        --c-bg: #7c7aa4;
        --c-txt-prim: #03002f;
        --c-txt-sec: #5e5c73;
    }
    &[data-detail*="Učební praxe"] {
        --c-bg: #b38383;
        --c-txt-prim: #2f0000;
        --c-txt-sec: #735c5c;
    }
    
    /* Set properties */
    background: var(--c-bg);
    transition: background .15s ease-out;
    &:hover {
        background: color-mix(in hsl, var(--c-bg), #000 10%);
    }
    & > div > div.middle {
        font-weight: 600;
    }
    & > div > div.middle, & > div > div.top > div.left {
        color: var(--c-txt-prim);
    }
    & > div > div.bottom, & > div > div.top > div.right > div.first {
        color: var(--c-txt-sec);
    }
    .zapsano, .day-row .day-item .middle.zapsano, .day-row .day-item.pink .middle.zapsano {
        color: var(--c-txt-prim) !important;
        text-shadow: 0 0 12px color-mix(in hsl, var(--c-txt-prim), #fff);
    }
}

/* Custom theme */
.bk-middle,
.plan_of_action_list_table_white,
#plan_of_action_list_content ul li,
#plan_of_action_list_content,
.bk-submenu-actions,
#message_list_content,
.panels .left-panel > .content,
.bk-navtop .menu-dropdown .dropdown-content,
.bk-widget,
#loginBox,
.bk-timetable-cell .day-item-hover,
.floating-box {
    background: #0e0e0e;
    border-radius: 8px;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .2);
}
.inputLogin,
.btn-login, .btn-connect {
    border-radius: 8px;
}
.day-item .empty {
    background: rgba(255, 255, 255, .05);
}
#cm,
.bg-white,
.table_popup th,
.table_popup td,
.ui-widget-content,
.bk-dash-controlButton,
.dxeCalendar_NextBlueTheme,
.dxeButtonEdit_NextBlueTheme,
.predmet-radek:nth-child(2n+1),
.bk-header-more .dropdown-content,
.dxeButtonEditSys.dxeButtonEdit_NextBlueTheme td.dxic,
.dxeButtonEdit_NextBlueTheme .dxeEditArea_NextBlueTheme,
.dxeCalendar_NextBlueTheme td.dxMonthGridWithWeekNumbers,
#topheader #info-uzivatel.menu-dropdown .dropdown-content,
.ui-tooltip.ui-widget.ui-widget-content,
.confirmation-section .confirmation-wrapper,
.bk-timetable-hours .bk-hour-wrapper,
.bk-timetable-day.day-name .bk-day-wrapper,
.bk-timetable-header,
.odd-day-row {
    background: #2d2d2d;
}
.dx-checkbox.dx-state-readonly .dx-checkbox-icon,
.dx-texteditor.dx-state-disabled,
.dx-texteditor.dx-state-readonly, .dx-texteditor.dx-state-readonly input.dx-texteditor-input,
.dx-texteditor-container,
.dxWeb_edtCheckBoxUnchecked_NextBlueTheme,
.inputLogin,
.dxeTextBox_NextBlueTheme,
.reports_dropdown .dropdown-content,
.dxeTextBox_NextBlueTheme .dxeEditArea_NextBlueTheme,
[type="checkbox"]:not(:checked) + label::before, [type="checkbox"]:checked + label::before,
.bk-btn-radio .myButton, .dxWeb_edtCheckBoxChecked_NextBlueTheme {
    background-color: #131313 !important;
    background-size: 75%;
    border-color: #2f2f2f;
}
.jiny {
    border-bottom-color: #222;
}
.ui-tooltip.ui-widget.ui-widget-content,
.ui-widget-content,
.day-item > div:not(.empty),
.ui-widget.ui-widget-content,
.bk-widget .bk-widget-header,
.bk-widget .bk-widget-footer,
.dxeButtonEdit_NextBlueTheme,
.predmet-radek,
.day-item .empty {
    border-color: #575757;
}
#outer,
body, .main {
    background-image: linear-gradient(-30deg, #000913, #1a0130,#260014);
    color-scheme: dark;
}
.main .bk-footer,
.bk-navtop,
.bk-menu-logo,
.bk-sidenav .bk-menu-hide,
.bk-menu-empty,
.bk-sidenav ul > li > a,
#topheader,
.bk-timetable-btngroup,
.bk-timetable-selects select,
#c-s-bn, #s-sv-bn,
.bk-widget-marks .mark-line .mark-displayGrade,
.bk-timetable-btngroup > .btn-secondary,
.bk-timetable-row .bk-cell-wrapper,
.bk-sidenav ul > li > ul > li > a {
    background-color: rgba(0, 0, 0, .6); 
}
.bk-timetable-row:nth-child(2n+1) .bk-cell-wrapper,
#cm .c_link:hover, #cm .c_link:active, #s-cnt button + button:hover, #s-cnt button + button:active, #s-c-bn:active, #s-c-bn:hover {
    background-color: rgba(0, 0, 0, .75);
}
.bk-widget-events .event-calendar .dx-calendar-body thead tr th::after {
    background-color: #fff1;
}
header h2, #header h2,
.table_classic_next th,
.bk-widget-events .event-calendar .dx-calendar-body thead tr th {
    color: #fff !important;
}
.tab-hodnoceni,
.tab-vaha,
.tab-datum,
.table_popup th,
.table_popup td,
.tab-poznamka,
.cislovka,
h4,
.table_classic_next td,
#c-s-bn, #s-sv-bn,
.cc_div *, .cc_div ::before, .cc_div ::after,
.bk-widget .bk-widget-body,
body, .ui-widget-content {
    color: #ddd;
}
.bk-timetable-btngroup > .btn-secondary:not(:disabled):not(.disabled).active,
#c-bns button:first-child:active, #c-bns button:first-child:hover, #s-bns button:first-child:active, #s-bns button:first-child:hover, #c-bns.swap button:last-child:active, #c-bns.swap button:last-child:hover {
    background-color: #253b48;
}
.bx-wrapper .bx-prev,
.bx-wrapper .bx-next {
    filter: invert();
}
span.event-calendar-notification[style="background:#000000"] {
    background: #bebebe !important;
}
.dodatek,
.bk-sidenav .bk-menu-hide,
.bk-sidenav ul li a,
a:not([href]):not([tabindex]),
.bk-sidenav ul li a > span[class^="ico32-modul-"]::before, .bk-sidenav ul li a > span[class*=" ico32-modul-"]::before, .bk-sidenav ul ul li a span[class^="ico32-modul-"]::before, .bk-sidenav ul ul li a span[class*=" ico32-modul-"]::before {
    color: #789;
}

.bk-timetable-cell .day-item-hover {
    background-image: linear-gradient(152deg, #10051d 21%, #040717 100%);
    border-radius: 6px;
}

.pink {
    background-image: linear-gradient(152deg, rgb(82, 7, 45) 21%, rgb(40, 0, 3) 100%) !important;
}

/* Remove bs */
#salmondo,
.pr-2.pr-md-3.pr-lg-4.py-3.bk-system-baka.fr,
body > form#formlogin .bk-login-schoolName,
body > form#formlogin .mobile-app {
    display: none !important;
}

/* UI Fixes */
body > form#formlogin div#inner {
    display: flex;
    flex-flow: column;
    gap: 2rem;
}
}