您需要先安装一个扩展,例如 篡改猴、Greasemonkey 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 Userscripts ,之后才能安装此脚本。
您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。
您需要先安装用户脚本管理器扩展后才能安装此脚本。
Adds a dark mode to ZyBooks
当前为
/* ==UserStyle== @name ZyBooks-DarkMode @namespace https://caucraft.com/ @version 1.0.0 @description Adds a dark mode to ZyBooks @author Shadowtrot @homepageURL https://github.com/caucow/Userscripts @supportURL https://github.com/caucow/Userscripts/issues @license MIT ==/UserStyle== */ @-moz-document domain("learn.zybooks.com") { /********************** Layout/Format Changes **********************/ code, .code, pre, .console, .output, .numerical-output, .zyblock, .program, input-div { padding: 1px; margin-left: 1px !important; font-family: monospace; outline: transparent; } .zb-radio-button label { margin-left: 10px; padding-left: 3px !important; padding-right: 3px !important; font-family: monospace; } fieldset, .definition-match-question .question-choices, .definition-match-question fieldset, .multiple-choice-question .question-choices, .multiple-choice-question fieldset { padding-bottom: 10px; } textarea, .zb-text-area, input, .zb-input, div.codeOutput textarea.console, textarea:focus, .zb-text-area:focus, input:focus, .zb-input:focus, div.codeOutput textarea.console:focus { font-family: monospace !important; } .animation-canvas, .custom-resource-payload .custom-tool-container { margin-bottom: 10px; } .shifted-up { margin-top: 0px; } .search-input .search-suggestions { border: 1px solid #dddddd; } /******************************************** Re-coloring all the things for darker-ness. ********************************************/ /* These sub-label comments became less relevant over time :p */ /* Title bar */ .toolbar, .top-toolbar { color: #999999; background-color: #000000; } .zb-menu button { background-color: #303030 !important; color: #999999 !important; } .bread-crumbs, .zb-button, .assignment-section-summary .grey.accessible.next-section-link, .assignment-section-summary .grey.next-section-link, .availability-options .grey.accessible.copy-pw-clipboard, .availability-options .grey.copy-pw-clipboard, .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .grey.accessible.fr-btn-text_button, .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .grey.fr-btn-text_button, .instructor-note-container .grey.accessible.show-edit-instructor-note-icon, .instructor-note-container .grey.show-edit-instructor-note-icon, .modify-section .toolbar-container .toolbar-card .grey.accessible.show-me-how-link, .modify-section .toolbar-container .toolbar-card .grey.show-me-how-link, .not-found-page .grey.accessible.copy-pw-clipboard, .not-found-page .grey.copy-pw-clipboard, .not-found-page .section-header-row .section-action-container .grey.accessible.edit-lab-link, .not-found-page .section-header-row .section-action-container .grey.edit-lab-link, .pythonTutor .ExecutionVisualizer #vcrControls .grey.accessible.button, .pythonTutor .ExecutionVisualizer #vcrControls .grey.button, .review-adoption .grey.accessible.back-to-library-link, .review-adoption .grey.back-to-library-link, .section-preview-modal .grey.accessible.copy-pw-clipboard, .section-preview-modal .grey.copy-pw-clipboard, .section-preview-modal .section-header-row .section-action-container .grey.accessible.edit-lab-link, .section-preview-modal .section-header-row .section-action-container .grey.edit-lab-link, .share-zylabs-modal .grey.accessible.copy-link-button, .share-zylabs-modal .grey.copy-link-button, .student-instructions-modal .grey.accessible.copy-instructions-to-clipboard-button, .student-instructions-modal .grey.copy-instructions-to-clipboard-button, .subscribe-student-panel .grey.accessible.already-paid, .subscribe-student-panel .grey.already-paid, .view-request-card .grey.accessible.back-to-library-link, .view-request-card .grey.back-to-library-link, .zb-button.grey, .zb-button.grey.accessible, .zb-feedback .expanded-feedback .zb-control-row .grey.accessible.more-info, .zb-feedback .expanded-feedback .zb-control-row .grey.more-info, .zybook-chapter-print-page .grey.accessible.copy-pw-clipboard, .zybook-chapter-print-page .grey.copy-pw-clipboard, .zybook-chapter-print-page .section-header-row .section-action-container .grey.accessible.edit-lab-link, .zybook-chapter-print-page .section-header-row .section-action-container .grey.edit-lab-link, .zybook-chapter-section-loading-page .grey.accessible.copy-pw-clipboard, .zybook-chapter-section-loading-page .grey.copy-pw-clipboard, .zybook-chapter-section-loading-page .section-header-row .section-action-container .grey.accessible.edit-lab-link, .zybook-chapter-section-loading-page .section-header-row .section-action-container .grey.edit-lab-link, .zybook-chapter-section-page .grey.accessible.copy-pw-clipboard, .zybook-chapter-section-page .grey.copy-pw-clipboard, .zybook-chapter-section-page .section-header-row .section-action-container .grey.accessible.edit-lab-link, .zybook-chapter-section-page .section-header-row .section-action-container .grey.edit-lab-link, .zybook-configure-panel .panel-content .grey.accessible.move-sections-button, .zybook-configure-panel .panel-content .grey.move-sections-button, .zybook-create-section-page .grey.accessible.copy-pw-clipboard, .zybook-create-section-page .grey.copy-pw-clipboard, .zybook-create-section-page .section-header-row .section-action-container .grey.accessible.edit-lab-link, .zybook-create-section-page .section-header-row .section-action-container .grey.edit-lab-link, .zybook-edit-section-page .grey.accessible.copy-pw-clipboard, .zybook-edit-section-page .grey.copy-pw-clipboard, .zybook-edit-section-page .section-header-row .section-action-container .grey.accessible.edit-lab-link, .zybook-edit-section-page .section-header-row .section-action-container .grey.edit-lab-link, .zybook-error-page .grey.accessible.copy-pw-clipboard, .zybook-error-page .grey.copy-pw-clipboard, .zybook-error-page .section-header-row .section-action-container .grey.accessible.edit-lab-link, .zybook-error-page .section-header-row .section-action-container .grey.edit-lab-link, .zybook-unused-section-loading-page .grey.accessible.copy-pw-clipboard, .zybook-unused-section-loading-page .grey.copy-pw-clipboard, .zybook-unused-section-loading-page .section-header-row .section-action-container .grey.accessible.edit-lab-link, .zybook-unused-section-loading-page .section-header-row .section-action-container .grey.edit-lab-link, .zybook-unused-section-page .grey.accessible.copy-pw-clipboard, .zybook-unused-section-page .grey.copy-pw-clipboard, .zybook-unused-section-page .section-header-row .section-action-container .grey.accessible.edit-lab-link, .zybook-unused-section-page .section-header-row .section-action-container .grey.edit-lab-link, .zybook-zylab-similarity-page .zb-toolbar .grey.accessible.exit-button, .zybook-zylab-similarity-page .zb-toolbar .grey.exit-button, .zylab-ui-page .grey.accessible.copy-pw-clipboard, .zylab-ui-page .grey.copy-pw-clipboard, .zylab-ui-page .section-header-row .section-action-container .grey.accessible.edit-lab-link, .zylab-ui-page .section-header-row .section-action-container .grey.edit-lab-link { color: #999999; } .bread-crumbs a { color: #5599cc; } /* Page */ .main, .zybook-chapter-section-page, .route-container, .zybook-index-page { background-color: #3f3f3f; } /* Homepage */ .panel-content, .table-of-contents .toc-header, .table-of-contents .toc-header-common, .timezone-text, .date-time-picker .timezone-text, .zb-modal .zb-modal-content, .zb-modal-content, .chapter-item .section-list-container, .zybook-panel .tabs .full-tab.active, .zybook-panel .tabs .full-tab.inactive, .search-input .search-suggestions, .search-input .search-suggestions li.hover, .scroll-shadow, .find-zybook-section .find-zybook-input, .ember-power-select-trigger, .ember-power-select-dropdown, .pika-single { background-color: #2b2b2b; color: #aaaaaa; } .body-text, .ember-basic-dropdown-content, .pika-label { background: transparent; color: #aaaaaa; } .scroll-shadow { background: transparent; border: 1px solid #ffffff; } .section-item .section-title-link .section-info .section-title-info .section-title, .table-of-contents a:link, .table-of-contents a:visited, .search-input .search-suggestions a, .assignment-details a:link, .assignment-details a:visited, .assignment-title:link, .assignment-details:visited, a, .zb-footer ul li a { color: #60a0e0; } .zybook-content-explorer-page .outline .term-keyword, .zybook-content-explorer-printable-page .outline .term-keyword { color: #808080; } .pika-next, .pika-prev, .pika-button { background-color: #808080; color: #dddddd; } /* Content and Containers */ .zybook-section, .zb-card, .section-nav, .section-announcement, .assignment-completion-summary-card, .assignment-details, .text-lg, .zb-modal-card-container { background-color: #2b2b2b !important; color: #aaaaaa !important; } .zybook-section h1, .zybook-section h2, .zybook-section h3, .zybook-section h4, .zybook-section h5, .table-of-contents h1, .table-of-contents h2, .table-of-contents h3, .table-of-contents h4, .table-of-contents h5, .section-header, .chapter-title, .static-container-title, .test-title-container, .explanation, .score, .student-points, .due-date-text, .good-practice, .good-practice-term, .common-error, .common-error-term, .term, .zb-checkbox.switch, div.completion-text { background-color: transparent !important; color: #dddddd !important; } .about-page-modal, .about-page-modal .new-sections-table, .accessibility-modal h1, .ace-editor-container .drop-file-message, .activity-filter, .add-zylab-options, .add-zylab-options h1, .application-notification, .application-notification .c-notification__content, .assignment-details, .assignment-due-date-lms-details, .assignment-section-summary .next-section-link, .assignment-summary, .availability-options .copy-pw-clipboard, .body-text, .bread-crumbs, .catalog-extension-modal, .catalog-item-info-modal, .catalog-item-info-modal h2, .catalog-page .class-instructions .instructions, .catalog-page h1, .catalog-take-class-modal h1, .chapter-item .section-list-container .empty-chapter-text, .class-statistics .lab-statistics-row .stat-container, .content-resource.container-content-resource.table .table-insert-editor .fr-toolbar .fr-btn-text_button, .content-tools-app a.common_error, .content-tools-app a.good_practice, .develop-mode .instructions, .exercise-info-modal h2, .file-io .add-file-container .error-message, .file-io .instructions, .instructor-note-container .show-edit-instructor-note-icon, .instructor-view-student-submissions .manual-test, .instructor-view-student-submissions p, .interactive-activity-container .activity-payload, .lab-statistics-charts .chart-container, .lti-instructions-panel .assignment-info-text, .lti-instructions-panel .hidden-assignments-text, .lti-instructions-panel .no-assignments-text, .manage-class-modal .confirmation-message, .manage-class-modal .updated-message, .manage-class-modal .warning-message, .mathworks-editor-card .message, .mathworks-tos-modal, .modify-section .toolbar-container .toolbar-card .show-me-how-link, .my-class-instructor-panel .panel-content .scrollable-content .manage-class-ul, .not-found-page .copy-pw-clipboard, .not-found-page .instructor-hidden-message, .not-found-page .section-banner, .not-found-page .section-header-row .section-action-container .edit-lab-link, .not-found-page .zybook-section, .not-found-page .zybook-section .zybook-section-title, .privacy-page, .python-course-modal, .pythonTutor .ExecutionVisualizer #vcrControls .button, .removeable-user-info .user-info-container, .request-refund-modal h1, .review-adoption, .review-adoption .back-to-library-link, .search-input .search-suggestions, .section-assignment-details .assignment-choices-container .no-activities-text, .section-preview-modal .copy-pw-clipboard, .section-preview-modal .instructor-hidden-message, .section-preview-modal .section-banner, .section-preview-modal .section-header-row .section-action-container .edit-lab-link, .section-preview-modal .zybook-section, .section-preview-modal .zybook-section .zybook-section-title, .share-zylabs-modal, .share-zylabs-modal .copy-link-button, .share-zylabs-modal .info-text, .share-zylabs-modal .search-error, .strict-equal-assert-result .type-message, .student-instructions-modal .copy-instructions-to-clipboard-button, .student-instructions-modal .instructions-text, .student-instructions-modal h1, .subscribe-student-panel .already-paid, .table-of-contents .activity-selection-header .header-title, .table-of-contents .configure-header .header-title, .table-of-contents .detail-text, .table-of-contents .section-assignment-header .header-title, .table-of-contents .section-selection-header .header-title, .test-question a.common_error, .test-question a.good_practice, .tos-page, .validator-text, .view-receipt-modal, .view-request-card, .view-request-card .back-to-library-link, .webinar-info-modal h1, .zb-button, .zb-feedback .expanded-feedback .zb-control-row .more-info, .zb-footer, .zb-nav-menu .chapter-labels .nav-item-label, .zb-nav-menu .chapter-labels .nav-item-label-empty, .zb-nav-menu .chapter-labels .nav-item-label-hidden, .zb-nav-menu .chapter-labels .nav-item-label-lab, .zb-nav-menu .chapter-labels .nav-item-label-optional, .zb-nav-menu .section-labels .nav-item-label, .zb-nav-menu .section-labels .nav-item-label-empty, .zb-nav-menu .section-labels .nav-item-label-hidden, .zb-nav-menu .section-labels .nav-item-label-lab, .zb-nav-menu .section-labels .nav-item-label-optional, .zybook-analytics-dashboard .highcharts-axis-title, .zybook-analytics-dashboard .highcharts-title, .zybook-analytics-dashboard .tooltip-container, .zybook-chapter-add-lab-page .add-lab-card, .zybook-chapter-add-lab-page .description, .zybook-chapter-add-lab-page .selected-labs-text, .zybook-chapter-add-lab-page .zb-table table .name-column .lab-title, .zybook-chapter-add-lab-page h3, .zybook-chapter-print-page .copy-pw-clipboard, .zybook-chapter-print-page .instructor-hidden-message, .zybook-chapter-print-page .section-banner, .zybook-chapter-print-page .section-header-row .section-action-container .edit-lab-link, .zybook-chapter-print-page .zybook-section, .zybook-chapter-print-page .zybook-section .zybook-section-title, .zybook-chapter-section-loading-page .copy-pw-clipboard, .zybook-chapter-section-loading-page .instructor-hidden-message, .zybook-chapter-section-loading-page .section-banner, .zybook-chapter-section-loading-page .section-header-row .section-action-container .edit-lab-link, .zybook-chapter-section-loading-page .zybook-section, .zybook-chapter-section-loading-page .zybook-section .zybook-section-title, .zybook-chapter-section-page .assignment-completion-summary-card, .zybook-chapter-section-page .copy-pw-clipboard, .zybook-chapter-section-page .instructor-hidden-message, .zybook-chapter-section-page .section-banner, .zybook-chapter-section-page .section-header-row .section-action-container .edit-lab-link, .zybook-chapter-section-page .zybook-section, .zybook-chapter-section-page .zybook-section .zybook-section-title, .zybook-configure-panel .error-message, .zybook-configure-panel .panel-content .instructions-text, .zybook-configure-panel .panel-content .move-sections-button, .zybook-content-explorer-page .outline .resource-info-container .resource-caption, .zybook-content-explorer-page .outline .term-definition, .zybook-content-explorer-printable-page .outline .resource-info-container .resource-caption, .zybook-content-explorer-printable-page .outline .term-definition, .zybook-create-section-page .copy-pw-clipboard, .zybook-create-section-page .instructor-hidden-message, .zybook-create-section-page .section-banner, .zybook-create-section-page .section-header-row .section-action-container .edit-lab-link, .zybook-create-section-page .zybook-section, .zybook-create-section-page .zybook-section .zybook-section-title, .zybook-edit-section-page .copy-pw-clipboard, .zybook-edit-section-page .instructor-hidden-message, .zybook-edit-section-page .section-banner, .zybook-edit-section-page .section-header-row .section-action-container .edit-lab-link, .zybook-edit-section-page .zybook-section, .zybook-edit-section-page .zybook-section .zybook-section-title, .zybook-error-page .copy-pw-clipboard, .zybook-error-page .instructor-hidden-message, .zybook-error-page .section-banner, .zybook-error-page .section-header-row .section-action-container .edit-lab-link, .zybook-error-page .zybook-section, .zybook-error-page .zybook-section .zybook-section-title, .zybook-extension-modal, .zybook-getting-started-page .explanatory-text, .zybook-getting-started-page .video-list, .zybook-ordering-preview .info-list, .zybook-outline-filter, .zybook-section .instructor-note, .zybook-section a.common_error, .zybook-section a.good_practice, .zybook-section.instructor-created-zybook-section h1, .zybook-section.instructor-created-zybook-section pre, .zybook-unit-test-help-page .zybook-section-title, .zybook-unused-section-loading-page .copy-pw-clipboard, .zybook-unused-section-loading-page .instructor-hidden-message, .zybook-unused-section-loading-page .section-banner, .zybook-unused-section-loading-page .section-header-row .section-action-container .edit-lab-link, .zybook-unused-section-loading-page .zybook-section, .zybook-unused-section-loading-page .zybook-section .zybook-section-title, .zybook-unused-section-page .copy-pw-clipboard, .zybook-unused-section-page .instructor-hidden-message, .zybook-unused-section-page .section-banner, .zybook-unused-section-page .section-header-row .section-action-container .edit-lab-link, .zybook-unused-section-page .zybook-section, .zybook-unused-section-page .zybook-section .zybook-section-title, .zybook-zylab-similarity-page, .zybook-zylab-similarity-page .zb-toolbar .exit-button, .zylab-table-section-header .info-text, .zylab-table-section-header .zybook-graphic-container .zybook-details, .zylab-ui-page .copy-pw-clipboard, .zylab-ui-page .instructor-hidden-message, .zylab-ui-page .section-banner, .zylab-ui-page .section-header-row .section-action-container .edit-lab-link, .zylab-ui-page .zybook-section, .zylab-ui-page .zybook-section .zybook-section-title, .zylabs-edit .code, .zylabs-edit .lab-spec .matlab-points, .zylabs-edit .lab-spec .section-card, .zylabs-edit .run-message, .zylabs-edit .save-lab-modal p, .zylabs-edit .save-lab-modal td, .zylabs-edit .student-files .file-editor .editor-container .ace-editor-header .description, .zylabs-edit .test-bench .test-summary, .zylabs-edit .test-results-modal .testing-instructions-list, .zylabs-view-test-bench, .zylabs-view-test-bench .test .test-description, h1, h2, h3, h4, h5, h6, .zb-modal .zb-modal-content h1, #prompt, .explanation-text, .explanation-description, .text-element > span, .variable-or-IO-label, span.zyante-progression-explanation, .library-page .zybooks-section-header { background-color: transparent; color: #dddddd; } .zb-icon, .material-icons-outlined.grey, .material-icons-outlined.grey.accessible, .material-icons-round.grey, .material-icons-round.grey.accessible, .material-icons-sharp.grey, .material-icons-sharp.grey.accessible, .material-icons-two-tone.grey, .material-icons-two-tone.grey.accessible, .material-icons.grey, .material-icons.grey.accessible { color: #dddddd !important; } .zb-chevron.outline.medium.grey { border: 1px solid #aaaaaa; } .activity-title-bar, .activity-description, .activity-type, .inline-editor-header { background-color: #242424 !important; color: #a0a0a0 !important; } .zb-button.secondary { color: #60a0e0; } .zybook-section .table table th, th, .definition-match-payload .definition-row .term-bucket, .draggable-object .zb-button.secondary.raised { background-color: #2b2b2b; color: #aaaaaa; } .zybook-section .table table td, td, .definition-match-payload .definition-row .definition, .draggable-object .zb-button.secondary.raised:hover { background-color: #3f3f3f; color: #aaaaaa; } blockquote::before, .subscribe-student-panel .price-container .subscription-info-text, button.activity-completion, small, .forgot-page .forgot-password-card .disclaimer-text, .forgot-page .instructor-verify-card .disclaimer-text, .forgot-page .reset-card .disclaimer-text, .forgot-page .sign-up-card .disclaimer-text, .forgot-page .signin-card .disclaimer-text, .instructor-verify-page .forgot-password-card .disclaimer-text, .instructor-verify-page .instructor-verify-card .disclaimer-text, .instructor-verify-page .reset-card .disclaimer-text, .instructor-verify-page .sign-up-card .disclaimer-text, .instructor-verify-page .signin-card .disclaimer-text, .reset-page .forgot-password-card .disclaimer-text, .reset-page .instructor-verify-card .disclaimer-text, .reset-page .reset-card .disclaimer-text, .reset-page .sign-up-card .disclaimer-text, .reset-page .signin-card .disclaimer-text, .signin-page .forgot-password-card .disclaimer-text, .signin-page .instructor-verify-card .disclaimer-text, .signin-page .reset-card .disclaimer-text, .signin-page .sign-up-card .disclaimer-text, .signin-page .signin-card .disclaimer-text, .signup-page .forgot-password-card .disclaimer-text, .signup-page .instructor-verify-card .disclaimer-text, .signup-page .reset-card .disclaimer-text, .signup-page .sign-up-card .disclaimer-text, .signup-page .signin-card .disclaimer-text { color: #aaaaaa; } /* Soo many possibilities and hard-coded tag-specific colors with interactives. Hecc that, just graduate to semi-light theme. */ .interactive-activity-container, .interactive-activity-container .activity-payload, .static-container, .instructions-div, blockquote { background-color: #777777; color: #dddddd; } .animation-canvas { background-color: #dddddd; color: #404040; } .custom-resource-payload .custom-tool-container { background-color: #777777; color: #404040; } /* Content Interactives */ code, .code, pre, .console, .output, .numerical-output, .zb-radio-button label, .zyblock, .program, input-div, div.codeOutput div.tool-container div.input-div { background-color: #dddddd; color: #404040; } code:not([style*="transparent"]) pre, .code:not([style*="transparent"]) pre, .console > pre, .output > pre, .numerical-output > pre { background-color: transparent; } /* This got orphaned, guessing it was for above but dunno */ /* { background-color: #dddddd; color: #404040; } */ fieldset, .definition-match-question .question-choices, .definition-match-question fieldset, .multiple-choice-question .question-choices, .multiple-choice-question fieldset { background-color: #404040; } textarea, .zb-text-area, input, .zb-input, div.codeOutput textarea.console { background-color: #706860 !important; color: #aaaaaa !important; outline: 2px solid #ffd0c0; border: 1px solid transparent; } textarea:focus, .zb-text-area:focus, input:focus, .zb-input:focus, div.codeOutput textarea.console:focus { background-color: #504840 !important; color: #dddddd !important; outline: 1px solid #404040; border: 1px solid transparent; } .zb-input-container.readonly > input, .zb-power-select-container.readonly > input { background-color: #404040; color: #aaaaaa; -webkit-text-fill-color: #aaaaaa; } ::placeholder { color: #aaaaaa !important; } ::-webkit-input-placeholder { color: #aaaaaa !important; } :-moz-placeholder { color: #aaaaaa !important; } ::-moz-placeholder { color: #aaaaaa !important; } :-ms-input-placeholder { color: #aaaaaa !important; } /* Correct/Incorrect boxes */ .correct { color: #aaaaaa; border-top: 2px solid #80d080 !important; } .correct::after { border: 4px solid #80d080 !important; } .correct .message { color: #80d080 !important; } .incorrect { color: #aaaaaa; border-top: 2px solid #802020 !important; } .incorrect::after { border: 4px solid #802020 !important; } .incorrect .message { color: #802020 !important; } /* Remove layout/format changes from client-hardcoded */ .animation-text-object code, .animation-text-object pre, .tool-container.code, .tool-container code { background-color: revert; color: revert; padding: revert; font-family: revert; outline: revert; } }
QingJ © 2025
镜像随时可能失效,请加Q群300939539或关注我们的公众号极客氢云获取最新地址