moodle.infis.cz by sokiGit

/* ==UserStyle==
@name       moodle.infis.cz
@version    20241125.09.23
@namespace  ?
==/UserStyle== */

@-moz-document domain("moodle.infis.cz") {
    /* Custom colors*/
    :root {
        --custom-primary: #bf0f87;
        --custom-dark-green: #3d7849; 
        /*--custom-primary: #0f6cbf;*/ /* default blue */
        color-scheme: dark;
    }
    
    .path-mod-assign td.earlysubmission, .path-mod-assign div.earlysubmission,
    .path-mod-assign td.submissionstatussubmitted, .path-mod-assign div.submissionstatussubmitted, .path-mod-assign a:link.submissionstatussubmitted {
        background-color: var(--custom-dark-green);
        color: #fff;
    }
    
    .courseindex .courseindex-section.current,
    .course-content .current::before {
        border-left-color: var(--custom-primary);
        border-radius: 2px;
    }
    
    .moremenu .nav-link.active {
        border-bottom-color: var(--custom-primary);
    }
    
    .moremenu .nav-link.active:focus, .moremenu .nav-link.active:hover {
        border-bottom-color: color-mix(in hsl, var(--custom-primary), #fff 10%);
    }
    
    a,
    .btn-primary,
    .moremenu .nav-link.active,
    .primary-navigation .navigation .nav-link,
    .moremenu .nav-link.active:focus, .moremenu .nav-link.active:hover {
        transition: border-color .15s linear, background-color .15s linear, color .15 linear;
    }
    
    .text-primary,
    .page-link,
    a {
        color: var(--custom-primary) !important;
    }
    
    .alert-info,
    .message-app .message.send .time,
    .activity-add:hover, .block-add:hover, .aalink.focus, a.focus.autolink, .aalink:focus, a.autolink:focus, #page-footer a:not([class]).focus, #page-footer a:not([class]):focus, .arrow_link.focus, .arrow_link:focus, a:not([class]).focus, a:not([class]):focus, .activityinstance > a.focus, .activityinstance > a:focus,
    .page-link:hover,
    a:hover {
        color: color-mix(in hsl, var(--custom-primary), #fff 10%) !important;
    }
    
    .activity-add:hover, .block-add:hover, .aalink.focus, a.focus.autolink, .aalink:focus, a.autolink:focus, #page-footer a:not([class]).focus, #page-footer a:not([class]):focus, .arrow_link.focus, .arrow_link:focus, a:not([class]).focus, a:not([class]):focus, .activityinstance > a.focus, .activityinstance > a:focus {
        background-color: color-mix(in hsl, var(--custom-primary), transparent 85%) !important;
        box-shadow: 0 .2rem color-mix(in hsl, var(--custom-primary), transparent 50%) !important;
        border-radius: 2px;
    }
    
    .badge-primary,
    .btn-primary:focus, .btn-primary.focus,
    .courseindex .courseindex-item.pageitem,
    .maincalendar .calendarmonth td.today .day-number-circle,
    .nav-pills .nav-link.active, .nav-pills .show > .nav-link,
    .custom-control-input:checked ~ .custom-control-label::before,
    .dropdown-item.active, .dropdown-item:active, .dropdown-item:hover, .dropdown-item:focus, .dropdown-item:focus-within,
    .btn-primary {
        background-color: var(--custom-primary);
    }
    
    .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
        background-color: color-mix(in hsl, var(--custom-primary), #fff 20%);
    }
    
    .alert-info, .calendar_event_course,
    .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle,
    .message-app .message.send {
        background-color: color-mix(in hsl, var(--custom-primary), #000 50%) !important;
    }
    
    .custom-select:focus,
    .activity-add, .block-add,
    .btn-primary:focus, .btn-primary.focus,
    .custom-control-input:checked ~ .custom-control-label::before,
    .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle,
    .form-control:focus {
        border-color: var(--custom-primary);
    }
    
    .custom-control-input:not(:disabled):active ~ .custom-control-label::before,
    .btn-primary {
        border-color: color-mix(in hsl, var(--custom-primary), #fff 20%);
    }
    
    .courseindex .courseindex-item.pageitem:hover, .courseindex .courseindex-item.pageitem:focus,
    .btn-primary:hover {
        background-color: color-mix(in hsl, var(--custom-primary), #fff 10%);
    }
    
    
    .btn-primary:hover {
        border-color: color-mix(in hsl, var(--custom-primary), #fff 30%);
    }
    
    .btn:focus, .btn.focus,
    .custom-select:focus,
    .drawer-toggles .drawer-toggler .btn:focus,
    .custom-control-input:focus ~ .custom-control-label::before,
    [role="treeitem"][aria-expanded="true"].focus > :first-child, [role="treeitem"][aria-expanded="true"]:focus > :first-child,
    .form-control:focus {
        box-shadow: 0 0 0 .2rem color-mix(in hsl, var(--custom-primary), transparent 50%);
    }
    
    .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus,
    .aabtn.focus, .aabtn:focus, .btn-link.focus, .btn-link:focus, .nav-link.focus, .nav-link:focus, .editor_atto_toolbar button.focus, .editor_atto_toolbar button:focus, .editor_atto_toolbar .atto_toolbar_row.focus, .editor_atto_toolbar .atto_toolbar_row:focus, [role="button"].focus, [role="button"]:focus, .list-group-item-action.focus, .list-group-item-action:focus, input[type="checkbox"].focus, input[type="checkbox"]:focus, input[type="radio"].focus, input[type="radio"]:focus, input[type="file"].focus, input[type="file"]:focus, input[type="image"].focus, input[type="image"]:focus, .sr-only-focusable.focus, .sr-only-focusable:focus, a.dropdown-toggle.focus, a.dropdown-toggle:focus, .modal-dialog[tabindex="0"].focus, .modal-dialog[tabindex="0"]:focus, .moodle-dialogue-base .closebutton.focus, .moodle-dialogue-base .closebutton:focus, button.close.focus, button.close:focus, .form-autocomplete-selection.focus, .form-autocomplete-selection:focus, [role="treeitem"]:not([aria-expanded="true"]).focus, [role="treeitem"]:not([aria-expanded="true"]):focus {
        box-shadow: 0 0 0 .2rem var(--custom-primary);
    }
    
    .moodle-dialogue-base .moodle-dialogue-wrap,
    .fp-iconview .fp-thumbnail {
        border-radius: .5rem;
    }
    
    
    /* Dark mode */
    body {
        background: #111;
    }

    pre,
    body,
    .btn,
    .table,
    .text-dark,
    .badge-light,
    .generaltable,
    .form-control,
    .dropdown-item,
    .que .formulation,
    .form-control:focus,
    .message-app .message.send,
    .navbar-light .navbar-brand,
    .generaltable tbody tr:hover,
    .generaltable tbody tr:hover,
    .form-autocomplete-suggestions li,
    i.icon.fa.fa-window-close.fa-fw:hover,
    .navbar-light .navbar-nav .nav-link.show, 
    .primary-navigation .navigation .nav-link,
    .navbar-light .navbar-nav .nav-link:hover,
    .navbar-light .navbar-nav .nav-link:focus,
    .navbar-light .navbar-nav .nav-link:hover,
    .navbar-light .navbar-nav .nav-link:focus,
    .navbar-light .navbar-nav .nav-link.active,
    .navbar-light .navbar-nav .show > .nav-link,
    .courseindex .courseindex-item.pageitem > a,
    .navbar-light .navbar-nav .active > .nav-link,
    .popover.footer .popover-body .footer-section a,
    .nav-pills .nav-link.active, .nav-pills .show > .nav-link,
    .path-mod-assign td.submissionnotgraded, .path-mod-assign div.submissionnotgraded,
    .dropdown-item.active, .dropdown-item:active, .dropdown-item:hover, .dropdown-item:focus, .dropdown-item:focus-within,
    .path-grade-report-user .user-grade th.category a.toggle-category i, .grade-report-user .user-grade th.category a.toggle-category i,
    .courseindex .courseindex-item:hover .courseindex-link, .courseindex .courseindex-item:hover .courseindex-chevron, .courseindex .courseindex-item:focus .courseindex-link, .courseindex .courseindex-item:focus .courseindex-chevron,
    .drawer, #region-main, .form-control, .dropdown-menu, .list-group-item, .moremenu .nav-tabs, .pagelayout-login #page, .moremenu .nav-link:hover, #page.drawers .main-inner, .moremenu .nav-link:focus, .moremenu .nav-link.active:focus, .popover-region-footer-container, .secondary-navigation .navigation, a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus, .moremenu .nav-link.active:hover,
    .primary-navigation .navigation .nav-link {
        color: #fff !important;
    }

    .close,
    .close:hover,
    .yui3-button,
    .popover-body,
    .form-control,
    .generaltable,
    .que pre > span,
    .badge-secondary,
    .form-autocomplete-downarrow,
    .message-app .message.received,
    i.icon.fa.fa-window-close.fa-fw,
    div.editor_atto_toolbar button .icon,
    .message-app a, .message-app .btn-link,
    .popover.footer .popover-body .footer-section a .icon,
    .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link,
    .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd,
    .courseindex .courseindex-item .courseindex-link, .courseindex .courseindex-item .courseindex-chevron,
    .navbar-light .navbar-nav .nav-link {
        color: #ddd;
    }
    .popover,
    .page-link,
    .message-app,
    .bg-secondary,
    .btn-secondary,
    .modal-content,
    .popover-region-container,
    .form-autocomplete-suggestions,
    .editor_atto_toolbar button:hover,
    .description .course-description-item,
    .path-mod .activity-header:not(:empty),
    .btn.btn-icon:hover, .btn.btn-icon:focus,
    .que.essay .qtype_essay_response.readonly,
    .maincalendar .calendarmonth .clickable:hover,
    .bg-white {
        background: #1e1e1e !important;
    }

    .custom-select {
        background: #1e1e1f url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23fff' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center / 8px 10px no-repeat;
    }

    .drawer,
    #region-main,
    .form-control,
 ...