☰

WSB Merito Extranet/Moodle Dark Theme

Dark theme on moodle2.e-wsb.pl

  1. /* ==UserStyle==
  2. @name         WSB Merito Extranet/Moodle Dark Theme
  3. @author       griffi-gh
  4. @version      11.2.1
  5. @license      MIT
  6. @namespace    griffi-gh-wsb
  7. @var color    moodleSheetBg "Moodle Sheet Background" #131213
  8. @var color    moodleSheetFg "Moodle Sheet Foreground" #201e20
  9. @var color    moodleSheetFgNested "Moodle Nested Sheet Foreground" #2b2b2b
  10. @var color    moodleDarkActive "Moodle Dark Active" #333
  11. @var color    moodleBorder "Moodle Border Color" #444
  12. @var color    moodleText "Moodle Primary Text" #ffffff
  13. @var color    moodleTextLL "Moodle Light Text (LL)" #eeeeee
  14. @var color    moodleTextL "Moodle Light Text (L)" #dddddd
  15. @var color    moodleIcon "Moodle Icon Color" #ffffff
  16. @var color    moodleAccentActive "Moodle Accent Color" #0f6cbf
  17. @var color    moodleAccentDarker "Moodle Darker Accent (Hover)" #0c589c
  18. @description Dark theme on moodle2.e-wsb.pl
  19. ==/UserStyle== */
  20.  
  21. @-moz-document domain("portal.wsb.pl") {
  22.     @layer {
  23.         @media screen {
  24.             html, body, #content-wrapper, #navi {
  25.                 background: #222 !important;
  26.                 color: white !important;
  27.             }
  28.  
  29.             :is(body[onload="window.print();"], html:has(body[onload="window.print();"])) {
  30.                 background: white !important;
  31.                 color: black !important;
  32.             }
  33.  
  34.             #content-background {
  35.                 background: #222 !important; 
  36.                 background-color: #222 !important;
  37.                 background-image: none !important;
  38.             }
  39.  
  40.             input[type="text"],
  41.             input[type="date"],
  42.             input[type="datetime"],
  43.             input,
  44.             textarea,
  45.             input[type="password"],
  46.             input[type="file"],
  47.             input[type="submit"],
  48.             input[type="button"],
  49.             input[type="reset"],
  50.             select,
  51.             textarea,
  52.             .textarea,
  53.             button,
  54.             .aui-field-input-text {
  55.                 color: white !important;
  56.                 background-color: #444 !important;
  57.             }
  58.  
  59.             .portlet-content,
  60.             .portlet-content-container, 
  61.             .portlet-body, 
  62.             .top-bar,
  63.             .mwContent {
  64.                 background: #333 !important;
  65.             }
  66.  
  67.             .portlet-teba-microservice .portlet-content {
  68.                 background: none !important;
  69.             }
  70.  
  71.     /*         .mwContent * {
  72.                 background: unset !important;
  73.                 color: white !important;
  74.             } */
  75.  
  76.             .top-bar * {
  77.                 background: unset !important;
  78.             }
  79.  
  80.             .top-bar a {
  81.                 color: white !important;
  82.                 text-shadow: unset !important;
  83.             }
  84.  
  85.             .top-bar #sitechanger select {
  86.                 color: white !important;
  87.             }
  88.  
  89.             #copyright {
  90.                 color: white;
  91.             }
  92.  
  93.             .breadcrumb :is(li, a) {
  94.                 color: white !important;
  95.             }
  96.  
  97.             #experia img {
  98.                 filter: invert(100%);
  99.             }
  100.  
  101.             /* pulpit calendar/news fixes */
  102.             .wiadomosci_pulpit .pulpit-news,
  103.             table.calendar th {
  104.                 background: none !important;
  105.             }
  106.  
  107.             table.calendar_week td.row-cell, table.calendar_week td.hour-first, div.calendar_week-legend {
  108.     /*             background: transparent  url('data:image/gif;base64,R0lGODlhBQAHAHAAACwAAAAABQAHAIIbGxsVFRUODg4JCQkFBQUDAwMAAAAAAAADDQiq0S0QjjmJtSXrnQAAOw==') repeat-x top !important; */
  109.                 background: transparent !important;
  110.             }
  111.  
  112.     /*         .day-calendar-plan_zajec-container .plan-tyg-table-txt th {
  113.                 background: #444 !important;
  114.             } */
  115.  
  116.             div.calendar-days-container {
  117.                 /* XXX: used to be #222 */
  118.                 background: #333 !important;
  119.             }
  120.  
  121.             /* my plan */
  122.             .tab-chooser-container {
  123.                 background: #444 !important;
  124.             }
  125.  
  126.             .tab-chooser, .calendar-navigator {
  127.                 background: #333 !important;
  128.             }
  129.  
  130.             .plan-tyg-table-txt, .plan-tyg-table-txt tr,
  131.             .calendar_month-month > table {
  132.                 background: none !important;
  133.             }
  134.  
  135.             .calendar_month-month > table td.day-today {
  136.                 background: rgba(255, 255, 255, 0.1) !important;
  137.             }
  138.  
  139.             /* my plan: tweaks */
  140.  
  141.             /* odwolane lub przeniesione */
  142.             :is(.event-status-a, .event-status-b) > :not(:first-child) {
  143.                 text-decoration: line-through;
  144.                 background: rgba(255, 0, 0, 0.05) !important;
  145.             }
  146.  
  147.             /* przeniesione lub przeniesione z innego terminu */
  148.             :is(.event-status-f, .event-status-b) > :not(:first-child) {
  149.                 background: rgba(128, 128, 255, 0.1) !important;
  150.             }
  151.  
  152.     /*         .event-status-a > :first-child {
  153.                 background: rgba(255, 0, 0, 0.25) !important;
  154.             } */
  155.  
  156.     /*         .same-day-as-before.event-status-default > :first-child { */
  157.             .same-day-as-before > :first-child {
  158.                 visibility: hidden;
  159.             }
  160.  
  161.             /* gen.*/
  162.  
  163.             .label, .consent-label {
  164.                 color: #ccc !important;
  165.             }
  166.  
  167.  
  168.             /* dark icons and corners */
  169.             #navi ul.navigationgroup {
  170.                 background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAATCAYAAACdkl3yAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEeSURBVDhPY1RSUvrPQAXABKXJBjw8PF84ODjSKTKIk4vru7q6hum1a9dmUWQQKwtrxerVq26A2GQbxM3N0/3p08f1UC55BgkKCs7++vXL5Hv37j2GCpFukLCwyPL37983IxsCAiQZJCoqtvrt2zfl6IaAANEGCQsLL3r9+lUxNkNAgCiDhISE5r59+7YGlyEgQNAgERGRVe/evWvEZwgI4DVITExs45s3b0oIGQICOA0SFxff9erVq1xiDAEBrAYBDTkDjOJUYg0BAQyDgFF8E2hI8I0bNx5BhYgCKAYBA/bhv39/PUg1BATgBgkJCT/7+fOn/enTpx9AhUgCYIOAeecVIyOD9cWLFx+CRckATGrq6jeUlJTJdgkEMDAAAEFRdUqvDBUZAAAAAElFTkSuQmCC') !important;
  171.             }
  172.  
  173.             .href.nastepny {
  174.                 background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAiBAMAAACZ/SWSAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAkUExURQCI8huV8ztFTDMzMxBxvjM6QTU3OC9HWStHXDA7QxiT8zpFTYOW0fUAAAAJcEhZcwAACxMAAAsTAQCanBgAAABESURBVBjTY2BUNgYCBgZXCMWSDKYYiiFUM5mUJ4RimQymQFwGCJcBwmWAcJEpT2QlnsjaPUm1vRjZKxCPcW02NjY2BgAhSSESySTEpQAAAABJRU5ErkJggg==') !important;
  175.             }
  176.  
  177.             html:not(:has(body[onload="window.print();"])) .results-grid {
  178.                 background: #333 !important;
  179.             }
  180.  
  181.             html:not(:has(body[onload="window.print();"])) .results-grid tr:nth-child(2n) {
  182.                 background: #444 !important;
  183.             }
  184.  
  185.             .ui-widget-content {
  186.                 background: #222 !important;
  187.                 color: white !important;
  188.                 border: 1px solid #555 !important;
  189.     /*             border-radius: 4px !important; */
  190.             }
  191.  
  192.             table.calendar_week td {
  193.                 background: #333 !important;    
  194.             }
  195.  
  196.             .pulpit-news-container,
  197.             .columns-1-2 #column-3 section.portlet .portlet-content-container,
  198.             div.portlet-boundary_Microservice_:not(.portlet-barebone) div.portlet-content-container {
  199.                 box-shadow: 0 0 10px rgba(0, 0, 0, 0.5) !important;    
  200.             }
  201.  
  202.             .dodajdomoichskrotow-portlet button {
  203.                 color: white !important;
  204.             }
  205.  
  206.             .alert-info {
  207.                 background: #444 !important;
  208.                 border: 1px solid #555 !important;
  209.                 color: white !important;
  210.             }
  211.  
  212.             #footer, .breadcrumb {
  213.                 background: #333 !important;
  214.             }
  215.  
  216.             #footer, #server-name {
  217.                 color: white !important;
  218.             }
  219.  
  220.             .beta.nav-item {
  221.                 border: none !important;
  222.                 border-left: #505050 1px solid !important;
  223.                 border-right: #555 1px solid !important;
  224.                 background: #444 !important;
  225.                 /* HACK */
  226.                 padding-bottom: 2px;
  227.             }
  228.  
  229.  
  230.             #top-bar {
  231.                 border-bottom-color: #555 !important;
  232.                 /* MAKE TOP BAR STICKY */
  233.     /*             position: sticky;
  234.                 inset: 0;
  235.                 bottom: unset;
  236.                 z-index: 999; */
  237.             }
  238.  
  239.             /* payments screen */
  240.             .portlet-teba-microservice.platnosciiwplaty-portlet table,
  241.             .portlet-teba-microservice.platnosciiwplaty-portlet #konta_bankowe_div,
  242.             .portlet-teba-microservice.platnosciiwplaty-portlet #tabelki {
  243.                 background: none !important;
  244.             }
  245.  
  246.             .portlet-teba-microservice.platnosciiwplaty-portlet #suma tr:nth-child(2n) td,
  247.             .portlet-teba-microservice.platnosciiwplaty-portlet #konta_tabelka tr:nth-child(2n) td,
  248.             .portlet-teba-microservice.platnosciiwplaty-portlet #borderki tr:nth-child(2n) td{
  249.                 background-color: #1115 !important;
  250.             }
  251.  
  252.             .portlet-teba-microservice.platnosciiwplaty-portlet th.theader,
  253.             .portlet-teba-microservice.platnosciiwplaty-portlet #borderki th {
  254.                 background: #444 !important;
  255.                 box-shadow: 0px 6px 8px -4px #3332 !important;
  256.             }
  257.                 
  258.             /* zglos blad */
  259.             .ddm-label {
  260.                 color: white !important;
  261.             }
  262.             
  263.             .lfr-ddm__default-page-header-title {
  264.                 color: #0088f2 !important;
  265.             }
  266.             
  267.             /* fix unstyle btn */
  268.             .btn-unstyled, .menubar-toggler {
  269.                 background-color: rgba(0,0,0,0.001) !important;
  270.             }
  271.             
  272.             /* fix search icn */
  273.             #searchbox .input-group .input-group-inset-item {
  274.                 background: #555 !important;
  275.             }
  276.             
  277.             /* inverted icons :3 */
  278.             /* can't just throw a filter at it due to nested elements and stuff */
  279.             /* this is less hacky anyway :3 */
  280.             #user-messages {
  281.                 background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAfCAYAAACGVs+MAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAANSSURBVFhH7ZZdaM9RGMc3LzMaI6/ZldeUkFxQFIkLUaOkhGyFK0V5S9uVlUgUFxIRMTdzgURRQrngQsKNNu7kLS+bl83LNp/P+f3Or99mLsi42bc+nXOe3/M/z3POec7ZCnrUo/+twps3rh+mLU6GQYVp211qT1vVYgJ5wz+XCbyjHZwMg67AcSiDgWCC7kpM1H4k2qJPtLVBVC9ogmdQAUsgqtEEmul8hTcwBl7Cxrnz5p+j/Un4p73f1nI4CKPhCQyHongEH2AE1MBWULehgkQa8HFl/aDzSkV1ttl3Ue7EeDgJs0Htgyp4CyVuj3KrvxJsG205mJA/qCf4euzt0MJY/86BREWbPvoafB3Ug3N9hGXMs522FUogOEe5JQU4XKQZBxcco6MkUQelfPO4vifmDjKwMqg+g6AOjoFyLnfifBilsVQ+gVA4BOpPoNewlOFmbcjze8y3RbTfwBX2hrh6W21+Wwyu2t+oTeBc1la87lmR5hOIq2g3CTskYdFMhXswEi6DZ6g+Q9x2g6u9cAmsp/swDQ6BMngWI207JBBXo9pIolhI4iHMwHYg+RSK1Mkng4G/wJTU5vmq/TAdHoCB48rzMYLyCUSZnY6B3G5soZkDz8GVPYK1UAkG0vYK9Ik36VcvbNbvKoHsI0GbhSTKoZq+V3MSnA0OyfU6kXSDbSLoUw3eJndInDMeVwd1VQMhAQPbEngHjdVbQ/80ra/aKtgAUV43bY1wCnxP/E08kjBXTl3WQJTvQQvByuAq4z2JOaxwF/QBf+cVmwUzwadbmzfD4LWgLMpr4LPuTvx0hfMJOLErbyXwSroNsBAsstXYV4HXqy8Uged7B+6CdaJN/N1qWAO+hgtSm3P6AKkQS2UJMPkL23SbXa0BzH4C32qx94YBjPNnaWCJNnHsTpwBHx/ncC7n9HiyWCr+LfDsVoB33HuvqnDcbQcfJ7A2sgcExWKNyaisgJF2d0/thDAXegjWlQkNNgGLyq3zj426BZUEf5oMOwr/tPfbGgvugNdUmdw3E3hPpzSYkvd7A8HfYx9F3yPKr/BPFK+g78cQOALutmqKRxDl/wQmkxXJX5a3wAUPCyPkCs3sU8pQ6K7gyrkNHuNlxdijHv0nFRT8AOJzJ6xJ3yU9AAAAAElFTkSuQmCC') !important;
  282.             }
  283.             
  284.             #user-notes {
  285.                 background-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAfCAYAAACPvW/2AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAARVSURBVFhHzZhbiFVVGMe32QVJxLtBkjSGBiJGDkFaqamVIhqEihpGEIoKCl1oyJBeEg18sBdLX7T0IUciUkfRHDXvZoFGRN4qCOxCTmZFCqW/395rDefM7H3mnGke+sNvvrW/vc9a3/rWZa89yf9N3XY17QjFmtUPxsOjMArugwFwB6hf4Tv4Ag7BnilTp/2ErahaA7oNFsF0mKijRm2DdQTWnF22Vy0BrYIZcH96lSR/wD44AKfhPPxCY39jE+rtjxkCo+EJmAYxe+/DgvhsqaoJaA68DA+mV0myH9bBx1R4LfVUIdq5C2N2X4Se8DnMoY5z2FZ1FNBGeC4rJifgJSo4kl12TrTnXNsCD8H3MIE6v8WmuiXYtjLdu8Bg/oIlMOa/BqOow6F9DJrAId0ArcrLkKvHyecKMvKnqeQMtktFu3diXIHD4HXaeFN/XoZMp8F8DWaly4NR1PsnZll2lcwOtl1Am+BJuAgT+dGPOivp4IHmSaGYK+67ynJF/bsxh2EkGZunrzSguTAfjNxhuqSzkmjsVcxe7MzMU65w/93sqlCOiHKDTW5Ni5lcjuoVgvkylAsVem6DjePGP96YOvNVx7N9QllZbuE3LdllcizYh/0TM7QCbOAkvKOjkkJGtmZXSYOZCAF6b1W4NjMLwAAuB/bCBTgFUS595YprDSjOA2f7jVDOlY1hDKYOFtJT55u/j0HZc3d1g4lZ+AQaSmwjz8asXQ/2dv84ZL6THD9XlT/IVajAXsdJOqtkqPR5vw5fPc+6CxuMPoNfjb+o7t7B/uYfMzTOAtraQXbstZkwI5NjMCHQ2NvU2jgYlEoDzYq5GhHsV/4xQ+nsRgeDLVMYBuW8sRFTrj8Oc7xvRlrwO6RRvwdrJ4rknqc8oqQZKoswRzbgJLSnBmHZyRkxc8r7Bmfg+qQ79C0aLvaebphZ2VV6akgDiumOE7CtVkPbCr0W78Xem7l0woL+ydBEMEX1qqfAl+0hpsunOnyXXcH2gt44LdekMERmo4HGDaQq0a7J8ARRD8tpe6V+nbGH9wZbq2IG4iSuVovBYD6LwSgD8l2iOnMkVbFDceg7FNnxDP5WdpWsCTaVAXkMVc8GW6tihqoKiGDckT3z9ICNZOcD/VEG9BH4PnmAh3NfkpUU9pv10GFA1D8U42oaDNsJ5nn9pYoHtKWwFvxMqefBH3R2pWhnAsZdO55GZ9POVWyZzJB6Gz6EQdDEj7VdIurqAa4+9yyDcVt4Ji8YVXqE9Z2yHR4BP/D8IjiO7ZSo17eAZ3JPEvfoQ+upc2Eo56rtmdovT0+NU+BfeA9WUknZp0olUd/dGBfIC+Cmp8zOG9RzNLssVt4hX3kmij3xhevWsBM8L30DP4N+PwjEg7oHrDEwFuJUcAJvIhA/p6pSUUDK3r0G7VZCFXIpbyaQwsqLVCmgKHs7FTwV+HE3HAaC8hToPxXOgluHQ+K32z9QlQg6lFSS3AQszGftUhjQnwAAAABJRU5ErkJggg==') !important;
  286.             }
  287.             
  288.             #user-calendar {
  289.                 background-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAfCAYAAAAfrhY5AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAPISURBVFhHtZdbiFZVGIb/ybFSJEHNCE1IDfQiQaKLIFK6SQUJIoQQURAENa80IqUo0KiICBQhKEVBtIugIBK8iLoRgghRxBMKHaCkPJ/GcRx7nvXvT9e/Zu9/ZMAXHr611t57vetbp/mn5+effuxttVoPwR1Qt6vYU8VoD9letoXqnkWbUZ/od1DzRyiMnjf/5auU280jFH1UpWbhMZrwMNzS3MIgHw5QXkv5xerhIIRiZvKsIpvIRMXzfCaN1q/DD/jsrTx7NB9Fw23ilzSshAet9fh9hl9vGjWFmYRTlmt0DLbBEphnwzD6Fly/t2GKDYX6YCIDuO50qKlVrNMXsB0+TrXhtYGOtxK/aVeHSM/HoqBuVrFOG2AL3K/5DmZyM3FpuzpEZp5OVJh3k7OyEZ5NteH1EmyCianWRbHmLxAOwi/wLsTZV7Gb853eTXXv3wLre2ACPMnS/Fua74M3bBuJ6LAq1QufM4SnYXKd+fewGMx8FEQWKs/Edom2iLXvY5T2FD5/ElzGZN5tzcPAy8ZNYgeBddtjAPZzkw77gupZUKvSvMxOg354Brz9PoS3YDY4CJ/LDTCzJbACXNfyb4TK+2/c7X7gixq8CSfBi+Yd+ASOwgLwuVflq/ArfA07YS7Zu8lUmdBdleZ1ozQL5aXxKbhpfG83KI+Ut9pzqdaWsxHqyDZXtzVXZvU5zILXwSmP+/9xGA9/wAH4Cq6Ays0b1WQeo3XHX4YT4D09F9aBOg5uLPUKrIFxqXZvBsusO+rdMo91V6vhL/gNXgNNF4FrPgbUU9Cxpsh62XZXpXk+svyji3AO3PnKe2BFu9gaqGJTIvdtHvKDGIi/dPbCEzAJ3PGavwcLIXZ1k5oSGmJejtK6U6s8t26oj+C8DSj/+56bNJU71G3Nlcau8SqIzbQM3OXqcBVV0/Q2tTeaO9q4Qj3f/qD4G86C59tTEJdK9OEPw9CjVSyz7qiX5vlD11U+gN/BzCeDm84BzAeXwrtAeST/gwtVVI1Zq6bM/chMNH8fvNvnwPMwDZbDNfCYOWA35T/gb8EZcIj7PQbVqDCPEeaZR9mO3dFHwKl26h2UU+s7fiu93OeXwMxdFsn7U1FPfuV6xbExuuYSuz2XZzue5yQxgH64AenPbNWswi/FNAKmaDrhNHiEvDwuQUxbx2gzRdal6t43AX/B7Eq1Vmusg8v/afDnsdfog9Za/Lbj1xv/q92hoZ+yZ9hdHOsZKDOJbMr2iE3vq6vwHT778Un9a56OFI19lH1pxKKPqtQsPFxvlrQ18D+XMjsnQBcXCwAAAABJRU5ErkJggg==') !important;
  290.             }
  291.             
  292.             /* fix weird bg of user box (login/nr albumu) */
  293.             #user-wrapper :is(.portlet-content-container, .portlet-body, .mwContent) {
  294.                 background: none !important;
  295.             }
  296.             
  297.             /* top thingy/header coloring (dirty fix) */
  298.             .container-fluid.container-fluid-max-xl.pb-0.pl-4.pr-4.pt-4 {
  299.                 background: #333 !important;
  300.                 /* box-shadow: 0 8px 2px -2px black;*/
  301.             }
  302.             
  303.             /* use dark-opt trans logo */
  304.             /* VERY dirty hack to "replace" the image with css */
  305.             a.logo.custom-logo {
  306.                  background-image: url('data:image/png;base64,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') !important;
  307.                 background-size: cover !important;
  308.                 /*height: 4rem !important;*/
  309.                 display: inline-block !important;
  310.             }
  311.             
  312.             a.logo.custom-logo img {
  313.                 opacity: 0.001 !important;
  314.             }
  315.             
  316.             /* user info panel - invert the (i) icon */
  317.             .user-info {
  318.                 filter: invert(100%);
  319.             }
  320.             
  321.             /* fix white border around shit */
  322.             
  323.             .teba .portlet-decorate .portlet-content,
  324.             .portlet-teba-microservice .portlet-content-container {
  325.                 border-color: #444 !important;
  326.             }
  327.             
  328.             /* fuck the notices */
  329.             .news-what-info :is([style*="color:black"], [style*="color: black"]) {
  330.                 color: white !important;
  331.             }
  332.             
  333.             /* fuck the notices, AGAIN */
  334.             .news-what-info :is([style*="background:white"], [style*="background: white"]) {
  335.                 background-color: unset !important;
  336.             }
  337. 					
  338. 						/* fix last crumb */
  339. 						.breadcrumb > li .active, 
  340. 						.breadcrumb-item .active {
  341. 							  /*color: #0087f1 !important;*/
  342. 								color: #eee !important;
  343. 						}
  344. 					
  345. 					/* fix file explorer uis */
  346. 					#main-content[style="background-color: rgb(255, 255, 255); padding: 2em;"],
  347. 					.management-bar-light,
  348. 					.management-bar-light .navbar-overlay {
  349. 						background-color: #333 !important;
  350. 					}
  351. 					.lfr-search-container-list :is(
  352. 						.list-group-header, 
  353. 						.list-group-item
  354. 					) {
  355. 						background-color: #222 !important;
  356. 					}
  357. 					.lfr-tooltip-scope svg.lexicon-icon.lexicon-icon-search {
  358. 						fill: black !important;
  359. 					}
  360. 						
  361. 					/* search box border */
  362. 					#searchbox {
  363. 						background: unset !important;
  364. 					}
  365. 					#searchbox .lexicon-icon-search {
  366. 						color: white !important;
  367. 						fill: white !important;
  368. 					}
  369. 					
  370. 					/* default is #333, bweh */
  371. 					label {
  372. 						color: #ddd !important;
  373. 					}
  374. 						
  375. 					/* wykladowca kalendarz */
  376. 					.calednar-container [style="background-color: white; width: 100%;"] {
  377. 						background-color: #333 !important;
  378. 					}
  379. 					.portlet-teba-microservice .month-calendar-today,
  380. 					.portlet-teba-microservice .calendar_week-monthplan,
  381. 					.portlet-teba-microservice .calendar_month .go_btn,
  382. 					.portlet-teba-microservice .month-calendar {
  383. 						background-color: #333 !important;
  384. 					}
  385. 					.portlet-teba-microservice .calendar_month tr.current-week {
  386. 						background-color: #444 !important;
  387. 					}
  388.         }
  389.     }
  390. }
  391.  
  392. @-moz-document domain("login.wsb.pl") {
  393.     @layer { 
  394.         @media screen {
  395.             html, body {
  396.                 background: #222 !important;
  397.                 color: white !important;
  398.             }
  399.  
  400.             #main {
  401.                 background: #333 !important;
  402.             }
  403.  
  404.             h1 {
  405.                 color: white !important;
  406.             }
  407.  
  408.             #login-page .form .row label {
  409.                 color: unset !important;
  410.             }
  411.  
  412.             .copyright {
  413.                 color: #eee !important;
  414.             }
  415.  
  416.             .copyright a {
  417.                 color: #bff !important;
  418.             }
  419.             
  420.             /*fix label colors*/
  421.             :is(#passwordSection, #usernameSection) label {
  422.                 color: white !important;
  423.             }
  424.             
  425.             /* aaaaa */
  426.             .message-box {
  427.                 color: black !important;
  428.             }
  429.             
  430.             a {
  431.                 color: #6666ee !important;
  432.             }
  433.             
  434.             [for="rememberMe"] {
  435.                 color: white !important;
  436.             }
  437.         }
  438.     }
  439. }
  440.  
  441. @-moz-document domain("okd.wsb.pl") {
  442.     @layer { 
  443.         @media screen {
  444.             body {
  445.                 background: #222 !important;
  446.                 color: #eee !important;
  447.             }
  448.  
  449.             /* too lazy to actually style the table :3 */
  450.             /* so just make them light again in order to ensure readability */
  451.             table {
  452.                 background: white !important;
  453.                 color: black !important;
  454.             }
  455.  
  456.             .page-footer {
  457.                 background: #333 !important;
  458.             }
  459.  
  460.             .question:nth-child(2n+1) {
  461.                 background: #333 !important;
  462.             }
  463.  
  464.             .level1, .level2, .level1 *, .level2 *, #glowne_zalozenia {
  465.                 color: #ddd !important;
  466.             }
  467.         }
  468.     }
  469. }
  470.  
  471. @-moz-document domain("moodle2.e-wsb.pl") {
  472. 	/* Custom colors: */
  473. 	/*:root {
  474. 		--sheet-bg: #131213; 
  475. 		--sheet-fg: #201e20; 
  476. 		--sheet-fg-nested: #2b2b2b; 
  477. 		--dark-active: #333;
  478. 		--borderr: #444;
  479. 		--text: white; 
  480. 		--text-ll: #eee;
  481. 		--text-l: #ddd;
  482. 		--icon: white;
  483.         --accent-active: #0f6cbf; 
  484.         --accent-darker: #0c589c; 
  485. 	}*/
  486.     
  487.     /* For Stylus/Stylish */
  488.     :root {
  489.         --sheet-bg: var(--moodleSheetBg, #131213);
  490.         --sheet-fg: var(--moodleSheetFg, #201e20);
  491.         --sheet-fg-nested: var(--moodleSheetFgNested, #2b2b2b);
  492.         --dark-active: var(--moodleDarkActive, #333);
  493.         --borderr: var(--moodleBorder, #444);
  494.         --text: var(--moodleText, white);
  495.         --text-ll: var(--moodleTextLL, #eee);
  496.         --text-l: var(--moodleTextL, #ddd);
  497.         --icon: var(--moodleIcon, white);
  498.         --accent-active: var(--moodleAccentActive, #0f6cbf); /* default accent */ 
  499.         --accent-darker: var(--moodleAccentDarker, #0c589c); /* e.g. hover colors */
  500.     }
  501. 	
  502. 	/* =========== WARNING IF THEME IS NOT SET TO "BOOST" ================= */
  503. 	.branding::after {
  504. 		content: "WARNING: THE \"DEFAULT\" THEME IS NOT SUPPORTED YET! \A SET THE PREFERRED THEME TO \"BOOST\" IN PREFERENCES TO ENSURE DARK THEME WORKS PROPERLY! \A DO NOT REPORT ANY ISSUES IF YOU SEE THIS MESSAGE!";
  505. 		font-family: monospace;
  506. 		white-space: pre;
  507. 		color: red;
  508. 		font-weight: bolder;
  509. 		background: black;
  510. 		font-size: 1rem;
  511. 		position: fixed;
  512. 		top: 0;
  513. 		left: 50vw;
  514. 		transform: translate(-50%);
  515. 		z-index: 999999;
  516. 		pointer-events: none;
  517. 		text-align: center;
  518. 	}
  519. 	
  520. 	/* ============= IMAGE HACKS */
  521. 	img[src*="theme/image.php/boost/core/1725975808/i/arrow-left"],
  522. 	img[src*="theme/image.php/boost/mod_forum/1727946888/monologo"],
  523.     img[src*="theme/image.php/boost/mod_page/1738162837/monologo"],
  524.     img[src*="theme/image.php/boost/quiz/1738162837/monologo"],
  525.     img[src*="theme/image.php/boost/forum/1738162837/monologo"],
  526.     img[src*="theme/image.php/boost/assign/1738162837/monologo"]
  527.     {
  528. 		filter: invert(100%);
  529. 	}
  530. 	/* main logo */
  531.   /* img[src*="pluginfile.php/1/core_admin/logocompact/300x300/1727209188/logowsp_m2.png"],
  532. 	img[src*="pluginfile.php/1/core_admin/logocompact/300x300/1727946888/logowsp_m2.png"] {
  533. 		filter: brightness(150%) invert(100%) hue-rotate(180deg);
  534. 	} */
  535. 	.navbar-toggler-icon {
  536. 		filter: invert(100%);
  537. 	}
  538. 	
  539. 	/* ============= GENERIC STYLES ============= */
  540. 	/* Broad styles, may break shit but have the most effect */
  541. 	body {
  542. 		background: var(--sheet-bg) !important; 
  543. 		color: var(--text) !important;
  544. 	}
  545. 	
  546. 	/* seems to only appear on the error screen */
  547. 	body > #page {
  548. 		background-color: background: var(--sheet-fg-nested) !important;
  549. 	}
  550. 	
  551. 	:not(:is(.text-success, .text-danger)) i:is(.icon,.fa):not(:is(.text-danger, .text-success)) {
  552. 		color: var(--icon) !important;
  553. 	}
  554. 	.bg-white { /* Generic "white" background, e.g. the navbar */
  555. 		background-color: var(--sheet-fg) !important;
  556. 	}
  557. 	.card { /* Generic Nested cards */
  558. 		background-color: var(--sheet-fg-nested) !important;
  559. 	}
  560. 	.list-group-item { /* Generic list-group item */
  561. 		background-color: var(--sheet-fg-nested) !important;
  562. 	}
  563. 	.btn:not(.btn-link) { /* Generic button */
  564. 		color: var(--text) !important;
  565. 	}
  566. 	.btn.btn-icon:hover { /* Generic icon button (hover) */
  567. 		background-color: var(--dark-active) !important;
  568. 	}
  569. 	.btn-secondary {
  570. 		background-color: var(--sheet-fg-nested) !important;
  571. 		border-color: var(--borderr) !important;
  572. 	}
  573.     .border-bottom {
  574.         border-bottom-color: var(--borderr) !important;
  575.     }
  576.     .border-top {
  577.         border-top-color: var(--borderr) !important;
  578.     }
  579. 	/* General table styles */
  580. 	.generaltable { 
  581. 		color: var(--text-l) !important;
  582. 	}
  583. 	.generaltable tbody tr:hover {
  584. 		color: var(--text) !important;
  585. 	}
  586. 	.generaltable th, .generaltable td {
  587. 		border-top-color: var(--borderr) !important;
  588. 	}
  589.     :root .generaltable thead .sticky-column, 
  590.     :root .generaltable tbody tr:nth-of-type(2n) {
  591.         /* background-color: var(--sheet-fg-nested); */
  592.          background-color: var(--sheet-fg); 
  593.     }
  594. 	.table {
  595. 		color: var(--text) !important;
  596. 	}
  597. 	/* General modals */
  598. 	.modal-content { 
  599. 		background: var(--sheet-fg-nested);
  600. 	}
  601. 	.modal-title {
  602. 		/* TODO actually make the modal titlebar darker */
  603. 		color: black !important;
  604. 	}
  605. 	
  606. 	@layer whatever {
  607. 		.border {
  608. 			border-color: var(--borderr) !important;
  609. 		}
  610. 	}
  611. 	
  612. 	/* badges */
  613. 	.badge {
  614. 		mix-blend-mode: unset !important; /* wtf */
  615. 		color: var(--text) !important;
  616. 	}
  617. 	@layer fuck-this-shit {
  618. 		/* TODO: separate style for these */
  619. 		.badge, .badge-light {
  620. 			color: var(--text-l) !important;
  621. 			background-color: #444 !important;
  622. 		}
  623. 	}
  624.  
  625. 	/* SPECIFIC MODALS: */
  626. /* 	.calendar_event_site .modal-title { color: white !important; }
  627. 	.calendar_event_site */
  628. 	
  629. 	/* Dropdown menu */
  630. 	.dropdown-menu {
  631. 		background-color: var(--sheet-fg-nested) !important;
  632. 		color: var(--text-l) !important;
  633. 	}
  634. 	.dropdown-item {
  635. 		color: var(--text) !important;
  636. 	}
  637.     .dropdown-divider {
  638.         border-top-color: var(--borderr) !important;
  639.     }
  640. 	
  641. 	/* Popovers (eg notifs) */
  642. 	.popover-region-container {
  643. 		background-color: var(--sheet-fg) !important;
  644. 		border-color: var(--borderr) !important;
  645. 	}
  646. 	.popover-region-header-container {
  647. 		border-bottom-color: var(--borderr) !important;
  648. 	}
  649. 	.popover-region-footer-container {
  650. 		border-top-color: var(--borderr) !important;
  651. 		background-color: var(--sheet-fg-nested) !important;
  652. 	}
  653. 	
  654. 	/* NAVBAR: Links */
  655. 	.primary-navigation .navigation .nav-link {
  656. 		color: var(--text-ll) !important;
  657. 	}
  658. 	
  659. 	/* NAVBAR: Links, HOVER */
  660. 	.moremenu .nav-link:hover, .moremenu .nav-link:focus {
  661. 		color: var(--text) !important;
  662. 		background-color: var(--dark-active) !important;
  663. 	}
  664. 	
  665. 	/* NAVBAR: Border */
  666. 	.navbar.fixed-top {
  667. 		border-bottom-color: var(--sheet-fg-nested);
  668. 	}
  669.  
  670. 	/* NAVBAR: Notification bell */
  671. 	#yui_3_17_2_1_1725994383149_381 {
  672. 		color: var(--icon) !important; fill: var(--icon) !important;
  673. 	}
  674.  
  675. 	/* SECONDARY NAVBAR/SECONDARY TABS */
  676. 	.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
  677. 		color: var(--text) !important;
  678. 	}
  679. 	.moremenu .nav-tabs,
  680. 	.secondary-navigation .navigation {
  681. 		background: var(--sheet-fg) !important;
  682. 	}
  683. 	.secondary-navigation .navigation {
  684. 		border-color: var(--borderr) !important
  685. 	}
  686. 	
  687. 	/* TARTIARY TABS/NAVIGATION */
  688. /* 	.tertiary-navigation.full-width-bottom-border */
  689. 	.full-width-bottom-border {
  690. 		border-bottom-color: var(--borderr) !important;
  691. 	}
  692. 	.tertiary-navigation .navitem-divider {
  693. 		background-color: var(--borderr) !important;
  694. 	}
  695. 	
  696. 	/* DRAWER: Side-drawer(s) */
  697. 	.drawer {
  698. 		background-color: var(--sheet-fg) !important;
  699. 	}
  700.  
  701. 	/* MAINTILE: inner */
  702. 	#page.drawers .main-inner {
  703. 		background: var(--sheet-fg);
  704. 	}
  705.  
  706. 	/* MAINTILE: main region inside inner */
  707. 	#region-main {
  708. 		background-color: unset !important;
  709. 	}
  710. 	
  711. 	/* MAIN-COURSELIST */
  712. 	.block .block-cards span.categoryname, .block .block-cards .btn-link {
  713. 		color: var(--text-l) !important;
  714. 	}
  715. 	.block .block-cards .course-summaryitem {
  716. 		border-color: var(--borderr) !important;
  717. 	}
  718.     /*.card.block_myoverview {
  719.         background-color: unset !important;
  720.     }*/
  721. 	
  722. 	/* COURSE: Description items */
  723. 	.description .course-description-item {
  724. 		background-color: var(--sheet-bg-nested) !important;
  725. 	}
  726. 	
  727. 	/* COURSE-FLOATER */
  728. 	:is(
  729. 		#yui_3_17_2_1_1725994383149_385, 
  730. 		#yui_3_17_2_1_1725994383149_388,
  731. 		#yui_3_17_2_1_1725995299769_217,
  732. 		.drawer-toggler
  733. 	) button {
  734. 		background-color: var(--sheet-fg-nested) !important;
  735. 	}
  736. 	
  737. 	/* COURSE-SIDEBAR */
  738. 	.courseindex .courseindex-item .courseindex-link, 
  739. 	.courseindex .courseindex-item .courseindex-chevron {
  740. 		color: var(--text-l) !important;
  741. 	}
  742. 	
  743. 	/* COURSE ACT. ITEM border color fix */
  744. 	.activity-item:not(.activityinline) {
  745. 		border-color: var(--borderr) !important;
  746. 	}
  747. 	.section .activity.indented + .indented .activity-item {
  748. 		border-top-color: var(--borderr) !important;
  749. 	}
  750. 	
  751.  
  752. 	/* ACTIVITY */
  753. 	
  754. 	/* ACTIVITY-HEADER (due etc) */
  755. 	.path-mod .activity-header:not(:empty) {
  756. 		background-color: var(--sheet-fg-nested) !important;
  757. 	}
  758. 	
  759. 	/* ACTIVITY-TABLE */
  760. 	/* fix non-graded color */
  761. 	.path-mod-assign td.submissionnotgraded, 
  762. 	.path-mod-assign div.submissionnotgraded {
  763. 		color: var(--text) !important;
  764. 	}
  765. 	
  766. 	/* ACTIVITY-ICON color fix */
  767. 	.activityiconcontainer i.icon.fa {
  768. 		color: rgb(32,32,32) !important;
  769. 	}
  770. 	
  771. 	/* NOTIFICATIONS */
  772. 	.notification-area {
  773. 		border-color: var(--borderr) !important;
  774. 	}
  775. 	.notification-area .control-area {
  776. 		border-right-color: var(--borderr) !important;
  777. 	}
  778. 		
  779. 	.content-item-container {
  780. 		border-bottom-color: var(--borderr) !important;
  781. 	}
  782. 	.content-item-container.unread:not(:hover) {
  783. 		background: var(--dark-active) !important;
  784. 	}
  785. 	
  786. 	/* FORUM */
  787. 	.forumpost {
  788. 		border-color: var(--borderr) !important;
  789. 	}
  790. 	
  791. 	/* 
  792. 		"FANCY"/REMUI-STYLE COURSES 
  793. 		this is dumb as fuck...
  794. 		i hope the devs of this crap <insert bad thing here> :3
  795. 		like seriously, *fuck them*
  796. 	*/
  797. 	/* This is not final */
  798. 	body#page-course-view-remuiformat .section-title,
  799. 	body#page-course-view-remuiformat .activitieshead {
  800. 		color: var(--text) !important;
  801. 	}
  802. 	body#page-course-view-remuiformat .coursesummary {
  803. 		color: var(--text-l) !important;
  804. 	}
  805. 	/* remui activity (square) */
  806. 	body#page-course-view-remuiformat .activity:not(.modtype_label) {
  807. 		background: unset !important;
  808. 		border-color: var(--borderr) !important;
  809. 	}
  810. 	body#page-course-view-remuiformat .activity .activitytitle .media-body .activityname a {
  811. 		color: var(--text-l) !important;
  812. 	}
  813. 	/* itm group header */
  814. 	body#page-course-view-remuiformat .remui-format-list .sections .section .content .panel-title, 
  815. 	body#page-course-view-remuiformat .remui-format-list .sections .section .content h3 a {
  816. 		/* title */
  817. 		color: var(--text) !important;
  818. 	}
  819. 	body#page-course-view-remuiformat .section-summary-activities, 
  820. 	body#page-course-view-remuiformat .summary .no-overflow p {
  821. 		/* description*/
  822. 		color: var(--text-l) !important;
  823. 	}
  824. 	body#page-course-view-remuiformat .remui-format-list .sections .section .content .course-section-summary-wrapper .no-overflow {
  825. 		/* summary/misc (like email) */
  826. 		color: var(--text) !important;
  827. 	}
  828. 	/* subact/items */
  829. 	body#page-course-view-remuiformat .section:not(#section-0), /* Outer */
  830. 	body#page-course-view-remuiformat .activity .activity-item:not(.activityinline) /*Inner*/ {
  831. 		background: unset !important;
  832. 		border-color: var(--borderr) !important;
  833. 	}
  834. 		
  835.     /*  ==================== APPLY ACCENTS ========================*/
  836.     
  837.     /* DEBUGGING,
  838.     :root {
  839.         --accent-active: red;   
  840.         --accent-darker: green;
  841.     }
  842.     */
  843.     :root a,
  844.     :root .btn-link {
  845.         color: var(--accent-active);
  846.     }
  847.     :root a:hover {
  848.         color: var(--accent-darker);
  849.     }
  850.     :root .moremenu .nav-link.active {
  851.         border-bottom-color: var(--accent-active);
  852.     }
  853.     :root .btn-primary {
  854.         background-color: var(--accent-active);
  855.         border-color: var(--accent-active);
  856.     }
  857.     :root .btn-primary:hover {
  858.         background-color: var(--accent-darker);
  859.     }
  860.     :root .courseindex .courseindex-item.pageitem {
  861.         background-color: var(--accent-active);
  862.     }
  863.     :root .courseindex .courseindex-section.current {
  864.         border-left-color: var(--accent-active);
  865.     }
  866.     :root .courseindex .courseindex-item.pageitem:hover, 
  867.     :root .courseindex .courseindex-item.pageitem:focus {
  868.         background-color: var(--accent-darker);
  869.     }
  870.     :root .dropdown-item.active,
  871.     :root .dropdown-item:active, 
  872.     :root .dropdown-item:hover, 
  873.     :root .dropdown-item:focus, 
  874.     :root .dropdown-item:focus-within {
  875.         background-color: var(--accent-active);
  876.     }
  877.     
  878.     
  879. 	/* =================== AT THIS POINT I JUST GAVE UP AT MAKING IT NEAT TBH =========================== */
  880. 	/* these things fix tests tho :p */
  881. 	.moodle-dialogue-base .moodle-dialogue-wrap {
  882. 		background-color: var(--sheet-fg-nested) !important;
  883. 	}
  884. 	.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd {
  885. 		color: var(--text);
  886. 	}
  887. 	
  888. 	.que .info,
  889. 	#quiz-timer-wrapper #quiz-timer {
  890. 		background-color: var(--sheet-fg-nested) !important;
  891. 	}
  892. 	
  893. 	.path-mod-quiz #mod_quiz_navblock .qnbutton {
  894. 		background-color: var(--sheet-fg-nested) !important;
  895. 	}
  896. 	
  897. 	.pagelayout-maintenance .page-header-headings, .pagelayout-secure .page-header-headings {
  898. 		background-color: #000 !important;
  899. 	}
  900. 		
  901. 	/* questionnaire fix */
  902. 	.qn-info, .qn-question,
  903. 	#page-mod-questionnaire-complete .raterow:hover, #page-mod-questionnaire-preview .raterow:hover {
  904. 		background: var(--sheet-fg-nested) !important;
  905. 	}
  906. 	
  907. 	/* fix grades */
  908. 	.path-grade-report-user .user-report-container, .grade-report-user .user-report-container {
  909. 		background-color: var(--sheet-fg) !important;
  910. 	}
  911. 	.path-grade-report-user .user-grade thead th, .grade-report-user .user-grade thead th {
  912. 		background-color: var(--sheet-fg) !important;
  913. 	}
  914. 	.path-grade-report-user .user-grade th.category, .grade-report-user .user-grade th.category {
  915. 		background-color: var(--sheet-fg-nested) !important;
  916. 		border-color: var(--borderr) !important;
  917. 	}
  918. 	.path-grade-report-user .user-grade td, .grade-report-user .user-grade td {
  919.   	background-color: var(--sheet-fg) !important;
  920. 	}
  921. 	.path-grade-report-user .user-grade th.column-itemname:not(.header, .category, .baggt, .baggb), 
  922. 	.grade-report-user .user-grade th.column-itemname:not(.header, .category, .baggt, .baggb) {
  923. 		background-color: var(--sheet-fg) !important;
  924. 		border-top-color: var(--borderr) !important;
  925. 		border-bottom-color: var(--borderr) !important;
  926. 	}
  927. 	.path-grade-report-user .user-grade .baggt, .path-grade-report-user .user-grade .baggb, 
  928. 	.grade-report-user .user-grade .baggt, .grade-report-user .user-grade .baggb {
  929. 		background-color: var(--sheet-fg) !important;
  930. 	}
  931. 	.path-grade-report-user .user-grade td.item, .grade-report-user .user-grade td.item {
  932. 		border-top-color: var(--borderr) !important;
  933. 		border-bottom-color: var(--borderr) !important;
  934. 	}
  935.     
  936.     /* fix best grade */
  937.     #page-mod-quiz-view table.quizattemptsummary tr.bestrow td {
  938.         background: var(--sheet-fg-nested) !important;
  939.     }
  940.     
  941.     /* main calendar hover color */
  942.     .maincalendar .calendarmonth .clickable:hover {
  943.         background: var(--dark-active) !important;
  944.     }
  945.     
  946.     /* quiz result border color */
  947.     .path-mod .activity-information .completion-info,
  948.     .path-mod .activity-information .activity-dates {
  949.         border-bottom-color: var(--borderr) !important;
  950.     }
  951.     
  952.     /* ??? */
  953.     [style="height:2px;border-width:0;color:gray;background-color:black"] {
  954.         background-color: var(--text) !important;
  955.     }
  956.     
  957.     /* course borders */
  958.     .course-section {
  959.         border-bottom-color: var(--borderr) !important;
  960.     }
  961.     
  962.     /* workaround for editor icons */
  963.     :is(.editor_atto, .editor_atto *) {
  964.         color: black;
  965.     }
  966.     @layer fuck_atto {
  967.  
  968.         .editor_atto .icon {
  969.             color: black !important;
  970.         }
  971.     }
  972.     
  973.     table.quizreviewsummary td.cell {
  974.         background-color: var(--sheet-fg-nested) !important;
  975.     }
  976.     
  977.     /* check: bib activity */
  978.     .activity-item {
  979.         background-color: var(--sheet-fg) !important;
  980.     }
  981.     
  982.     /* fix buttons with white bg*/
  983.     .activity-item .activity-completion button.btn:not(.btn-success), 
  984.     .activity-item .activity-completion a[role="button"].btn:not(.btn-success) {
  985.         background-color: var(--sheet-fg) !important;
  986.     }
  987.     .activity-item .activity-completion button.btn.btn-success, 
  988.     .activity-item .activity-completion a[role="button"].btn.btn-success {
  989.         background-color: rgba(0, 100, 0, 0.5) !important;
  990.     }
  991.     
  992.     /* course avail. warning */
  993.     .course-section .availabilityinfo {
  994.         background-color: var(--sheet-fg-nested) !important;
  995.     }
  996.     
  997.     /* expand button */
  998.     .btn.btn-icon.icons-collapse-expand {
  999.         background-color: var(--sheet-fg-nested) !important;
  1000.     }
  1001.     
  1002.     /* course section name */
  1003.     .course-section .sectionname > a {
  1004.         color: var(--text) !important;
  1005.     }
  1006.     .course-section .section-item {
  1007.         border-color: var(--borderr) !important;
  1008.     }
  1009.     .activity {
  1010.         border-top-color: var(--borderr) !important;
  1011.     }
  1012.     
  1013.     .course-section.hidden .section-item {
  1014.       background-color: var(--sheet-fg-nested) !important;
  1015.     }
  1016. }
  1017.  
  1018. @-moz-document url-prefix("https://moodle2.e-wsb.pl/pluginfile.php") {
  1019. 	/* === fix userfiles === */
  1020. 	@layer fuck { 
  1021. 		body { 
  1022. 			background: white!important; 
  1023. 		} 
  1024. 	}
  1025. }
  1026.  

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址