☰

ZyBooks-DarkMode

Adds a dark mode to ZyBooks

目前为 2021-10-08 提交的版本。查看 最新版本。

  1. /* ==UserStyle==
  2. @name           ZyBooks-DarkMode
  3. @namespace      https://caucraft.com/
  4. @version        1.0.0
  5. @description    Adds a dark mode to ZyBooks
  6. @author         Shadowtrot
  7. @homepageURL    https://github.com/caucow/Userscripts
  8. @supportURL     https://github.com/caucow/Userscripts/issues
  9. @license        MIT
  10. ==/UserStyle== */
  11. @-moz-document domain("learn.zybooks.com") {
  12.     /**********************
  13.      Layout/Format Changes
  14.     **********************/
  15.     code,
  16.     .code,
  17.     pre,
  18.     .console,
  19.     .output,
  20.     .numerical-output,
  21.     .zyblock,
  22.     .program,
  23.     input-div {
  24.         padding: 1px;
  25.         margin-left: 1px !important;
  26.         font-family: monospace;
  27.         outline: transparent;
  28.     }
  29.     .zb-radio-button label {
  30.         margin-left: 10px;
  31.         padding-left: 3px !important;
  32.         padding-right: 3px !important;
  33.         font-family: monospace;
  34.     }
  35.     fieldset,
  36.     .definition-match-question .question-choices,
  37.     .definition-match-question fieldset,
  38.     .multiple-choice-question .question-choices,
  39.     .multiple-choice-question fieldset {
  40.         padding-bottom: 10px;
  41.     }
  42.     textarea,
  43.     .zb-text-area,
  44.     input,
  45.     .zb-input,
  46.     div.codeOutput textarea.console,
  47.     textarea:focus,
  48.     .zb-text-area:focus,
  49.     input:focus,
  50.     .zb-input:focus,
  51.     div.codeOutput textarea.console:focus {
  52.         font-family: monospace !important;
  53.     }
  54.     .animation-canvas,
  55.     .custom-resource-payload .custom-tool-container {
  56.         margin-bottom: 10px;
  57.     }
  58.     .shifted-up {
  59.         margin-top: 0px;
  60.     }
  61.     .search-input .search-suggestions {
  62.         border: 1px solid #dddddd;
  63.     }
  64.  
  65.     /********************************************
  66.      Re-coloring all the things for darker-ness.
  67.     ********************************************/
  68.     /* These sub-label comments became less relevant over time :p */
  69.     /* Title bar */
  70.     .toolbar,
  71.     .top-toolbar {
  72.         color: #999999;
  73.         background-color: #000000;
  74.     }
  75.     .zb-menu button {
  76.         background-color: #303030 !important;
  77.         color: #999999 !important;
  78.     }
  79.     .bread-crumbs,
  80.     .zb-button,
  81.     .assignment-section-summary .grey.accessible.next-section-link,
  82.     .assignment-section-summary .grey.next-section-link,
  83.     .availability-options .grey.accessible.copy-pw-clipboard,
  84.     .availability-options .grey.copy-pw-clipboard,
  85.     .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .grey.accessible.fr-btn-text_button,
  86.     .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .grey.fr-btn-text_button,
  87.     .instructor-note-container .grey.accessible.show-edit-instructor-note-icon,
  88.     .instructor-note-container .grey.show-edit-instructor-note-icon,
  89.     .modify-section .toolbar-container .toolbar-card .grey.accessible.show-me-how-link,
  90.     .modify-section .toolbar-container .toolbar-card .grey.show-me-how-link,
  91.     .not-found-page .grey.accessible.copy-pw-clipboard,
  92.     .not-found-page .grey.copy-pw-clipboard,
  93.     .not-found-page .section-header-row .section-action-container .grey.accessible.edit-lab-link,
  94.     .not-found-page .section-header-row .section-action-container .grey.edit-lab-link,
  95.     .pythonTutor .ExecutionVisualizer #vcrControls .grey.accessible.button,
  96.     .pythonTutor .ExecutionVisualizer #vcrControls .grey.button,
  97.     .review-adoption .grey.accessible.back-to-library-link,
  98.     .review-adoption .grey.back-to-library-link,
  99.     .section-preview-modal .grey.accessible.copy-pw-clipboard,
  100.     .section-preview-modal .grey.copy-pw-clipboard,
  101.     .section-preview-modal .section-header-row .section-action-container .grey.accessible.edit-lab-link,
  102.     .section-preview-modal .section-header-row .section-action-container .grey.edit-lab-link,
  103.     .share-zylabs-modal .grey.accessible.copy-link-button,
  104.     .share-zylabs-modal .grey.copy-link-button,
  105.     .student-instructions-modal .grey.accessible.copy-instructions-to-clipboard-button,
  106.     .student-instructions-modal .grey.copy-instructions-to-clipboard-button,
  107.     .subscribe-student-panel .grey.accessible.already-paid,
  108.     .subscribe-student-panel .grey.already-paid,
  109.     .view-request-card .grey.accessible.back-to-library-link,
  110.     .view-request-card .grey.back-to-library-link,
  111.     .zb-button.grey,
  112.     .zb-button.grey.accessible,
  113.     .zb-feedback .expanded-feedback .zb-control-row .grey.accessible.more-info,
  114.     .zb-feedback .expanded-feedback .zb-control-row .grey.more-info,
  115.     .zybook-chapter-print-page .grey.accessible.copy-pw-clipboard,
  116.     .zybook-chapter-print-page .grey.copy-pw-clipboard,
  117.     .zybook-chapter-print-page .section-header-row .section-action-container .grey.accessible.edit-lab-link,
  118.     .zybook-chapter-print-page .section-header-row .section-action-container .grey.edit-lab-link,
  119.     .zybook-chapter-section-loading-page .grey.accessible.copy-pw-clipboard,
  120.     .zybook-chapter-section-loading-page .grey.copy-pw-clipboard,
  121.     .zybook-chapter-section-loading-page .section-header-row .section-action-container .grey.accessible.edit-lab-link,
  122.     .zybook-chapter-section-loading-page .section-header-row .section-action-container .grey.edit-lab-link,
  123.     .zybook-chapter-section-page .grey.accessible.copy-pw-clipboard,
  124.     .zybook-chapter-section-page .grey.copy-pw-clipboard,
  125.     .zybook-chapter-section-page .section-header-row .section-action-container .grey.accessible.edit-lab-link,
  126.     .zybook-chapter-section-page .section-header-row .section-action-container .grey.edit-lab-link,
  127.     .zybook-configure-panel .panel-content .grey.accessible.move-sections-button,
  128.     .zybook-configure-panel .panel-content .grey.move-sections-button,
  129.     .zybook-create-section-page .grey.accessible.copy-pw-clipboard,
  130.     .zybook-create-section-page .grey.copy-pw-clipboard,
  131.     .zybook-create-section-page .section-header-row .section-action-container .grey.accessible.edit-lab-link,
  132.     .zybook-create-section-page .section-header-row .section-action-container .grey.edit-lab-link,
  133.     .zybook-edit-section-page .grey.accessible.copy-pw-clipboard,
  134.     .zybook-edit-section-page .grey.copy-pw-clipboard,
  135.     .zybook-edit-section-page .section-header-row .section-action-container .grey.accessible.edit-lab-link,
  136.     .zybook-edit-section-page .section-header-row .section-action-container .grey.edit-lab-link,
  137.     .zybook-error-page .grey.accessible.copy-pw-clipboard,
  138.     .zybook-error-page .grey.copy-pw-clipboard,
  139.     .zybook-error-page .section-header-row .section-action-container .grey.accessible.edit-lab-link,
  140.     .zybook-error-page .section-header-row .section-action-container .grey.edit-lab-link,
  141.     .zybook-unused-section-loading-page .grey.accessible.copy-pw-clipboard,
  142.     .zybook-unused-section-loading-page .grey.copy-pw-clipboard,
  143.     .zybook-unused-section-loading-page .section-header-row .section-action-container .grey.accessible.edit-lab-link,
  144.     .zybook-unused-section-loading-page .section-header-row .section-action-container .grey.edit-lab-link,
  145.     .zybook-unused-section-page .grey.accessible.copy-pw-clipboard,
  146.     .zybook-unused-section-page .grey.copy-pw-clipboard,
  147.     .zybook-unused-section-page .section-header-row .section-action-container .grey.accessible.edit-lab-link,
  148.     .zybook-unused-section-page .section-header-row .section-action-container .grey.edit-lab-link,
  149.     .zybook-zylab-similarity-page .zb-toolbar .grey.accessible.exit-button,
  150.     .zybook-zylab-similarity-page .zb-toolbar .grey.exit-button,
  151.     .zylab-ui-page .grey.accessible.copy-pw-clipboard,
  152.     .zylab-ui-page .grey.copy-pw-clipboard,
  153.     .zylab-ui-page .section-header-row .section-action-container .grey.accessible.edit-lab-link,
  154.     .zylab-ui-page .section-header-row .section-action-container .grey.edit-lab-link {
  155.         color: #999999;
  156.     }
  157.     .bread-crumbs a {
  158.         color: #5599cc;
  159.     }
  160.  
  161.  
  162.     /* Page */
  163.     .main,
  164.     .zybook-chapter-section-page,
  165.     .route-container,
  166.     .zybook-index-page {
  167.         background-color: #3f3f3f;
  168.     }
  169.  
  170.  
  171.     /* Homepage */
  172.     .panel-content,
  173.     .table-of-contents .toc-header,
  174.     .table-of-contents .toc-header-common,
  175.     .timezone-text,
  176.     .date-time-picker .timezone-text,
  177.     .zb-modal .zb-modal-content,
  178.     .zb-modal-content,
  179.     .chapter-item .section-list-container,
  180.     .zybook-panel .tabs .full-tab.active,
  181.     .zybook-panel .tabs .full-tab.inactive,
  182.     .search-input .search-suggestions,
  183.     .search-input .search-suggestions li.hover,
  184.     .scroll-shadow,
  185.     .find-zybook-section .find-zybook-input,
  186.     .ember-power-select-trigger,
  187.     .ember-power-select-dropdown,
  188.     .pika-single {
  189.         background-color: #2b2b2b;
  190.         color: #aaaaaa;
  191.     }
  192.     .body-text,
  193.     .ember-basic-dropdown-content,
  194.     .pika-label {
  195.         background: transparent;
  196.         color: #aaaaaa;
  197.     }
  198.     .scroll-shadow {
  199.         background: transparent;
  200.         border: 1px solid #ffffff;
  201.     }
  202.     .section-item .section-title-link .section-info .section-title-info .section-title,
  203.     .table-of-contents a:link,
  204.     .table-of-contents a:visited,
  205.     .search-input .search-suggestions a,
  206.     .assignment-details a:link,
  207.     .assignment-details a:visited,
  208.     .assignment-title:link,
  209.     .assignment-details:visited,
  210.     a,
  211.     .zb-footer ul li a {
  212.         color: #60a0e0;
  213.     }
  214.     .zybook-content-explorer-page .outline .term-keyword,
  215.     .zybook-content-explorer-printable-page .outline .term-keyword {
  216.         color: #808080;
  217.     }
  218.     .pika-next,
  219.     .pika-prev,
  220.     .pika-button {
  221.         background-color: #808080;
  222.         color: #dddddd;
  223.     }
  224.  
  225.     /* Content and Containers */
  226.     .zybook-section,
  227.     .zb-card,
  228.     .section-nav,
  229.     .section-announcement,
  230.     .assignment-completion-summary-card,
  231.     .assignment-details,
  232.     .text-lg,
  233.     .zb-modal-card-container {
  234.         background-color: #2b2b2b !important;
  235.         color: #aaaaaa !important;
  236.     }
  237.     .zybook-section h1,
  238.     .zybook-section h2,
  239.     .zybook-section h3,
  240.     .zybook-section h4,
  241.     .zybook-section h5,
  242.     .table-of-contents h1,
  243.     .table-of-contents h2,
  244.     .table-of-contents h3,
  245.     .table-of-contents h4,
  246.     .table-of-contents h5,
  247.     .section-header,
  248.     .chapter-title,
  249.     .static-container-title,
  250.     .test-title-container,
  251.     .explanation,
  252.     .score,
  253.     .student-points,
  254.     .due-date-text,
  255.     .good-practice,
  256.     .good-practice-term,
  257.     .common-error,
  258.     .common-error-term,
  259.     .term,
  260.     .zb-checkbox.switch,
  261.     div.completion-text {
  262.         background-color: transparent !important;
  263.         color: #dddddd !important;
  264.     }
  265.     .about-page-modal,
  266.     .about-page-modal .new-sections-table,
  267.     .accessibility-modal h1,
  268.     .ace-editor-container .drop-file-message,
  269.     .activity-filter,
  270.     .add-zylab-options,
  271.     .add-zylab-options h1,
  272.     .application-notification,
  273.     .application-notification .c-notification__content,
  274.     .assignment-details,
  275.     .assignment-due-date-lms-details,
  276.     .assignment-section-summary .next-section-link,
  277.     .assignment-summary,
  278.     .availability-options .copy-pw-clipboard,
  279.     .body-text,
  280.     .bread-crumbs,
  281.     .catalog-extension-modal,
  282.     .catalog-item-info-modal,
  283.     .catalog-item-info-modal h2,
  284.     .catalog-page .class-instructions .instructions,
  285.     .catalog-page h1,
  286.     .catalog-take-class-modal h1,
  287.     .chapter-item .section-list-container .empty-chapter-text,
  288.     .class-statistics .lab-statistics-row .stat-container,
  289.     .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .fr-btn-text_button,
  290.     .content-tools-app a.common_error,
  291.     .content-tools-app a.good_practice,
  292.     .develop-mode .instructions,
  293.     .exercise-info-modal h2,
  294.     .file-io .add-file-container .error-message,
  295.     .file-io .instructions,
  296.     .instructor-note-container .show-edit-instructor-note-icon,
  297.     .instructor-view-student-submissions .manual-test,
  298.     .instructor-view-student-submissions p,
  299.     .interactive-activity-container .activity-payload,
  300.     .lab-statistics-charts .chart-container,
  301.     .lti-instructions-panel .assignment-info-text,
  302.     .lti-instructions-panel .hidden-assignments-text,
  303.     .lti-instructions-panel .no-assignments-text,
  304.     .manage-class-modal .confirmation-message,
  305.     .manage-class-modal .updated-message,
  306.     .manage-class-modal .warning-message,
  307.     .mathworks-editor-card .message,
  308.     .mathworks-tos-modal,
  309.     .modify-section .toolbar-container .toolbar-card .show-me-how-link,
  310.     .my-class-instructor-panel .panel-content .scrollable-content .manage-class-ul,
  311.     .not-found-page .copy-pw-clipboard,
  312.     .not-found-page .instructor-hidden-message,
  313.     .not-found-page .section-banner,
  314.     .not-found-page .section-header-row .section-action-container .edit-lab-link,
  315.     .not-found-page .zybook-section,
  316.     .not-found-page .zybook-section .zybook-section-title,
  317.     .privacy-page,
  318.     .python-course-modal,
  319.     .pythonTutor .ExecutionVisualizer #vcrControls .button,
  320.     .removeable-user-info .user-info-container,
  321.     .request-refund-modal h1,
  322.     .review-adoption,
  323.     .review-adoption .back-to-library-link,
  324.     .search-input .search-suggestions,
  325.     .section-assignment-details .assignment-choices-container .no-activities-text,
  326.     .section-preview-modal .copy-pw-clipboard,
  327.     .section-preview-modal .instructor-hidden-message,
  328.     .section-preview-modal .section-banner,
  329.     .section-preview-modal .section-header-row .section-action-container .edit-lab-link,
  330.     .section-preview-modal .zybook-section,
  331.     .section-preview-modal .zybook-section .zybook-section-title,
  332.     .share-zylabs-modal,
  333.     .share-zylabs-modal .copy-link-button,
  334.     .share-zylabs-modal .info-text,
  335.     .share-zylabs-modal .search-error,
  336.     .strict-equal-assert-result .type-message,
  337.     .student-instructions-modal .copy-instructions-to-clipboard-button,
  338.     .student-instructions-modal .instructions-text,
  339.     .student-instructions-modal h1,
  340.     .subscribe-student-panel .already-paid,
  341.     .table-of-contents .activity-selection-header .header-title,
  342.     .table-of-contents .configure-header .header-title,
  343.     .table-of-contents .detail-text,
  344.     .table-of-contents .section-assignment-header .header-title,
  345.     .table-of-contents .section-selection-header .header-title,
  346.     .test-question a.common_error,
  347.     .test-question a.good_practice,
  348.     .tos-page,
  349.     .validator-text,
  350.     .view-receipt-modal,
  351.     .view-request-card,
  352.     .view-request-card .back-to-library-link,
  353.     .webinar-info-modal h1,
  354.     .zb-button,
  355.     .zb-feedback .expanded-feedback .zb-control-row .more-info,
  356.     .zb-footer,
  357.     .zb-nav-menu .chapter-labels .nav-item-label,
  358.     .zb-nav-menu .chapter-labels .nav-item-label-empty,
  359.     .zb-nav-menu .chapter-labels .nav-item-label-hidden,
  360.     .zb-nav-menu .chapter-labels .nav-item-label-lab,
  361.     .zb-nav-menu .chapter-labels .nav-item-label-optional,
  362.     .zb-nav-menu .section-labels .nav-item-label,
  363.     .zb-nav-menu .section-labels .nav-item-label-empty,
  364.     .zb-nav-menu .section-labels .nav-item-label-hidden,
  365.     .zb-nav-menu .section-labels .nav-item-label-lab,
  366.     .zb-nav-menu .section-labels .nav-item-label-optional,
  367.     .zybook-analytics-dashboard .highcharts-axis-title,
  368.     .zybook-analytics-dashboard .highcharts-title,
  369.     .zybook-analytics-dashboard .tooltip-container,
  370.     .zybook-chapter-add-lab-page .add-lab-card,
  371.     .zybook-chapter-add-lab-page .description,
  372.     .zybook-chapter-add-lab-page .selected-labs-text,
  373.     .zybook-chapter-add-lab-page .zb-table table .name-column .lab-title,
  374.     .zybook-chapter-add-lab-page h3,
  375.     .zybook-chapter-print-page .copy-pw-clipboard,
  376.     .zybook-chapter-print-page .instructor-hidden-message,
  377.     .zybook-chapter-print-page .section-banner,
  378.     .zybook-chapter-print-page .section-header-row .section-action-container .edit-lab-link,
  379.     .zybook-chapter-print-page .zybook-section,
  380.     .zybook-chapter-print-page .zybook-section .zybook-section-title,
  381.     .zybook-chapter-section-loading-page .copy-pw-clipboard,
  382.     .zybook-chapter-section-loading-page .instructor-hidden-message,
  383.     .zybook-chapter-section-loading-page .section-banner,
  384.     .zybook-chapter-section-loading-page .section-header-row .section-action-container .edit-lab-link,
  385.     .zybook-chapter-section-loading-page .zybook-section,
  386.     .zybook-chapter-section-loading-page .zybook-section .zybook-section-title,
  387.     .zybook-chapter-section-page .assignment-completion-summary-card,
  388.     .zybook-chapter-section-page .copy-pw-clipboard,
  389.     .zybook-chapter-section-page .instructor-hidden-message,
  390.     .zybook-chapter-section-page .section-banner,
  391.     .zybook-chapter-section-page .section-header-row .section-action-container .edit-lab-link,
  392.     .zybook-chapter-section-page .zybook-section,
  393.     .zybook-chapter-section-page .zybook-section .zybook-section-title,
  394.     .zybook-configure-panel .error-message,
  395.     .zybook-configure-panel .panel-content .instructions-text,
  396.     .zybook-configure-panel .panel-content .move-sections-button,
  397.     .zybook-content-explorer-page .outline .resource-info-container .resource-caption,
  398.     .zybook-content-explorer-page .outline .term-definition,
  399.     .zybook-content-explorer-printable-page .outline .resource-info-container .resource-caption,
  400.     .zybook-content-explorer-printable-page .outline .term-definition,
  401.     .zybook-create-section-page .copy-pw-clipboard,
  402.     .zybook-create-section-page .instructor-hidden-message,
  403.     .zybook-create-section-page .section-banner,
  404.     .zybook-create-section-page .section-header-row .section-action-container .edit-lab-link,
  405.     .zybook-create-section-page .zybook-section,
  406.     .zybook-create-section-page .zybook-section .zybook-section-title,
  407.     .zybook-edit-section-page .copy-pw-clipboard,
  408.     .zybook-edit-section-page .instructor-hidden-message,
  409.     .zybook-edit-section-page .section-banner,
  410.     .zybook-edit-section-page .section-header-row .section-action-container .edit-lab-link,
  411.     .zybook-edit-section-page .zybook-section,
  412.     .zybook-edit-section-page .zybook-section .zybook-section-title,
  413.     .zybook-error-page .copy-pw-clipboard,
  414.     .zybook-error-page .instructor-hidden-message,
  415.     .zybook-error-page .section-banner,
  416.     .zybook-error-page .section-header-row .section-action-container .edit-lab-link,
  417.     .zybook-error-page .zybook-section,
  418.     .zybook-error-page .zybook-section .zybook-section-title,
  419.     .zybook-extension-modal,
  420.     .zybook-getting-started-page .explanatory-text,
  421.     .zybook-getting-started-page .video-list,
  422.     .zybook-ordering-preview .info-list,
  423.     .zybook-outline-filter,
  424.     .zybook-section .instructor-note,
  425.     .zybook-section a.common_error,
  426.     .zybook-section a.good_practice,
  427.     .zybook-section.instructor-created-zybook-section h1,
  428.     .zybook-section.instructor-created-zybook-section pre,
  429.     .zybook-unit-test-help-page .zybook-section-title,
  430.     .zybook-unused-section-loading-page .copy-pw-clipboard,
  431.     .zybook-unused-section-loading-page .instructor-hidden-message,
  432.     .zybook-unused-section-loading-page .section-banner,
  433.     .zybook-unused-section-loading-page .section-header-row .section-action-container .edit-lab-link,
  434.     .zybook-unused-section-loading-page .zybook-section,
  435.     .zybook-unused-section-loading-page .zybook-section .zybook-section-title,
  436.     .zybook-unused-section-page .copy-pw-clipboard,
  437.     .zybook-unused-section-page .instructor-hidden-message,
  438.     .zybook-unused-section-page .section-banner,
  439.     .zybook-unused-section-page .section-header-row .section-action-container .edit-lab-link,
  440.     .zybook-unused-section-page .zybook-section,
  441.     .zybook-unused-section-page .zybook-section .zybook-section-title,
  442.     .zybook-zylab-similarity-page,
  443.     .zybook-zylab-similarity-page .zb-toolbar .exit-button,
  444.     .zylab-table-section-header .info-text,
  445.     .zylab-table-section-header .zybook-graphic-container .zybook-details,
  446.     .zylab-ui-page .copy-pw-clipboard,
  447.     .zylab-ui-page .instructor-hidden-message,
  448.     .zylab-ui-page .section-banner,
  449.     .zylab-ui-page .section-header-row .section-action-container .edit-lab-link,
  450.     .zylab-ui-page .zybook-section,
  451.     .zylab-ui-page .zybook-section .zybook-section-title,
  452.     .zylabs-edit .code,
  453.     .zylabs-edit .lab-spec .matlab-points,
  454.     .zylabs-edit .lab-spec .section-card,
  455.     .zylabs-edit .run-message,
  456.     .zylabs-edit .save-lab-modal p,
  457.     .zylabs-edit .save-lab-modal td,
  458.     .zylabs-edit .student-files .file-editor .editor-container .ace-editor-header .description,
  459.     .zylabs-edit .test-bench .test-summary,
  460.     .zylabs-edit .test-results-modal .testing-instructions-list,
  461.     .zylabs-view-test-bench,
  462.     .zylabs-view-test-bench .test .test-description,
  463.     h1,
  464.     h2,
  465.     h3,
  466.     h4,
  467.     h5,
  468.     h6,
  469.     .zb-modal .zb-modal-content h1,
  470.     #prompt,
  471.     .explanation-text,
  472.     .explanation-description,
  473.     .text-element > span,
  474.     .variable-or-IO-label,
  475.     span.zyante-progression-explanation,
  476.     .library-page .zybooks-section-header {
  477.         background-color: transparent;
  478.         color: #dddddd;
  479.     }
  480.     .zb-icon,
  481.     .material-icons-outlined.grey,
  482.     .material-icons-outlined.grey.accessible,
  483.     .material-icons-round.grey,
  484.     .material-icons-round.grey.accessible,
  485.     .material-icons-sharp.grey,
  486.     .material-icons-sharp.grey.accessible,
  487.     .material-icons-two-tone.grey,
  488.     .material-icons-two-tone.grey.accessible,
  489.     .material-icons.grey,
  490.     .material-icons.grey.accessible {
  491.         color: #dddddd !important;
  492.     }
  493.     .zb-chevron.outline.medium.grey {
  494.         border: 1px solid #aaaaaa;
  495.     }
  496.     .activity-title-bar,
  497.     .activity-description,
  498.     .activity-type,
  499.     .inline-editor-header {
  500.         background-color: #242424 !important;
  501.         color: #a0a0a0 !important;
  502.     }
  503.     .zb-button.secondary {
  504.         color: #60a0e0;
  505.     }
  506.     .zybook-section .table table th,
  507.     th,
  508.     .definition-match-payload .definition-row .term-bucket,
  509.     .draggable-object .zb-button.secondary.raised {
  510.         background-color: #2b2b2b;
  511.         color: #aaaaaa;
  512.     }
  513.     .zybook-section .table table td,
  514.     td,
  515.     .definition-match-payload .definition-row .definition,
  516.     .draggable-object .zb-button.secondary.raised:hover {
  517.         background-color: #3f3f3f;
  518.         color: #aaaaaa;
  519.     }
  520.     blockquote::before,
  521.     .subscribe-student-panel .price-container .subscription-info-text,
  522.     button.activity-completion,
  523.     small,
  524.     .forgot-page .forgot-password-card .disclaimer-text,
  525.     .forgot-page .instructor-verify-card .disclaimer-text,
  526.     .forgot-page .reset-card .disclaimer-text,
  527.     .forgot-page .sign-up-card .disclaimer-text,
  528.     .forgot-page .signin-card .disclaimer-text,
  529.     .instructor-verify-page .forgot-password-card .disclaimer-text,
  530.     .instructor-verify-page .instructor-verify-card .disclaimer-text,
  531.     .instructor-verify-page .reset-card .disclaimer-text,
  532.     .instructor-verify-page .sign-up-card .disclaimer-text,
  533.     .instructor-verify-page .signin-card .disclaimer-text,
  534.     .reset-page .forgot-password-card .disclaimer-text,
  535.     .reset-page .instructor-verify-card .disclaimer-text,
  536.     .reset-page .reset-card .disclaimer-text,
  537.     .reset-page .sign-up-card .disclaimer-text,
  538.     .reset-page .signin-card .disclaimer-text,
  539.     .signin-page .forgot-password-card .disclaimer-text,
  540.     .signin-page .instructor-verify-card .disclaimer-text,
  541.     .signin-page .reset-card .disclaimer-text,
  542.     .signin-page .sign-up-card .disclaimer-text,
  543.     .signin-page .signin-card .disclaimer-text,
  544.     .signup-page .forgot-password-card .disclaimer-text,
  545.     .signup-page .instructor-verify-card .disclaimer-text,
  546.     .signup-page .reset-card .disclaimer-text,
  547.     .signup-page .sign-up-card .disclaimer-text,
  548.     .signup-page .signin-card .disclaimer-text {
  549.         color: #aaaaaa;
  550.     }
  551.  
  552.  
  553.     /* Soo many possibilities and hard-coded tag-specific colors with
  554.    interactives. Hecc that, just graduate to semi-light theme. */
  555.     .interactive-activity-container,
  556.     .interactive-activity-container .activity-payload,
  557.     .static-container,
  558.     .instructions-div,
  559.     blockquote {
  560.         background-color: #777777;
  561.         color: #dddddd;
  562.     }
  563.     .animation-canvas {
  564.         background-color: #dddddd;
  565.         color: #404040;
  566.     }
  567.     .custom-resource-payload .custom-tool-container {
  568.         background-color: #777777;
  569.         color: #404040;
  570.     }
  571.  
  572.  
  573.     /* Content Interactives */
  574.     code,
  575.     .code,
  576.     pre,
  577.     .console,
  578.     .output,
  579.     .numerical-output,
  580.     .zb-radio-button label,
  581.     .zyblock,
  582.     .program,
  583.     input-div,
  584.     div.codeOutput div.tool-container div.input-div {
  585.         background-color: #dddddd;
  586.         color: #404040;
  587.     }
  588.     code:not([style*="transparent"]) pre,
  589.     .code:not([style*="transparent"]) pre,
  590.     .console > pre,
  591.     .output > pre,
  592.     .numerical-output > pre {
  593.         background-color: transparent;
  594.     }
  595.     /* This got orphaned, guessing it was for above but dunno */
  596.     /*
  597. {
  598.   background-color: #dddddd;
  599.   color: #404040;
  600. }
  601. */
  602.     fieldset,
  603.     .definition-match-question .question-choices,
  604.     .definition-match-question fieldset,
  605.     .multiple-choice-question .question-choices,
  606.     .multiple-choice-question fieldset {
  607.         background-color: #404040;
  608.     }
  609.     textarea,
  610.     .zb-text-area,
  611.     input,
  612.     .zb-input,
  613.     div.codeOutput textarea.console {
  614.         background-color: #706860 !important;
  615.         color: #aaaaaa !important;
  616.         outline: 2px solid #ffd0c0;
  617.         border: 1px solid transparent;
  618.     }
  619.     textarea:focus,
  620.     .zb-text-area:focus,
  621.     input:focus,
  622.     .zb-input:focus,
  623.     div.codeOutput textarea.console:focus {
  624.         background-color: #504840 !important;
  625.         color: #dddddd !important;
  626.         outline: 1px solid #404040;
  627.         border: 1px solid transparent;
  628.     }
  629.     .zb-input-container.readonly > input,
  630.     .zb-power-select-container.readonly > input {
  631.         background-color: #404040;
  632.         color: #aaaaaa;
  633.         -webkit-text-fill-color: #aaaaaa;
  634.     }
  635.     ::placeholder {
  636.         color: #aaaaaa !important;
  637.     }
  638.     ::-webkit-input-placeholder {
  639.         color: #aaaaaa !important;
  640.     }
  641.     :-moz-placeholder {
  642.         color: #aaaaaa !important;
  643.     }
  644.     ::-moz-placeholder {
  645.         color: #aaaaaa !important;
  646.     }
  647.     :-ms-input-placeholder {
  648.         color: #aaaaaa !important;
  649.     }
  650.  
  651.     /* Correct/Incorrect boxes */
  652.     .correct {
  653.         color: #aaaaaa;
  654.         border-top: 2px solid #80d080 !important;
  655.     }
  656.     .correct::after {
  657.         border: 4px solid #80d080 !important;
  658.     }
  659.     .correct .message {
  660.         color: #80d080 !important;
  661.     }
  662.     .incorrect {
  663.         color: #aaaaaa;
  664.         border-top: 2px solid #802020 !important;
  665.     }
  666.     .incorrect::after {
  667.         border: 4px solid #802020 !important;
  668.     }
  669.     .incorrect .message {
  670.         color: #802020 !important;
  671.     }
  672.  
  673.  
  674.     /* Remove layout/format changes from client-hardcoded */
  675.     .animation-text-object code,
  676.     .animation-text-object pre,
  677.     .tool-container.code,
  678.     .tool-container code {
  679.         background-color: revert;
  680.         color: revert;
  681.         padding: revert;
  682.         font-family: revert;
  683.         outline: revert;
  684.     }
  685. }

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

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

加入Q群

QingJ © 2025

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