☰

nure-ui-fix

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

目前为 2024-03-16 提交的版本，查看 最新版本。

  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.1
  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: #22262e;
  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. .path-mod-quiz #mod_quiz_navblock .qnbutton.complete .trafficlight, .path-mod-quiz #mod_quiz_navblock .qnbutton.answersaved .trafficlight, .path-mod-quiz #mod_quiz_navblock .qnbutton.requiresgrading .trafficlight {
  105.   background-color: #11691b;
  106. }
  107. .path-mod-quiz #mod_quiz_navblock .qnbutton.notyetanswered .trafficlight, .path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight {
  108.   background-color: #4a3e9e;
  109. }
  110. table.quizreviewsummary th.cell {
  111.   background: #1f2022;
  112. }
  113. table.quizreviewsummary td.cell {
  114.   background: #1f2022;
  115. }
  116.  
  117. /* notification colors */
  118. body.moove-darkmode .message-app, body.moove-darkmode .navbar .popover-region-container {
  119.   background-color: #1d1d1d;
  120. }
  121. .popover-region-notifications .popover-region-container .popover-region-content-container .content-item-container.unread {
  122.   background-color: #1a1a1a;
  123. }
  124. .popover-region-notifications .popover-region-container .popover-region-content-container .content-item-container {
  125.   background-color: #1a1a1a;
  126. }
  127. .content-item-container.unread {
  128.   background-color: #1a1a1a;
  129. }
  130. .popover-region-notifications .popover-region-container .popover-region-content-container .content-item-container:hover {
  131.   background-color: #1a1a1a;
  132.   color: inherit;
  133. }
  134. .popover-region-footer-container {
  135.   background-color: #202122;
  136. }
  137.  
  138. .text-dark {
  139.   color: #dfe6ed !important;
  140. }
  141.  
  142. /* search button color */
  143. .simplesearchform .btn-submit {
  144.   background-color: #0f47ad;
  145. }
  146. .simplesearchform .btn-submit {
  147.   border-color: #9facc0;
  148.   color: #dfe6ed;
  149. }
  150.  
  151. /* menu */
  152. .dropdown-menu {
  153.   background-color: #1f2022;
  154. }
  155.  
  156. /* drawer */
  157. .drawer {
  158.   background-color: #1f2022;
  159. }
  160. .btn {
  161.   color: #e1e6ec;
  162. }
  163. .courseindex .courseindex-item .courseindex-link, .courseindex .courseindex-item .courseindex-chevron {
  164.   color: #e1e6ec;
  165. }
  166. .courseindex .courseindex-item.dimmed .courseindex-link, .courseindex .courseindex-item.dimmed .courseindex-chevron {
  167.   color: #e1e6ec;
  168. }
  169.  
  170. .moove-darkmode .courseindex-item:not(.pageitem):hover .icon, .btn.drawertoggle {
  171.   color: #aaa !important;
  172. }
  173. .courseindex .courseindex-item:hover, .courseindex .courseindex-item:focus {
  174.   color: #aaa !important;
  175. }
  176. .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 {
  177.   color: #aaa !important;
  178. }
  179. a:hover {
  180.   color: #aaa !important;
  181. }
  182. .courseindex .courseindex-item:hover .courseindex-link, .courseindex .courseindex-item:hover .courseindex-chevron, .courseindex .courseindex-item:focus .courseindex-link, .courseindex .courseindex-item:focus .courseindex-chevron {
  183.   color: #aaa !important;
  184. }
  185. .fp-icon {
  186.   background: #8ca7db;
  187. }
  188.  
  189. /* calendar */
  190. .maincalendar .calendarmonth .clickable:hover {
  191.   background-color: #1f2022;
  192. }
  193. .modal-content {
  194.   background-color: #1f2022;
  195. }
  196. .block .block-controls .dropdown-toggle {
  197.   color: #deeae7;
  198. }
  199.  
  200. /* grades */
  201. .path-grade-report-user .user-grade thead th, .grade-report-user .user-grade thead th {
  202.   background-color: #151515;
  203. }
  204. .path-grade-report-user .user-report-container, .grade-report-user .user-report-container {
  205.   background-color: #151515;
  206. }
  207. .path-grade-report-user .user-grade th.category, .grade-report-user .user-grade th.category {
  208.   background-color: #151515;
  209. }
  210. .path-grade-report-user .user-grade td, .grade-report-user .user-grade td {
  211.   background-color: #151515;
  212. }
  213. .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 {
  214.   background-color: #151515;
  215. }
  216. .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) {
  217.   background-color: #151515;
  218. }
  219. .path-grade-report-user .user-grade td.item, .grade-report-user .user-grade td.item {
  220.   background-color: #151515;
  221. }
  222.  
  223. /* general colors */
  224. body {
  225.   background-color: #151515 !important;
  226. }
  227. 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 {
  228.   background-color: #151515;
  229. }
  230. .btn-secondary {
  231.   background-color: #1f2022;
  232. }
  233. #page.drawers {
  234.   scrollbar-color: #6a737b #131317;
  235. }
  236. .generaltable tbody tr:nth-of-type(2n)
  237. {
  238.   background-color: #151515;
  239. }
  240. body.moove-darkmode {
  241.   color: #dfe6ed;
  242. }
  243. body.moove-darkmode a {
  244.   color: #79accf;
  245. }
  246. .custom-select:disabled {
  247.   color: #dfe6ed;
  248.   background-color: #1f2022;
  249. }
  250. .border {
  251.   border: 1px solid #888 !important;
  252. }
  253. .generaltable th, .generaltable td {
  254.   border-top: 1px solid #6c7175;
  255. }
  256. .table-bordered th, .table-bordered td {
  257.   border: 1px solid #6c7175;
  258. }
  259. .dashboard-card {
  260.   border: 1px solid #a7aeb4;
  261. }
  262. .forumpost.unread .row.header, .path-course-view .unread, span.unread
  263. {
  264.   background-color: #1f2022;
  265. }
  266. .page-link {
  267.   background-color: #1f2022;
  268.   border: 1px solid #888;
  269. }
  270. .page-link:hover {
  271.   background-color: #afbbd240;
  272. }
  273. .page-item.disabled .page-link {
  274.   color: #6a737b;
  275.   background-color: #161719;
  276.   border: 1px solid #888;
  277. }
  278. .generaltable tbody tr:hover {
  279.   color: #646f7b;
  280. }
  281. .list-group-item {
  282.   background-color: #1f2022;
  283. }
  284. [data-region="right-hand-drawer"].drawer .footer-container {
  285.   background-color: #2a2929;
  286. }
  287. .moremenu .nav-link.active:focus, .moremenu .nav-link.active:hover {
  288.   background-color: #222222;
  289. }
  290. .moremenu .nav-link:hover, .moremenu .nav-link:focus {
  291.   background-color: #222222;
  292. }
  293. .card-header {
  294.   background-color: rgba(127, 136, 151, 0.1);
  295. }
  296. .h-100.bg-white {
  297.   background-color: #262626 !important;
  298. }
  299. .bg-light {
  300.   background-color: #1f2022 !important;
  301. }
  302. .bg-white {
  303.   background-color: #262626 !important;
  304. }
  305. .dropdown-item {
  306.   color: #dfe6ed;
  307. }
  308. .path-mod-attendance table.allsessions tr.grouper td {
  309.   background-color: #151515;
  310. }
  311. .moodle-dialogue-base .moodle-dialogue-wrap {
  312.   background-color: #151515;
  313.   border: 1px solid #565656;
  314. }
  315. .yui3-button {
  316.   color: rgba(255, 255, 255, 0.8);
  317. }
  318. a.text-dark:hover, a.text-dark:focus {
  319.   color: #fff !important;
  320. }
  321. .close {
  322.   color: #fff;
  323.   text-shadow: 0 1px 0 #aaa;
  324. }
  325. .close:hover {
  326.   color: #ccc;
  327. }
  328. .custom-select {
  329.   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;
  330.   color: #dfe6ed;
  331. }
  332. .btn-success {
  333.   color: #deeae7;
  334.   background-color: #0c3511;
  335.   border-color: #0f3914;
  336. }
  337. 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 {
  338.   color: #747f88;
  339. }
  340. .tertiary-navigation .navitem-divider {
  341.   background-color: #888;
  342. }
  343. .course-section .availabilityinfo {
  344.   background-color: #2c3033;
  345. }
  346. .dropdown-menu {
  347.   color: #dadcdf;
  348. }
  349. .btn.btn-icon:hover, .btn.btn-icon:focus {
  350.   background-color: #aaaaaa00;
  351. }
  352. div[style] {
  353.     background-color: #151515 !important;
  354. }
  355. .pagelayout-frontpage .dashboard-card .course-contacts .contact p.role, .pagelayout-coursecategory .dashboard-card .course-contacts .contact p.role {
  356.   color: #66717b;
  357. }
  358. .message-app .message.send .time {
  359.   background-color: #3f4448 !important;
  360.   color: #deeae7;
  361. }
  362. .message-app .message.send {
  363.   background-color: #3f4448;
  364.   color: #deeae7;
  365. }
  366. .message-app .icon {
  367.   color: #deeae7;
  368. }
  369.  
  370. /* layout changes */
  371. .content-item-container .view-more {
  372.   bottom: 2px;
  373.   visibility: hidden;
  374. }
  375. .que .specificfeedback, .que .generalfeedback, .que .numpartscorrect .que .rightanswer, .que .im-feedback, .que .feedback, .que p {
  376.   margin: 0 0 .1em;
  377. }
  378. #quiz-timer-wrapper {
  379.   top: 12px;
  380. }
  381. @media (min-width: 768px) {
  382.   .activity-item:not(.activityinline) {
  383.     padding: 1rem;
  384.     border: 1px solid #83888d;
  385.   }
  386. }
  387. `);
  388.     }
  389. })();