☰

nure-ui-fix

виправлення для темної теми та деяких меню

当前为 2023-12-26 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         nure-ui-fix
  3. // @icon         https://dl.nure.ua/pluginfile.php/1/theme_moove/favicon/1664384975/favicon.ico
  4. // @namespace    https://tampermonkey.net/
  5. // @version      5
  6. // @description  виправлення для темної теми та деяких меню
  7. // @author       sekomi
  8. // @match        dl.nure.ua/*
  9. // @run-at       document-end
  10. // @noframes
  11. // @license      MIT
  12. // ==/UserScript==
  13.  
  14. (function() {
  15.     'use strict';
  16.     /* global $ */
  17.  
  18.     function addCss(cssString) {
  19.         const newCss = document.createElement("style");
  20.         newCss.type = "text/css";
  21.         newCss.innerHTML = cssString;
  22.         document.body.appendChild(newCss);
  23.     }
  24.  
  25.     var helpButton = document.getElementsByClassName("btn btn-icon bg-secondary icon-no-margin btn-footer-popover")[0];
  26.     helpButton.style.display = "none";
  27.  
  28.     var elements = document.getElementsByTagName("td", "p");
  29.     for(var i = 0, l = elements.length; i < l; i++) {
  30.         var el = elements[i];
  31.         el.innerHTML = el.innerHTML.replace(/Присутствовал/gi, 'Присутній');
  32.         el.innerHTML = el.innerHTML.replace(/Не был/gi, 'Не присутній');
  33.         el.innerHTML = el.innerHTML.replace(/Опоздал/gi, 'Запізнився');
  34.     }
  35.  
  36.     if (document.body.classList.contains('moove-darkmode'))
  37.     {
  38.     addCss
  39.     (`
  40. /* page */
  41. body.moove-darkmode #page, body.moove-darkmode #region-main, body.moove-darkmode #page.drawers .main-inner {
  42.   background-color: #151515;
  43. }
  44. body.moove-darkmode #page-footer, body.moove-darkmode div[role="main"] {
  45.   background-color: #151515;
  46. }
  47. body.moove-darkmode .dashboard-card-deck .dashboard-card .dashboard-card-footer, body.moove-darkmode #region-main .section.main, body.moove-darkmode .course-content .single-section .sectionname, body.moove-darkmode .course-content .section .sectionname {
  48.   background-color: #151515 !important;
  49. }
  50.  
  51. .description .course-description-item {
  52.   background-color: #1c1c1c;
  53. }
  54. div.description-inner {
  55.   background-color: #1c1c1c;
  56. }
  57. .path-mod .activity-header:not(:empty) {
  58.   background-color: #1c1c1c;
  59. }
  60.  
  61. /* assignments */
  62. .path-mod-assign td.submissionstatussubmitted, .path-mod-assign div.submissionstatussubmitted, .path-mod-assign a:link.submissionstatussubmitted {
  63.   color: #deeae7;
  64.   background-color: #0c3511;
  65. }
  66. .path-mod-assign td.submissiongraded, .path-mod-assign div.submissiongraded {
  67.   color: #deeae7;
  68.   background-color: #0c3511;
  69. }
  70. .path-mod-assign td.earlysubmission, .path-mod-assign div.earlysubmission {
  71.   color: #deeae7;
  72.   background-color: #0c3511;
  73. }
  74. .path-mod-assign td.latesubmission, .path-mod-assign a:link.latesubmission, .path-mod-assign div.latesubmission {
  75.   color: #deeae7;
  76.   background-color: #411313;
  77. }
  78. .path-mod-assign td.submissionnotgraded, .path-mod-assign div.submissionnotgraded {
  79.   color: #deeae7;
  80. }
  81.  
  82. /* quizzes */
  83. #page-mod-quiz-view table.quizattemptsummary tr.bestrow td {
  84.   background-color: #092a0d;
  85. }
  86. .que .info {
  87.   background-color: #1f2022;
  88.   border: 1px solid #56595d;
  89. }
  90. .que .formulation {
  91.   color: #e8eeed;
  92.   background-color: #1f2022;
  93.   border-color: #a7b6b8;
  94. }
  95. #quiz-timer-wrapper #quiz-timer {
  96.   border: 1px solid #ca3120;
  97.   background-color: #1f2022;
  98. }
  99. .path-mod-quiz .qnbutton {
  100.   border: 1px solid #bbb;
  101.   background-color: #1c1c1c !important;
  102. }
  103. .path-mod-quiz .qnbutton {
  104.   background: #1c1c1c;
  105.     background-color: rgb(30, 30, 30);
  106.     background-image: none;
  107. }
  108.  
  109. /* notification colors */
  110. body.moove-darkmode .message-app, body.moove-darkmode .navbar .popover-region-container {
  111.   background-color: #1d1d1d;
  112. }
  113. .popover-region-notifications .popover-region-container .popover-region-content-container .content-item-container.unread {
  114.   background-color: #1a1a1a;
  115. }
  116. .popover-region-notifications .popover-region-container .popover-region-content-container .content-item-container {
  117.   background-color: #1a1a1a;
  118. }
  119. .content-item-container.unread {
  120.   background-color: #1a1a1a;
  121. }
  122. .popover-region-notifications .popover-region-container .popover-region-content-container .content-item-container:hover {
  123.   background-color: #1a1a1a;
  124.   color: inherit;
  125. }
  126. .popover-region-footer-container {
  127.   background-color: #202122;
  128. }
  129.  
  130. .text-dark {
  131.   color: #dfe6ed !important;
  132. }
  133.  
  134. /* search button color */
  135. .simplesearchform .btn-submit {
  136.   background-color: #0f47ad;
  137. }
  138. .simplesearchform .btn-submit {
  139.   border-color: #9facc0;
  140.   color: #dfe6ed;
  141. }
  142.  
  143. /* menu */
  144. .dropdown-menu {
  145.   background-color: #1f2022;
  146. }
  147.  
  148. /* drawer */
  149. .drawer {
  150.   background-color: #1f2022;
  151. }
  152. .btn {
  153.   color: #e1e6ec;
  154. }
  155. .courseindex .courseindex-item .courseindex-link, .courseindex .courseindex-item .courseindex-chevron {
  156.   color: #e1e6ec;
  157. }
  158. .courseindex .courseindex-item.dimmed .courseindex-link, .courseindex .courseindex-item.dimmed .courseindex-chevron {
  159.   color: #e1e6ec;
  160. }
  161.  
  162. .moove-darkmode .courseindex-item:not(.pageitem):hover .icon, .btn.drawertoggle {
  163.   color: #aaa !important;
  164. }
  165. .courseindex .courseindex-item .courseindex-link:hover, .courseindex .courseindex-item .courseindex-link:focus, .courseindex .courseindex-item .courseindex-chevron:hover, .courseindex .courseindex-item .courseindex-chevron:focus {
  166.   color: #aaa !important;
  167. }
  168. .courseindex .courseindex-item:hover, .courseindex .courseindex-item:focus {
  169.   color: #aaa !important;
  170. }
  171. .courseindex d-flex:hover .courseindex-item:hover .courseindex-link:hover, .courseindex .courseindex-item .courseindex-link:focus, .courseindex .courseindex-item .courseindex-chevron:hover, .courseindex .courseindex-item .courseindex-chevron:focus {
  172.   color: #aaa !important;
  173. }
  174. a:hover {
  175.   color: #aaa !important;
  176. }
  177.  
  178. /* calendar */
  179. .maincalendar .calendarmonth .clickable:hover {
  180.   background-color: #1f2022;
  181. }
  182. .modal-content {
  183.   background-color: #1f2022;
  184. }
  185.  
  186. /* grades */
  187. .path-grade-report-user .user-grade thead th, .grade-report-user .user-grade thead th {
  188.   background-color: #151515;
  189. }
  190. .path-grade-report-user .user-report-container, .grade-report-user .user-report-container {
  191.   background-color: #151515;
  192. }
  193. .path-grade-report-user .user-grade th.category, .grade-report-user .user-grade th.category {
  194.   background-color: #151515;
  195. }
  196. .path-grade-report-user .user-grade td, .grade-report-user .user-grade td {
  197.   background-color: #151515;
  198. }
  199. .path-grade-report-user .user-grade .baggt, .path-grade-report-user .user-grade .baggb, .grade-report-user .user-grade .baggt, .grade-report-user .user-grade .baggb {
  200.   background-color: #151515;
  201. }
  202. .path-grade-report-user .user-grade th.column-itemname:not(.header, .category, .baggt, .baggb), .grade-report-user .user-grade th.column-itemname:not(.header, .category, .baggt, .baggb) {
  203.   background-color: #151515;
  204. }
  205. .path-grade-report-user .user-grade td.item, .grade-report-user .user-grade td.item {
  206.   background-color: #151515;
  207. }
  208.  
  209. /* general colors */
  210. body {
  211.   background-color: #151515 !important;
  212. }
  213. body.moove-darkmode .card, body.moove-darkmode #page-enrol-users #filterform, body.moove-darkmode .que .history, body.moove-darkmode .userprofile .profile_tree section, body.moove-darkmode .groupinfobox, body.moove-darkmode .well {
  214.   background-color: #151515;
  215. }
  216. .btn-secondary {
  217.   background-color: #1f2022;
  218. }
  219. #page.drawers {
  220.   scrollbar-color: #6a737b #131317;
  221. }
  222. body.moove-darkmode {
  223.   color: #dfe6ed;
  224. }
  225. body.moove-darkmode a {
  226.   color: #79accf;
  227. }
  228. .custom-select:disabled {
  229.   color: #dfe6ed;
  230.   background-color: #1f2022;
  231. }
  232. .border {
  233.   border: 1px solid #888 !important;
  234. }
  235. .generaltable th, .generaltable td {
  236.   border-top: 1px solid #6c7175;
  237. }
  238. .table-bordered th, .table-bordered td {
  239.   border: 1px solid #6c7175;
  240. }
  241. .dashboard-card {
  242.   border: 1px solid #a7aeb4;
  243. }
  244. .page-link {
  245.   background-color: #1f2022;
  246.   border: 1px solid #888;
  247. }
  248. .page-link:hover {
  249.   background-color: #afbbd240;
  250. }
  251. .page-item.disabled .page-link {
  252.   color: #6a737b;
  253.   background-color: #161719;
  254.   border: 1px solid #888;
  255. }
  256. .generaltable tbody tr:hover {
  257.   color: #646f7b;
  258. }
  259. .list-group-item {
  260.   background-color: #1f2022;
  261. }
  262. [data-region="right-hand-drawer"].drawer .footer-container {
  263.   background-color: #2a2929;
  264. }
  265. .moremenu .nav-link.active:focus, .moremenu .nav-link.active:hover {
  266.   background-color: #222222;
  267. }
  268. .moremenu .nav-link:hover, .moremenu .nav-link:focus {
  269.   background-color: #222222;
  270. }
  271. .card-header {
  272.   background-color: rgba(127, 136, 151, 0.1);
  273. }
  274. .h-100.bg-white {
  275.   background-color: #262626 !important;
  276. }
  277. .bg-light {
  278.   background-color: #1f2022 !important;
  279. }
  280. .bg-white {
  281.   background-color: #262626 !important;
  282. }
  283. .dropdown-item {
  284.   color: #dfe6ed;
  285. }
  286. .path-mod-attendance table.allsessions tr.grouper td {
  287.   background-color: #151515;
  288. }
  289. .moodle-dialogue-base .moodle-dialogue-wrap {
  290.   background-color: #151515;
  291.   border: 1px solid #565656;
  292. }
  293. .yui3-button {
  294.   color: rgba(255, 255, 255, 0.8);
  295. }
  296. a.text-dark:hover, a.text-dark:focus {
  297.   color: #fff !important;
  298. }
  299. .close {
  300.   color: #fff;
  301.   text-shadow: 0 1px 0 #aaa;
  302. }
  303. .close:hover {
  304.   color: #ccc;
  305. }
  306. .custom-select {
  307.   background: #1f2022 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='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center / 8px 10px no-repeat;
  308.   color: #dfe6ed;
  309. }
  310. .btn-success {
  311.   color: #deeae7;
  312.   background-color: #0c3511;
  313.   border-color: #0f3914;
  314. }
  315. a.dimmed, a.dimmed:link, a.dimmed:visited, a.dimmed_text, a.dimmed_text:link, a.dimmed_text:visited, .dimmed_text, .dimmed_text a, .dimmed_text a:link, .dimmed_text a:visited, .usersuspended, .usersuspended a, .usersuspended a:link, .usersuspended a:visited, .dimmed_category, .dimmed_category a {
  316.   color: #747f88;
  317. }
  318. .tertiary-navigation .navitem-divider {
  319.   background-color: #888;
  320. }
  321. .dropdown-menu {
  322.   color: #dadcdf;
  323. }
  324. .btn.btn-icon:hover, .btn.btn-icon:focus {
  325.   background-color: #aaaaaa00;
  326. }
  327.  
  328. /* layout changes */
  329. .content-item-container .view-more {
  330.   bottom: 2px;
  331.   visibility: hidden;
  332. }
  333. .que .specificfeedback, .que .generalfeedback, .que .numpartscorrect .que .rightanswer, .que .im-feedback, .que .feedback, .que p {
  334.   margin: 0 0 .1em;
  335. }
  336. #quiz-timer-wrapper {
  337.   top: 12px;
  338. }
  339. @media (min-width: 768px) {
  340.   .activity-item:not(.activityinline) {
  341.     padding: 1rem;
  342.   }
  343. }
  344. `);
  345.     }
  346. })();