nure-ui-fix

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

当前为 2023-12-20 提交的版本,查看 最新版本

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