/* ==UserStyle==
@name ZyBooks Dark Mode
@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;
}
}