nure-ui-fix

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

当前为 2024-03-11 提交的版本,查看 最新版本

  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 6
  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. if (document.body.classList.contains('moove-darkmode'))
  29. {
  30. addCss
  31. (`
  32. /* page */
  33. body.moove-darkmode #page, body.moove-darkmode #region-main, body.moove-darkmode #page.drawers .main-inner {
  34. background-color: #151515;
  35. }
  36. body.moove-darkmode #page-footer, body.moove-darkmode div[role="main"] {
  37. background-color: #151515;
  38. }
  39. 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 {
  40. background-color: #151515 !important;
  41. }
  42.  
  43. .description .course-description-item {
  44. background-color: #1c1c1c;
  45. }
  46. div.description-inner {
  47. background-color: #1c1c1c;
  48. }
  49. .path-mod .activity-header:not(:empty) {
  50. background-color: #1c1c1c;
  51. }
  52.  
  53. /* assignments */
  54. .path-mod-assign td.submissionstatussubmitted, .path-mod-assign div.submissionstatussubmitted, .path-mod-assign a:link.submissionstatussubmitted {
  55. color: #deeae7;
  56. background-color: #0c3511;
  57. }
  58. .path-mod-assign td.submissiongraded, .path-mod-assign div.submissiongraded {
  59. color: #deeae7;
  60. background-color: #0c3511;
  61. }
  62. .path-mod-assign td.earlysubmission, .path-mod-assign div.earlysubmission {
  63. color: #deeae7;
  64. background-color: #0c3511;
  65. }
  66. .path-mod-assign td.latesubmission, .path-mod-assign a:link.latesubmission, .path-mod-assign div.latesubmission {
  67. color: #deeae7;
  68. background-color: #411313;
  69. }
  70. .path-mod-assign td.submissionnotgraded, .path-mod-assign div.submissionnotgraded {
  71. color: #deeae7;
  72. }
  73. .path-mod-assign td.submissionlocked, .path-mod-assign div.submissionlocked {
  74. color: #deeae7;
  75. background-color: #262434;
  76. }
  77.  
  78. /* quizzes */
  79. #page-mod-quiz-view table.quizattemptsummary tr.bestrow td {
  80. background-color: #092a0d;
  81. }
  82. .que .info {
  83. background-color: #1f2022;
  84. border: 1px solid #56595d;
  85. }
  86. .que .formulation {
  87. color: #e8eeed;
  88. background-color: #1f2022;
  89. border-color: #a7b6b8;
  90. }
  91. #quiz-timer-wrapper #quiz-timer {
  92. border: 1px solid #ca3120;
  93. background-color: #1f2022;
  94. }
  95. .path-mod-quiz .qnbutton {
  96. border: 1px solid #bbb;
  97. background-color: #1c1c1c !important;
  98. }
  99. .path-mod-quiz .qnbutton {
  100. background: #1c1c1c;
  101. background-color: rgb(30, 30, 30);
  102. background-image: none;
  103. }
  104.  
  105. /* notification colors */
  106. body.moove-darkmode .message-app, body.moove-darkmode .navbar .popover-region-container {
  107. background-color: #1d1d1d;
  108. }
  109. .popover-region-notifications .popover-region-container .popover-region-content-container .content-item-container.unread {
  110. background-color: #1a1a1a;
  111. }
  112. .popover-region-notifications .popover-region-container .popover-region-content-container .content-item-container {
  113. background-color: #1a1a1a;
  114. }
  115. .content-item-container.unread {
  116. background-color: #1a1a1a;
  117. }
  118. .popover-region-notifications .popover-region-container .popover-region-content-container .content-item-container:hover {
  119. background-color: #1a1a1a;
  120. color: inherit;
  121. }
  122. .popover-region-footer-container {
  123. background-color: #202122;
  124. }
  125.  
  126. .text-dark {
  127. color: #dfe6ed !important;
  128. }
  129.  
  130. /* search button color */
  131. .simplesearchform .btn-submit {
  132. background-color: #0f47ad;
  133. }
  134. .simplesearchform .btn-submit {
  135. border-color: #9facc0;
  136. color: #dfe6ed;
  137. }
  138.  
  139. /* menu */
  140. .dropdown-menu {
  141. background-color: #1f2022;
  142. }
  143.  
  144. /* drawer */
  145. .drawer {
  146. background-color: #1f2022;
  147. }
  148. .btn {
  149. color: #e1e6ec;
  150. }
  151. .courseindex .courseindex-item .courseindex-link, .courseindex .courseindex-item .courseindex-chevron {
  152. color: #e1e6ec;
  153. }
  154. .courseindex .courseindex-item.dimmed .courseindex-link, .courseindex .courseindex-item.dimmed .courseindex-chevron {
  155. color: #e1e6ec;
  156. }
  157.  
  158. .moove-darkmode .courseindex-item:not(.pageitem):hover .icon, .btn.drawertoggle {
  159. color: #aaa !important;
  160. }
  161. .courseindex .courseindex-item:hover, .courseindex .courseindex-item:focus {
  162. color: #aaa !important;
  163. }
  164. .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 {
  165. color: #aaa !important;
  166. }
  167. a:hover {
  168. color: #aaa !important;
  169. }
  170. .courseindex .courseindex-item:hover .courseindex-link, .courseindex .courseindex-item:hover .courseindex-chevron, .courseindex .courseindex-item:focus .courseindex-link, .courseindex .courseindex-item:focus .courseindex-chevron {
  171. color: #aaa !important;
  172. }
  173. .fp-icon {
  174. background: #8ca7db;
  175. }
  176.  
  177. /* calendar */
  178. .maincalendar .calendarmonth .clickable:hover {
  179. background-color: #1f2022;
  180. }
  181. .modal-content {
  182. background-color: #1f2022;
  183. }
  184.  
  185. /* grades */
  186. .path-grade-report-user .user-grade thead th, .grade-report-user .user-grade thead th {
  187. background-color: #151515;
  188. }
  189. .path-grade-report-user .user-report-container, .grade-report-user .user-report-container {
  190. background-color: #151515;
  191. }
  192. .path-grade-report-user .user-grade th.category, .grade-report-user .user-grade th.category {
  193. background-color: #151515;
  194. }
  195. .path-grade-report-user .user-grade td, .grade-report-user .user-grade td {
  196. background-color: #151515;
  197. }
  198. .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 {
  199. background-color: #151515;
  200. }
  201. .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) {
  202. background-color: #151515;
  203. }
  204. .path-grade-report-user .user-grade td.item, .grade-report-user .user-grade td.item {
  205. background-color: #151515;
  206. }
  207.  
  208. /* general colors */
  209. body {
  210. background-color: #151515 !important;
  211. }
  212. 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 {
  213. background-color: #151515;
  214. }
  215. .btn-secondary {
  216. background-color: #1f2022;
  217. }
  218. #page.drawers {
  219. scrollbar-color: #6a737b #131317;
  220. }
  221. .generaltable tbody tr:nth-of-type(2n)
  222. {
  223. background-color: #151515;
  224. }
  225. body.moove-darkmode {
  226. color: #dfe6ed;
  227. }
  228. body.moove-darkmode a {
  229. color: #79accf;
  230. }
  231. .custom-select:disabled {
  232. color: #dfe6ed;
  233. background-color: #1f2022;
  234. }
  235. .border {
  236. border: 1px solid #888 !important;
  237. }
  238. .generaltable th, .generaltable td {
  239. border-top: 1px solid #6c7175;
  240. }
  241. .table-bordered th, .table-bordered td {
  242. border: 1px solid #6c7175;
  243. }
  244. .dashboard-card {
  245. border: 1px solid #a7aeb4;
  246. }
  247. .forumpost.unread .row.header, .path-course-view .unread, span.unread
  248. {
  249. background-color: #1f2022;
  250. }
  251. .page-link {
  252. background-color: #1f2022;
  253. border: 1px solid #888;
  254. }
  255. .page-link:hover {
  256. background-color: #afbbd240;
  257. }
  258. .page-item.disabled .page-link {
  259. color: #6a737b;
  260. background-color: #161719;
  261. border: 1px solid #888;
  262. }
  263. .generaltable tbody tr:hover {
  264. color: #646f7b;
  265. }
  266. .list-group-item {
  267. background-color: #1f2022;
  268. }
  269. [data-region="right-hand-drawer"].drawer .footer-container {
  270. background-color: #2a2929;
  271. }
  272. .moremenu .nav-link.active:focus, .moremenu .nav-link.active:hover {
  273. background-color: #222222;
  274. }
  275. .moremenu .nav-link:hover, .moremenu .nav-link:focus {
  276. background-color: #222222;
  277. }
  278. .card-header {
  279. background-color: rgba(127, 136, 151, 0.1);
  280. }
  281. .h-100.bg-white {
  282. background-color: #262626 !important;
  283. }
  284. .bg-light {
  285. background-color: #1f2022 !important;
  286. }
  287. .bg-white {
  288. background-color: #262626 !important;
  289. }
  290. .dropdown-item {
  291. color: #dfe6ed;
  292. }
  293. .path-mod-attendance table.allsessions tr.grouper td {
  294. background-color: #151515;
  295. }
  296. .moodle-dialogue-base .moodle-dialogue-wrap {
  297. background-color: #151515;
  298. border: 1px solid #565656;
  299. }
  300. .yui3-button {
  301. color: rgba(255, 255, 255, 0.8);
  302. }
  303. a.text-dark:hover, a.text-dark:focus {
  304. color: #fff !important;
  305. }
  306. .close {
  307. color: #fff;
  308. text-shadow: 0 1px 0 #aaa;
  309. }
  310. .close:hover {
  311. color: #ccc;
  312. }
  313. .custom-select {
  314. 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;
  315. color: #dfe6ed;
  316. }
  317. .btn-success {
  318. color: #deeae7;
  319. background-color: #0c3511;
  320. border-color: #0f3914;
  321. }
  322. 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 {
  323. color: #747f88;
  324. }
  325. .tertiary-navigation .navitem-divider {
  326. background-color: #888;
  327. }
  328. .course-section .availabilityinfo {
  329. background-color: #2c3033;
  330. }
  331. .dropdown-menu {
  332. color: #dadcdf;
  333. }
  334. .btn.btn-icon:hover, .btn.btn-icon:focus {
  335. background-color: #aaaaaa00;
  336. }
  337. div[style] {
  338. background-color: #151515 !important;
  339. }
  340. .pagelayout-frontpage .dashboard-card .course-contacts .contact p.role, .pagelayout-coursecategory .dashboard-card .course-contacts .contact p.role {
  341. color: #66717b;
  342. }
  343. .message-app .message.send .time {
  344. background-color: #3f4448 !important;
  345. color: #deeae7;
  346. }
  347. .message-app .message.send {
  348. background-color: #3f4448;
  349. color: #deeae7;
  350. }
  351. .message-app .icon {
  352. color: #deeae7;
  353. }
  354.  
  355. /* layout changes */
  356. .content-item-container .view-more {
  357. bottom: 2px;
  358. visibility: hidden;
  359. }
  360. .que .specificfeedback, .que .generalfeedback, .que .numpartscorrect .que .rightanswer, .que .im-feedback, .que .feedback, .que p {
  361. margin: 0 0 .1em;
  362. }
  363. #quiz-timer-wrapper {
  364. top: 12px;
  365. }
  366. @media (min-width: 768px) {
  367. .activity-item:not(.activityinline) {
  368. padding: 1rem;
  369. border: 1px solid #83888d;
  370. }
  371. }
  372. `);
  373. }
  374. })();