CanvasRefined/css/darkmodecss.js

const DARKMODE_CSS = `
#announcementWrapper>div>div,
#breadcrumbs,
.ic-app-nav-toggle-and-crumbs,
#calendar-app .fc-agendaWeek-view .fc-body,
#calendar-app .fc-event,
#calendar-app .fc-month-view .fc-body,
#calendar-drag-and-drop-container .fc-agendaWeek-view .fc-body,
#calendar-drag-and-drop-container .fc-event,
#calendar-drag-and-drop-container .fc-month-view .fc-body,
#content-wrapper .user_content.not_design_tools h3,
#context-list-holder,
.canvasrefined-course-credit,
#kl_banner,
#kl_banner_left,
#kl_banner_right,
#kl_content_block_0,
#kl_custom_block_0,
#kl_custom_block_1,
#kl_custom_block_2,
#kl_readings p,
#kl_wrapper_3,
#kl_wrapper_3 .ic-Table,
#kl_wrapper_3 .table,
#kl_wrapper_3.kl_colored_headings #kl_banner #kl_banner_left,
#kl_wrapper_3.kl_colored_headings #kl_banner .kl_subtitle,
#kl_wrapper_3.kl_colored_headings>div,
#kl_wrapper_3.kl_colored_headings_box_left>div,
#media_comment_maybe,
#minical,
#nav-tray-portal>span>span,
#questions .group_top,
#questions.assessing,
#syllabus tr.date.date_passed td,
#syllabus tr.date.date_passed th,
#undated-events,
#undated-events .event,
.Day-styles__root,
.EmptyDays-styles__root,
.Grouping-styles__title,
.Grouping-styles__title::after,
.PlannerHeader-styles__root,
.ac-result-container,
.agenda-wrapper,
.al-options,
.canvasrefined-assignment-container,
.bjXfh_daKB,
.bjXfh_daKB span,
.bottom-reply-with-box,
.canvas-rce__skins--root,
.ccWIh_bGBk,
.closed-for-comments-discussions-v2__wrapper,
.conversations .panel,
.dCppM_ddES,
.discussion-section h4,
.discussion-section p,
.discussion-section ul,
.discussion_entry,
.discussions-v2__container-image,
.discussions-v2__placeholder,
.dpCPB_caGd,
.dropdown-menu,
.dropdown-menu .divider,
.even .slick-cell,
.event-details,
.fLzZc_bGBk,
.form,
.form-dialog .form-controls,
.header-bar,
.ic-Dashboard-header__layout,
.ic-Dashboard-header__title,
.ic-DashboardCard,
.ic-DashboardCard__header_content,
.ic-discussion-row,
.ic-notification__content,
.ig-list .ig-row.ig-row-empty,
.instructure_file_link,
.item-group-condensed .ig-header,
.item-group-condensed .ig-row,
.item-group-condensed .item-group-expandable,
.item-group-container,
.item-group-expandable .emptyMessage,
.kl_image_round_white_border,
.kl_image_white_border,
.kl_mod_text,
.message-list .messages>li,
.module-sequence-footer .module-sequence-footer-content,
.nav-icon,
.outcomes-browser .outcomes-content,
.outcomes-browser .outcomes-main,
.outcomes-browser .outcomes-sidebar,
.pages.show .page-title,
.pagination ul>li>a,
.pagination ul>li>span,
.pinned-discussions-v2__wrapper,
.popover,
.question,
.question_editing,
.quiz-submission,
.rubric_container .rubric_title,
.submission-details-comments .comments,
.submission-late-pill span,
.submission-missing-pill span,
.toolbarView .headerBar,
.tox .tox-menubar,
.tox .tox-split-button .tox-tbtn.tox-split-button__chevron,
.tox .tox-toolbar,
.tox .tox-toolbar__overflow,
.tox .tox-toolbar__primary,
.tox:not(.tox-tinymce-inline) .tox-editor-header,
.ui-datepicker .ui-datepicker-time,
.ui-datepicker .ui-dialog .ui-datepicker-time,
.ui-datepicker .ui-dialog .ui-widget-header.ui-datepicker-header,
.ui-dialog .ui-datepicker .ui-datepicker-time,
.ui-dialog .ui-datepicker .ui-widget-header.ui-datepicker-header,
.ui-dialog .ui-dialog-buttonpane,
.ui-dialog .ui-dialog-titlebar.ui-widget-header,
.ui-kyle-menu,
.ui-tabs .ui-tabs-nav .kl_panel_heading.ui-state-default:not(.ui-tabs-active),
.ui-tabs .ui-tabs-nav li.ui-state-hover,
.ui-tabs .ui-tabs-nav li.ui-tabs-active,
.ui-tabs .ui-tabs-nav li:hover,
.ui-tabs .ui-tabs-panel,
.ui-widget-content,
.unpinned-discussions-v2__wrapper,
.unpublished_courses_redesign .ic-DashboardCard__box__header,
body,
code,
img.kl_image_round_white_border,
img.kl_image_white_border,
.canvasrefined-course-percent,
pre,
table.summary tbody th,
table.summary td,
.erWSf_bGBk,
.fdyuz_bGBk,
.eHzxc_bGBk,
.dNoYT_bGBk,
.fOyUs_fZwI,
.fOyUs_kXoP,
.tox .tox-edit-area__iframe,
.dLyYq_bGBk,
.quiz_comment,
.discussion-entries .entry,
.file-upload-submission,
.ftPBL_bGBk:not(.ftPBL_bGiS),
.ColorPicker__Container,
#right_side .content_box,
.jumbotron,
.card,
.ac-token,
.error_box .error_text,
table.seas-homepage-table,
.with-left-side #left-side,
.assignment-student-header,
#calendar-list-holder,
#other-calendars-list-holder,
#undated-events,
#left-side,
.ic-app-course-menu.with-left-side #left-side.XOwIb_eLeB:not([aria-selected]):not([aria-disabled]):hover,
.XOwIb_eLeB[aria-selected],
span.fOyUs_bGBk.fOyUs_desw.bDzpk_bGBk.bDzpk_busO.bDzpk_cQFX.bDzpk_bZNM,
.canvasrefined-todo-complete-btn,
.canvasrefined-card-grade,
div[style*='background-color: #fff'],
div[style*='background: #fff'],
div[style*='background-color: #ffffff'],
div[style*='background: #ffffff'],
span[style*='background-color: #fff'],
span[style*='background: #fff'],
#right_side div.comment,
.fOyUs_dUgE,
.fOyUs_bvKN,
.css-1fwux0x-view--block,
.css-1v8v5q1-optionItem,
#comments-tray,
.css-d76rpr-view--inlineBlock[data-testid='tool-bar'],
.css-vxe90h-view--inlineBlock,
.canvasrefined-todo-actions,
.css-sg1rn7-view {
    background:var(--bcbackground-0)!important
}

#minical .fc-widget-content {
    border:1px solid var(--bcbackground-0)!important
}

#kl_wrapper_3.kl_colored_headings #kl_banner .kl_subtitle {
    border-top:3px solid var(--bcbackground-0)!important;
    border-bottom:3px solid var(--bcbackground-0)!important
}

#submit_file_button,
span[style*='background-color: #fbeeb8'],
.canvasrefined-todo-label {
    color:var(--bcbackground-0)!important
}

.eHQDY_dTxv {
    stroke:var(--bcbackground-0)!important
}

#calendar-app .fc-agendaWeek-view .fc-event,
#calendar-drag-and-drop-container .fc-agendaWeek-view .fc-event,
#context-list .context_list_context:hover,
#google_docs_tree li.file:hover,
#planner-today-btn,
#questions.assessment_results .question .header,
#syllabus tr.date.related td,
#syllabus tr.date.related th,
#syllabus tr.date.selected td,
#syllabus tr.date.selected th,
.Button,
.ac-input-box,
.agenda-day.agenda-today,
.canvasrefined-assignment-container:hover,
.btn,
.discussion-reply-box,
.discussions-v2__wrapper>span>span>span>span>button>span,
.dropdown-menu li>a:focus,
.dropdown-menu li>a:hover,
.dropdown-submenu:hover>a,
.ef-item-row:hover,
.extension-linkpreview,
.fOyUs_bGBk.fOyUs_desw.bDzpk_bGBk.bDzpk_busO.bDzpk_fZWR.bDzpk_qOas,
.fc-event .fc-bg,
.hypodivcalc,
.ic-Table.ic-Table--striped tbody tr:nth-child(odd),
.mini_calendar .day.has_event,
.odd .slick-cell,
.outcomes-browser .outcomes-toolbar,
.question .header,
.slick-header-column,
.stream-details tr:hover,
.stream_header:hover,
.submission_attachment button>span,
.tox .tox-menu,
.tray-with-space-for-global-nav>div>span>form>button>span,
.ui-button,
.ui-tabs .ui-tabs-nav li.ui-tabs-active,
.uneditable-input,
.yyQPt_cSXm,
div.checkbox,
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select,
textarea,
thead th,
ul.outcome-level li.selected a,
.eMdva_bgqc,
.fQfxa_dqAF.fQfxa_buuG,
div.form-column-right label:hover,
div.overrides-column-right label:hover,
.ic-tokeninput-input,
.ic-tokens,
.ic-tokeninput-list,
.DyQTK_ddES,
#gradebook_header,
table.seas-homepage-table tr:nth-child(odd),
#assignments-student-footer,
.muted-notice,
.kl_panels_wrapper .ui-accordion-header,
.kl_wrapper .ui-accordion-header,
.list-view a.active,
#calendars-context-list .context_list_context:hover,
#other-calendars-context-list .context_list_context:hover,
.canvasrefined-todo-complete-btn:hover,
.canvasrefined-custom-btn,
.canvasrefined-skeleton-text,
.canvasrefined-hover-preview,
.canvasrefined-gpa-edit-btn,
div[style*='background-color: rgb(229, 242, 248)'],
div[style*='background-color: rgb(245, 245, 245)'],
.css-7naoe-textInp,
.css-7naoe-textInput__facade,
#assignment_sort_order_select_menu,
#course_select_menu,
.css-1dn3ise-textInput__facade,
.css-1veueey-textInput__facade,
.canvasrefined-todo-action:hover,
.css-ywdg6k-view-rowHeader,
#grades_summary a.toggle_comments_link,
#grades_summary a.toggle_score_details_link,
#grades_summary a.toggle_rubric_assessments_link {
    background:var(--bcbackground-1)!important
}

.ic-DashboardCard__placeholder-svg .ic-DashboardCard__placeholder-animates>* {
    fill:var(--bcbackground-1)!important
}

.canvasrefined-hover-preview::after {
    background:linear-gradient(0deg,  var(--bcbackground-1) 50%,  transparent)
}

#calendar-app .fc-month-view .fc-today,
#calendar-drag-and-drop-container .fc-month-view .fc-today,
#content-wrapper .user_content.not_design_tools table tbody tr:nth-child(even) td,
#kl_content_block_0 h3:nth-child(1) i,
#kl_custom_block_0 h3:nth-child(1) i,
#kl_custom_block_1 h3:nth-child(1) i,
#kl_custom_block_2 h3:nth-child(1) i,
.ajas-search-widget__btn--search,
.alert-info,
.discussion-section.alert .discussion-points,
.discussion-section.alert .discussion-title,
.extension-linkpreview:hover,
.ic-Table.ic-Table--hover-row tbody tr.ic-Table__row--bg-alert:hover,
.ic-Table.ic-Table--hover-row tbody tr.ic-Table__row--bg-danger:hover,
.ic-Table.ic-Table--hover-row tbody tr.ic-Table__row--bg-neutral:hover,
.ic-Table.ic-Table--hover-row tbody tr.ic-Table__row--bg-success:hover,
.ic-Table.ic-Table--hover-row tbody tr:hover,
.ic-flash-error,
.ic-flash-info,
.ic-flash-success,
.ic-flash-warning,
.ig-list .ig-row:hover,
.context_module_item.context_module_item_hover,
.tox .tox-mbtn--active,
.tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active),
.tox .tox-split-button .tox-tbtn.tox-split-button__chevron:hover,
.tox .tox-split-button:hover,
.tox .tox-tbtn.tox-tbtn--enabled:hover,
.tox .tox-tbtn:hover,
.ui-menu .ui-menu-item .ui-progressbar a.ui-widget-header,
.ui-menu .ui-menu-item a.ui-state-active,
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-progressbar .ui-menu .ui-menu-item a.ui-widget-header,
::-webkit-scrollbar-track,
div.checkbox:hover,
.gradebook-cell.grayed-out,
.baylor-table tr:nth-of-type(2n + 1) {
    background:var(--bcbuttons)!important
}

#kl_content_block_0 h3:nth-child(1),
#kl_content_block_0 h3:nth-child(1) i,
#kl_custom_block_0 h3:nth-child(1),
#kl_custom_block_0 h3:nth-child(1) i,
#kl_custom_block_1 h3:nth-child(1),
#kl_custom_block_1 h3:nth-child(1) i,
#kl_custom_block_2 h3:nth-child(1),
#kl_custom_block_2 h3:nth-child(1) i,
#kl_wrapper_3.kl_colored_headings #kl_modules h3,
#kl_wrapper_3.kl_colored_headings #kl_modules h3:not(.ui-state-default) i,
#kl_wrapper_3.kl_colored_headings>div>h3:not(.ui-state-default),
#kl_wrapper_3.kl_colored_headings>div>h3:not(.ui-state-default) i,
#kl_wrapper_3.kl_colored_headings_box_left #kl_modules h3,
#kl_wrapper_3.kl_colored_headings_box_left #kl_modules h3 i,
#kl_wrapper_3.kl_colored_headings_box_left>div>h3 i,
#kl_wrapper_3.kl_colored_headings_box_left>div>h3:not(.ui-state-default),
#kl_wrapper_3.kl_emta h3:not(.ui-state-default),
.ic-app-header__menu-list-link:focus,
.kl_flex_column h4,
.tox .tox-collection--list .tox-collection__item--enabled,
ul.outcome-level li:focus,
ul.outcome-level li:hover {
    background-color:var(--bcbuttons)!important
}

.eHQDY_dTxv {
    stroke:var(--bcbuttons)
}

.no-touch .ic-DashboardCard:hover {
    box-shadow:0 4px 10px rgb(0 0 0)!important
}

#calendar-drag-and-drop-container .fc-row .fc-content-skeleton td,
#calendar-drag-and-drop-container .fc-row .fc-helper-skeleton td,
.canvasrefined-course-credit,
#kl_content_block_0,
#kl_custom_block_0,
#kl_custom_block_1,
#kl_custom_block_2,
#kl_wrapper_3.kl_colored_headings>div,
#kl_wrapper_3.kl_colored_headings_box_left>div,
#minical,
#questions .group_bottom,
#questions .group_top,
#quiz_edit_wrapper #quiz_tabs #quiz_options_form .option-group,
#quiz_show .description.teacher-version,
.Button,
.Container__DueDateRow,
.CourseImageSelector,
.ac-input-box,
.ac-result-container,
.ajas-search-widget__form input,
.btn,
.calendar .fc-row .fc-content-skeleton td,
.calendar .fc-row .fc-helper-skeleton td,
.closed-for-comments-discussions-v2__wrapper,
.discussion-entries .entry,
.discussion-reply-box,
.discussion_entry>.discussion-entry-reply-area,
.discussions-v2__wrapper>span>span>span>span>button>span,
.form-actions,
.ic-flash-error,
.ic-flash-info,
.ic-flash-success,
.ic-flash-warning,
.ig-list .ig-row,
.item-group-condensed .ig-header,
.item-group-condensed .item-group-expandable,
.mini-cal-header,
.mini_calendar,
.outcomes-browser .outcomes-main,
.outcomes-browser .outcomes-toolbar,
.panel-border,
.pinned-discussions-v2__wrapper,
.question,
.question .header,
.question_editing,
.quiz-submission,
.rubric_container td,
.rubric_container th,
.submission-details-container,
.submission_attachment button>span,
.table-bordered,
.toolbarView .headerBar,
.tray-with-space-for-global-nav>div>span>form>button>span,
.ui-button,
.uneditable-input,
.unpinned-discussions-v2__wrapper,
form.question_form .form_answers .answer,
.canvasrefined-course-percent,
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select,
textarea,
.fdyuz_bGBk,
.tox .tox-edit-area,
.quiz_comment,
.ic-tokens,
.ic-tokeninput-list,
.DyQTK_ddES,
.ac-token,
.muted-notice,
.ui-state-default,
.ui-widget-header .ui-state-default,
.ui-widget-content,
.canvasrefined-custom-btn,
.canvasrefined-gpa-edit-btn,
.css-26xxi8-view--block,
.css-9fqfm7-view--block,
.canvasrefined-todo-actions,
#grades_summary a.toggle_comments_link,
#grades_summary a.toggle_score_details_link,
#grades_summary a.toggle_rubric_assessments_link {
    border:1px solid var(--bcborders)!important
}

#content-wrapper .user_content.not_design_tools table td,
#content-wrapper .user_content.not_design_tools table th,
table.seas-homepage-table,
.avatar,
.css-7naoe-textInput__facade,
.css-1dn3ise-textInput__facade {
    border:2px solid var(--bcborders)!important
}

#course_select_menu,
#assignment_sort_order_select_menu,
#TextInput_0 {
    border:none!important
}

#assignment_show .student-assignment-overview,
#grades_summary,
#kl_wrapper_3.kl_colored_headings h4,
#kl_wrapper_3.kl_colored_headings_box_left h4,
#minical .fc-toolbar,
#quiz_show ul#quiz_student_details,
#right-side .h2,
#right-side h2,
.CompletedItemsFacade-styles__root,
.Container__DueDateRow-item,
.EmptyDays-styles__root,
.PlannerItem-styles__root,
.agenda-day,
.blnAQ_kWwi,
.container_0 .slick-cell,
.container_1 .slick-cell,
.conversations .panel,
.course_details td,
.dropdown-menu .divider,
.ef-directory-header,
.ef-header,
.event-details-content,
.event-details-footer,
.event-details-header,
.header-bar,
.hr,
.ic-Action-header.ic-Action-header--before-item-groups,
.ic-Dashboard-header__layout,
.ic-Table td,
.ic-Table th,
.ic-app-nav-toggle-and-crumbs,
.item-group-condensed .ig-row,
.message-detail.conversations__message-detail .message-content>li,
.message-detail.conversations__message-detail .message-header,
.message-detail.span8 .message-content>li,
.message-detail.span8 .message-header,
.message-list .messages>li,
.nav_list li.disabled,
.page-action-list a,
.page-header,
.quiz-header,
.recent-activity-header,
.recent_activity>li,
.slick-header-column.ui-state-default,
.submission-details-header__heading-and-grades,
.ui-datepicker .ui-dialog .ui-widget-header.ui-datepicker-header,
.ui-dialog .ui-datepicker .ui-widget-header.ui-datepicker-header,
.ui-dialog .ui-dialog-titlebar.ui-widget-header,
.unpublished_courses_redesign .ic-DashboardCard__box__header,
legend,
table.summary caption,
table.summary tbody th,
table.summary td,
table.summary thead th,
.communication_message,
.file-upload-submission,
.submission-details-header__heading-and-grades,
#right_side .content_box,
.assignment-student-header,
.canvasrefined-gpa-course {
    border-bottom:1px solid var(--bcborders)!important
}

#planner-today-btn,
.al-options,
.border,
.dpCPB_caGd,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-row,
.fc-unthemed tbody,
.fc-unthemed td,
.fc-unthemed th,
.fc-unthemed thead,
.qBMHb_cSXm,
.tox .tox-collection--list .tox-collection__group,
.tox .tox-menu,
.ui-tabs .ui-tabs-nav li.ui-tabs-active,
.ui-tabs .ui-tabs-nav li.ui-tabs-active.ui-state-hover,
.ui-tabs .ui-tabs-nav li.ui-tabs-active:hover,
.ui-tabs .ui-tabs-nav li:hover,
.ui-tabs .ui-tabs-panel,
.fOyUs_dsNY,
.fOyUs_tIxX,
.fQfxa_dqAF.fQfxa_buuG,
.question .question_comment.question_neutral_comment,
#assignments-student-footer,
.MyTable,
#inbox-conversation-holder *,
.css-1vqfmz1-view {
    border-color:var(--bcborders)!important
}

tr.student_assignment.assignment_graded.editable {
    border-top:1px solid var(--bctext-1)!important;
    border-bottom:1px solid var(--bctext-1)!important
}

.discussion-section.message_wrapper table {
    border:4px solid var(--bcborders)!important
}

.nav_list li.navitem {
    border:solid var(--bcborders)!important;
    border-width:0 1px 1px!important
}

#questions .assessment_question_bank,
#questions .insufficient_count_warning,
#questions .question_holder.group,
.container_0 .slick-cell,
.container_1 .slick-cell,
.ef-main .ef-folder-content,
.rubric_container .rubric_title,
.slick-header-column.ui-state-default,
.topic .entry-content,
body.responsive_awareness .message-list-scroller,
ul.outcome-level {
    border-right:1px solid var(--bcborders)!important
}

#questions .assessment_question_bank,
#questions .insufficient_count_warning,
#questions .question_holder.group,
.container_0 .slick-cell:first-child,
.container_0 .slick-header-column:first-child,
.outcomes-browser .outcomes-content,
.rubric_container .rubric_title,
.table-bordered td,
.table-bordered th,
.topic .entry-content,
.submission-details-comments .comments {
    border-left:1px solid var(--bcborders)!important
}

#assignment_show .student-assignment-overview,
#grades_summary tr.final_grade,
#quiz_show ul#quiz_student_details,
.discussion-entries .entry .entry,
.ef-footer,
.entry>.bottom-reply-with-box .discussion-entry-reply-area,
.form-dialog .form-controls,
.ic-app-footer,
.module-sequence-footer .module-sequence-footer-content,
.question.matching_question .answer,
.question.multiple_answers_question .answer,
.question.multiple_choice_question .answer,
.question.true_false_question .answer,
.rubric_container .rubric_title,
.slick-header-column.ui-state-default,
.table td,
.table th,
.dNoYT_bGBk {
    border-top:1px solid var(--bcborders)!important
}

.discussions-v2__container-image {
    border:.125rem dashed var(--bcborders)!important
}

.Button--active.ui-button,
.Button.Button--active,
.Button.active,
.active.ui-button,
.btn.Button--active,
.btn.active,
.btn.ui-button.ui-state-active,
.message-list .message-count,
.mini_calendar .day.today,
.ui-button.ui-state-active,
.ui-button.ui-state-active.ui-state-hover,
.ui-button.ui-state-active:hover,
.ui-progressbar .btn.ui-button.ui-widget-header,
.ui-progressbar .ui-button.ui-widget-header,
::-webkit-scrollbar-thumb,
.ic-unread-badge__total-count,
#calendar-app .fc-month-view .fc-today,
.css-um72cs-view-cell {
    background:var(--bcbackground-2)!important
}

.discussion-entries .entry .entry,
.kl_image_white_border {
    border:0!important
}

.ac-result-wrapper:before {
    border-bottom:10px solid var(--bcborders)
}

.eIQkd_bGBk,
.ui-tabs .ui-tabs-nav,
.eHzxc_bGBk,
.quiz_comment:after,
.quiz_comment:before {
    border-bottom-color:var(--bcborders)!important
}

.ic-item-row {
    box-shadow:0 -1px var(--bcborders), inset 0 -1px var(--bcborders)!important
}

#GradeSummarySelectMenuGroup span,
#kl_content_block_0 h3:nth-child(1),
#kl_content_block_0 h3:nth-child(1) i,
#kl_custom_block_0 h3:nth-child(1),
#kl_custom_block_0 h3:nth-child(1) i,
#kl_custom_block_1 h3:nth-child(1),
#kl_custom_block_1 h3:nth-child(1) i,
#kl_custom_block_2 h3:nth-child(1),
#kl_custom_block_2 h3:nth-child(1) i,
#kl_wrapper_3.kl_colored_headings #kl_modules h3,
#kl_wrapper_3.kl_colored_headings #kl_modules h3:not(.ui-state-default) i,
#kl_wrapper_3.kl_colored_headings>div>h3:not(.ui-state-default),
#kl_wrapper_3.kl_colored_headings>div>h3:not(.ui-state-default) i,
#kl_wrapper_3.kl_colored_headings_box_left #kl_modules h3,
#kl_wrapper_3.kl_colored_headings_box_left #kl_modules h3 i,
#kl_wrapper_3.kl_colored_headings_box_left>div>h3 i,
#kl_wrapper_3.kl_colored_headings_box_left>div>h3:not(.ui-state-default),
#kl_wrapper_3.kl_emta h3:not(.ui-state-default),
.canvasrefined-card-grade,
.canvasrefined-card-header,
.discussion-fyi,
.ic-DashboardCard__action-badge,
.ic-app-header__menu-list-item.ic-app-header__menu-list-item--active .menu-item__text,
.ig-list .ig-row,
.kl_flex_column h4,
.menu-item__badge,
.mini_calendar .day.other_month,
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.canvasrefined-course-percent,
.canvasrefined-todo-container,
.canvasrefined-todo-container:hover,
.MlJlv_ebWM,
.canvasrefined-todo-item,
.canvasrefined-todo-item:hover,
.canvasrefined-hover-preview,
.baylorMainContainer,
.baylor-table td,
.fOyUs_dUgE,
.fOyUs_bvKN,
.muted,
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
blockquote small,
.css-1v8v5q1-optionItem,
.Button,
button,
.btn,
h1,
h2,
h3,
h4,
h5,
h6,
#tinymce,
.PlannerItem-styles__type > span,
.canvasrefined-todo-actions,
.css-md78hg-colHeader,
.css-ywdg6k-view-rowHeader {
    color:var(--bctext-0)!important
}

.ic-app-header__menu-list-item.ic-app-header__menu-list-item--active svg,
.ToDoSidebarItem__Icon,
.canvasrefined-todo-svg {
    fill:var(--bctext-0)!important
}

.ic-avatar {
    border:2px solid var(--bctext-0)!important
}

#breadcrumbs>ul>li+li:last-of-type a,
#calendar-app .fc-agendaWeek-view .fc-axis,
#calendar-app .fc-agendaWeek-view .fc-widget-header,
#calendar-app .fc-month-view .fc-widget-header,
#calendar-drag-and-drop-container .fc-agendaWeek-view .fc-axis,
#calendar-drag-and-drop-container .fc-agendaWeek-view .fc-widget-header,
#calendar-drag-and-drop-container .fc-month-view .fc-widget-header,
#content-wrapper .user_content.not_design_tools h3,
.canvasrefined-course-credit,
#kl_banner,
#kl_banner h2,
#kl_banner_left,
#kl_banner_right,
#kl_custom_block_0,
#kl_readings p,
#kl_wrapper_3.kl_colored_headings #kl_banner #kl_banner_left,
#kl_wrapper_3.kl_colored_headings #kl_banner .kl_subtitle,
#kl_wrapper_3.kl_colored_headings #kl_modules h3:not(.ui-state-default) i,
#kl_wrapper_3.kl_colored_headings h4,
#kl_wrapper_3.kl_colored_headings>div>h3:not(.ui-state-default) i,
#kl_wrapper_3.kl_colored_headings_box_left #kl_modules h3 i,
#kl_wrapper_3.kl_colored_headings_box_left h4,
#kl_wrapper_3.kl_colored_headings_box_left>div>h3 i,
#kl_wrapper_3.kl_emta,
#minical .fc-toolbar .h2,
#minical .fc-toolbar h2,
#minical .fc-widget-content,
#nav-tray-portal>span>span>div>div>.navigation-tray-container.courses-tray>.tray-with-space-for-global-nav>div>ul>li>div,
#right-side .details .header,
#right-side .right-side-list li em,
#right-side .right-side-list li p,
.Day-styles__root h2,
.EmptyDays-styles__root,
.HwBsD_blJt,
.HwBsD_fqzO,
.MlJlv_dnnz,
.PlannerItem-styles__due,
.PlannerItem-styles__score,
.ToDoSidebarItem__Info,
.ToDoSidebarItem__Info li,
.ac-input-box,
.accessible-toggler,
.canvasrefined-assignment-container,
.canvasrefined-assignment-container:hover,
.bjXfh_daKB,
.bjXfh_daKB span,
.cWmNi_bGBk,
.ccWIh_bGBk,
.close,
.comment_list .comment,
.discussion-points,
.discussion-pubdate,
.discussion-rate-action,
.discussion-reply-action,
.discussion-section h4,
.discussion-section p,
.discussion-section ul,
.discussion-tododate,
.discussions-v2__container-image>span>div,
.dropdown-menu li>a,
.ef-plain-link,
.ef-plain-link:hover,
.enRcg_bGBk.enRcg_qFsi,
.entry-content span,
.esvoZ_drOs,
.event-details-timestring,
.extension-ac a:hover,
.extension-linkpreview,
.fCrpb_egrg,
.fCrpb_egrg.fCrpb_fVUh,
.fNHEA_blJt,
.fQfxa_bCUx.fQfxa_buuG,
.fc-agendaWeek-view .fc-event-container a[class*=group_] .fc-content .fc-time,
.fc-event,
.fc-event:hover,
.fwfoD_fsuY,
.header-row a.sort-field-active i,
.hypodivcalc,
.ic-Dashboard-header__title,
.ic-DashboardCard__header-subtitle,
.ic-DashboardCard__header-term,
.ic-discussion-content-container,
.ig-header .name,
.ig-list .ig-row a.ig-title,
.ig-type-icon,
.item-group-condensed .ig-header,
.item-group-expandable .emptyMessage,
.jpyTq_bGBk,
.kl_mod_text,
.kl_readings span,
.list-view a.active,
.message-detail.conversations__message-detail .no-messages,
.message-detail.span8 .no-messages,
.message-list .author,
.message-list .subject,
.message.user_content div,
.mini-cal-header,
.mini_calendar .day,
.nav-icon,
.nav_list li.navitem,
.ofhgV_ddES,
.pages.show .page-title,
.planner-day,
.standalone-icon:before,
.submission_attachment button>span,
.tox .tox-collection__item,
.tox .tox-insert-table-picker__label,
.tray-with-space-for-global-nav>div>span>form>button>span,
.tree i[class*=icon-],
.tree i[class^=icon-],
.ui-button,
.ui-state-default,
.ui-tabs .ui-tabs-nav li a,
.ui-widget .fc-event,
.ui-widget-content,
.ui-widget-header .ui-state-default,
.uneditable-input,
.user_content.enhanced,
.user_content,
.user_content.enhanced p,
body,
code,
input.enRcg_bGBk[type].enRcg_qFsi,
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
label.fCrpb_egrg,
legend,
pre,
select,
textarea,
ul#question_list li i,
.enRcg_bGBk.enRcg_bLsb,
input.enRcg_bGBk[type].enRcg_bLsb,
.erWSf_bGBk,
.faJyW_blJt,
.eMdva_bgqc,
#right-side p.email_channel,
.dpCPB_caGd,
.XOwIb_ddES,
.fdyuz_bGBk,
.fOyUs_fZwI,
.fOyUs_kXoP,
.fQfxa_dqAF.fQfxa_buuG,
.communication_message .header .header_title .title,
.communication_message .header .header_title .sub_title,
.ic-tokens,
ic-tokeninput-input,
.ftPBL_cuDj,
.dUOHu_eCSh,
.blnAQ_eCSh,
#gradebook_header,
.canvasrefined-assignment-link,
.canvasrefined-assignment-link:hover,
.jumbotron,
.card,
.ac-token,
span[style='color: #000000;'],
.canvasrefined-gpa-edit-btn,
.css-um72cs-view-cell {
    color:var(--bctext-1)!important
}

.list-view a.active {
    border-left:2px solid var(--bclinks)!important
}

.ToDoSidebarItem svg,
.discussions-v2__wrapper>span>span>span>span>button>span>span>svg,
.ic-DashboardCard__action-layout svg,
.tox .tox-split-button__chevron svg,
.tox .tox-tbtn svg,
.tox .tox-tbtn svg g,
.tox .tox-tbtn svg path {
    fill:var(--bctext-1)!important
}

.caret {
    border-top:4px solid var(--bctext-1)!important
}

#last_saved_indicator,
#minical .fc-other-month,
#nav_disabled_list li.navitem,
.ToDoSidebarItem__Info>span,
.extension-aldue,
.ic-item-row__meta-content-timestamp p,
.ig-list .icon-drag-handle,
.ig-list .ig-row .ig-empty-msg,
.message-detail.conversations__message-detail .date,
.message-detail.conversations__message-detail .user-info .context,
.message-detail.span8 .date,
.message-detail.span8 .user-info .context,
.message-list .summary,
.profile_table .data_description,
.question .header .question_points_holder,
.student_assignment .context,
.tox .tox-collection__item-accessory,
.yyQPt_blJt,
ul#question_list.read_only li.seen,
ul#question_list li.current_question,
.css-1sr6v3o-text {
    color:var(--bctext-2)!important
}

#content-wrapper .user_content.not_design_tools a,
#media_comment_maybe,
#nav-tray-portal a,
.ToDoSidebarItem__Title a,
.message-list .date,
a,
a:focus,
a:hover,
.fQfxa_bCUx.fQfxa_eCSh,
.fake-link,
.no-touch .ic-DashboardCard__action:hover,
.enRcg_bGBk.enRcg_fpfC,
input.enRcg_bGBk[type].enRcg_fpfC {
    color:var(--bclinks)!important
}

#minical .fc-bg .fc-state-highlight,
#submit_file_button,
.StickyButton-styles__root,
.ic-DashboardCard__action-badge,
.menu-item__badge,
ul.outcome-level li.selected a::before,
.eMdva_pypk .eMdva_dnnz,
.ic-notification__icon,
.fQfxa_dqAF.fQfxa_eCSh,
.recent_activity>li .unread-count,
.recent_activity>li .unread.message-list .read-state:before,
.eMdva_pypk .eMdva_dnnz,
.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled),
.nav-badge,
.message-list .read-state:before,
.ic-unread-badge,
.cECYn_bXiG,
.unread-grade,
.canvasrefined-todo-label {
    background:var(--bclinks)!important
}

.eHQDY_ddES .eHQDY_eWAY {
    stroke:var(--bclinks)!important
}

.message-list .messages>li:hover {
    box-shadow:inset -4px 0 0 var(--bclinks)!important
}

.agenda-event__item-container:focus,
.agenda-event__item-container:hover {
    box-shadow:inset 3px 0 0 var(--bclinks)
}

#calendar-app .fc-agendaWeek-view .fc-day-grid .fc-today,
#calendar-drag-and-drop-container .fc-agendaWeek-view .fc-day-grid .fc-today {
    box-shadow:.5px -6px 0 0 var(--bclinks)
}

.message-list .read-state.read:before {
    box-shadow:0 0 0 1px var(--bclinks)
}

#minical .event::after {
    border:1px solid var(--bclinks)
}

.ic-notification {
    border:2px solid var(--bclinks)!important
}

.eMdva_pypk,
.tox .tox-edit-area.active,
.tox .tox-edit-area.active iframe,
.emSEn_QUBp:hover {
    border-color:var(--bclinks)!important
}

.eHQDY_ddES .eHQDY_eWAY {
    stroke:var(--bclinks)
}

.ui-dialog .ui-dialog-titlebar-close.ui-state-hover,
.ui-dialog .ui-dialog-titlebar-close.ui-state-focus {
    box-shadow:0 0 0 2px var(--bclinks)
}

select.ic-Input:focus,
textarea.ic-Input:focus,
input[type=text].ic-Input:focus,
input[type=password].ic-Input:focus,
input[type=datetime].ic-Input:focus,
input[type=datetime-local].ic-Input:focus,
input[type=date].ic-Input:focus,
input[type=month].ic-Input:focus,
input[type=time].ic-Input:focus,
input[type=week].ic-Input:focus,
input[type=number].ic-Input:focus,
input[type=email].ic-Input:focus,
input[type=url].ic-Input:focus,
input[type=search].ic-Input:focus,
input[type=tel].ic-Input:focus,
input[type=color].ic-Input:focus,
.uneditable-input.ic-Input:focus {
    outline-color:var(--bclinks)
}

.discussion-section.message_wrapper table {
    border:4px solid red!important
}

.extension-linkpreview,
.hypodivcalc,
.kl_shadow_2,
.kl_shadow_b2,
.tox .tox-split-button:hover {
    box-shadow:none!important
}

#kl_wrapper_3.kl_colored_headings #kl_modules h3:not(.ui-state-default) i,
#kl_wrapper_3.kl_colored_headings>div>h3:not(.ui-state-default) i,
#kl_wrapper_3.kl_colored_headings_box_left #kl_modules h3 i,
#kl_wrapper_3.kl_colored_headings_box_left>div>h3 i {
    border:none!important
}

.extension-aldue:hover,
.ic-DashboardCard,
.navigation-tray-container,
.canvasrefined-gpa-card {
    box-shadow:0 2px 5px #00000080!important
}

::-webkit-scrollbar {
    width:15px
}

.ui-datepicker .ui-datepicker-time,
.ui-datepicker .ui-dialog .ui-datepicker-time,
.ui-dialog .ui-datepicker .ui-datepicker-time,
.ui-dialog .ui-dialog-buttonpane,
hr {
    border-top:none!important
}

#right-side .shared-space h2 {
    border-bottom-style:none!important
}

#kl_content_block_0 h3:nth-child(1) i,
#kl_custom_block_0 h3:nth-child(1) i,
#kl_custom_block_1 h3:nth-child(1) i,
#kl_custom_block_2 h3:nth-child(1) i {
    border:0!important
}

.ig-header .name {
    text-shadow:none!important
}

#right-side .events_list .event-details:after,
#right-side .events_list .todo-details:after,
#right-side .to-do-list .event-details:after,
#right-side .to-do-list .todo-details:after {
    display:none!important
}

,
.muted-notice {
    background-image:none!important
}

.message-list .read-state.read:before {
    background:none!important
}

.ic-DashboardCard__header-button,
.ic-app-header__secondary-navigation {
    background:none!important;
    border:none!important
}

.published-status.published .icon-publish::before {
    color:#0b874b!important
}

.ic-app-header {
    background:var(--bcsidebar)!important
}

.ic-app-header__menu-list-item.ic-app-header__menu-list-item--active .ic-app-header__menu-list-link,
.ic-app-header__menu-list-link:hover {
    background:#0000004f!important
}

.ic-app-header__logomark-container {
    background:none!important
}

.ic-app-header__menu-list-link svg,
.ic-app-header__menu-list-item.ic-app-header__menu-list-item--active svg {
    fill:var(--bcsidebar-text)!important
}

.menu-item-icon-container,
.ic-app-header__menu-list-link .menu-item__text,
.ic-app-header__menu-list-item.ic-app-header__menu-list-item--active .menu-item__text {
    color:var(--bcsidebar-text)!important
}

.ic-DashboardCard,
.ic-DashboardCard__header_content,
.canvasrefined-assignment-container,
.recent_feedback .event-details {
    background:none!important
}
#right-side .event-details .event-details__context,
#right-side .event-details .event-details__context *,
#right-side .recent_feedback .event-details p,
#right-side .recent_feedback .event-details span {
    color: var(--bctext-0) !important;
}
.event-details strong {
	color: var(--bctext-0) !important;
}
/* Theme the native date/time picker icons so they stay visible on the dark
   sidebar surface. Applied in dark mode only — light mode keeps the default
   dark glyphs (see css/content.css).
   color-scheme: dark is the cross-browser way to flip the native picker icon
   to a light glyph. Firefox 109+ ignores ::-webkit-calendar-picker-indicator
   (the icon lives in a closed Shadow DOM), so a filter alone does nothing
   there; color-scheme fixes both Firefox and modern Chrome. Do NOT also apply
   an invert filter — color-scheme already makes the glyph light, and inverting
   would flip it back to dark in Chrome. */
#better-todo-new-task-date,
#better-todo-new-task-time {
    color-scheme: dark !important;
    color: var(--bctext-0) !important;
}
/* Dashboard list view header (Today / Add To Do / Show My Grades /
   opportunities): Canvas paints the icon glyphs a dark ink color that
   disappears on the dark glass header bar. Recolor the header text and
   its icon SVGs to the theme text color. */
.PlannerHeader-styles__root {
    color: var(--bctext-0) !important;
}
.PlannerHeader-styles__root svg {
    fill: var(--bctext-0) !important;
}
/* The "Today" button's label span carries Canvas's dark ink color from its
   emotion class, which beats the inherited root color above — dark text on
   the dark header bar. Force the whole button chain to the theme text color. */
.PlannerHeader-styles__root button,
.PlannerHeader-styles__root button span {
    color: var(--bctext-0) !important;
}
/* Solid themed surfaces for the header buttons. Canvas leaves the icon
   buttons (Add To Do / Show My Grades / opportunities) fully transparent
   and paints the Today button an unthemed color — on the dark header bar
   they need solid backgrounds to read as buttons. #planner-today-btn:hover
   is listed separately because the ID selector on the base background rule
   above would otherwise out-specify the class-only :hover rule. */
.PlannerHeader-styles__root button {
    background: var(--bcbackground-1) !important;
    border: 1px solid var(--bcborders) !important;
    border-radius: 4px !important;
}
.PlannerHeader-styles__root button:hover,
#planner-today-btn:hover {
    background: var(--bcbackground-2) !important;
}
/* The "Today" button keeps its filled surface (from the rule above) but
   gets no outline. Two borders were boxing it in: the themed border the
   rule above paints on the button itself, and — the sneaky one —
   Instructure's Button variant draws its own light-gray border
   (rgb(232,234,236)) on the inner [class$="-baseButton__content"] span,
   which reads as a bright 1px ring on the dark chip. The icon buttons'
   content spans carry no border, so only Today needs this. Transparent
   (instead of border: none) keeps the button's exact dimensions. */
#planner-today-btn,
#planner-today-btn [class$="-baseButton__content"] {
    border-color: transparent !important;
}
/* Instructure's Button variant paints its inner content span white (and a
   light gray on hover / white + inset shadow on active). That span covers
   the themed button background painted above, so the "Today" button still
   rendered as a white box. Flatten the content span in every state so the
   button's own surface shows through. */
.PlannerHeader-styles__root button [class$="-baseButton__content"],
.PlannerHeader-styles__root button:hover [class$="-baseButton__content"],
.PlannerHeader-styles__root button:active [class$="-baseButton__content"] {
    background: transparent !important;
    box-shadow: none !important;
}
/* Dashboard list-view trays ("Add To Do" / "My Grades" opened from the
   header buttons): Instructure UI renders Tray panels as body-level
   portals — body > span > span[...-tray] — with a hardcoded white
   background. Paint the tray panel with the theme background; the tray
   contents already pick up the theme text color. */
body > span > span[class*="-tray"] {
    background: var(--bcbackground-0) !important;
}
/* The Add To Do form ships its own <style> tag hardcoding background
   #FFFFFF on its root. */
.UpdateItemTray-styles__root {
    background: var(--bcbackground-0) !important;
}
/* Immersive Reader button (in the nav-toggle + breadcrumbs bar): an InstUI
   Button whose emotion class hashes change between Canvas releases, so
   target the stable mount point and attribute-suffix class names instead.
   The button and its inner content span carry a light surface, dark ink
   text and a black icon glyph, which are unreadable on the dark theme. */
#immersive_reader_mount_point button[class$="-baseButton"],
#immersive_reader_mount_point button[class$="-baseButton"] > span:first-child {
    background: var(--bcbackground-1) !important;
    color: var(--bctext-0) !important;
    border: 1px solid var(--bcborders) !important;
    box-shadow: none !important;
}
/* The icon glyph is hardcoded black (fill="#000000" attribute); recolor it
   to the theme text color. The blue accent paths stay as-is — they read
   fine on dark. */
#immersive_reader_mount_point button[class$="-baseButton"] svg path[fill="#000000"] {
    fill: var(--bctext-0) !important;
}
/* InstUI TextInput / Select facades (Title, Date, Time, Course fields):
   white surface, dark ink, gray border. Repaint with the theme surface,
   text, and border colors — the calendar / arrow icons inside use
   currentColor, so they follow. Attribute-contains matching because
   emotion appends animation-state classes (e.g. transition--*) after the
   component class. */
[class*="-textInput__facade"] {
    background: var(--bcbackground-1) !important;
    border-color: var(--bcborders) !important;
    color: var(--bctext-0) !important;
}
/* Field labels (Title / Date / Time / Course / Details) and the date-time
   summary message keep Canvas's dark ink. */
[class$="-formFieldLayout__label"],
[class$="-formFieldMessage"] {
    color: var(--bctext-1) !important;
}
/* InstUI ContextView popovers — the opportunities popup behind "Show My
   Grades" and the date-picker calendar behind the Date field: white card
   with dark text. Theme the card; descendants without their own ink
   color (weekday headers, month label) inherit from here. */
[class*="-contextView__content"] {
    background: var(--bcbackground-0) !important;
    color: var(--bctext-0) !important;
}
/* The opportunities popup's tab labels carry their own dark ink. */
[class*="-contextView__content"] [class$="-view-tab"] {
    color: var(--bctext-0) !important;
}
/* Flatten the white InstUI View surfaces nested inside those popovers
   (the calendar body, the opportunities tab strip, the panel content) so
   the themed card shows through. */
[class*="-contextView__content"] [class*="-view--inlineBlock"],
[class*="-contextView__content"] [class*="-view--block"],
[class*="-contextView__content"] [class*="-view-tabs__container"],
[class*="-contextView__content"] [class*="-view-panel__content"],
[class*="-contextView__content"] [class*="-calendar__navigation"] {
    background: transparent !important;
}
/* Calendar day chips: white squares with dark numbers. Flatten them and
   recolor; the selected day keeps a filled chip (matched structurally via
   aria-selected, since the chip's emotion class is a content hash). */
[class*="-calendarDay__day"] {
    background: transparent !important;
    color: var(--bctext-0) !important;
}
button[aria-selected="true"] > [class*="-calendarDay__day"] {
    background: var(--bclinks) !important;
    color: #ffffff !important;
}
/* InstUI Select dropdowns (Time / Course) open body-level popover portals
   with white View wrappers and white option rows around the options list.
   Theme the list, flatten the wrappers and rows; the wrappers' emotion
   classes carry no semantic suffix, so they are matched structurally with
   :has() on the options list they contain (portal pattern: body > span). */
[class*="-options__list"] {
    background: var(--bcbackground-0) !important;
    color: var(--bctext-0) !important;
    border-color: var(--bcborders) !important;
}
[class*="-options__list"] [class$="-optionItem__container"] {
    color: var(--bctext-0) !important;
}
[class$="-optionItem"] {
    background: transparent !important;
}
[class$="-optionItem"]:hover,
[class$="-optionItem"][aria-selected="true"] {
    background: var(--bcbackground-2) !important;
}
body > span span:has([class*="-options__list"]) {
    background: transparent !important;
}
/* Planner "Submitted" pill in the completed-items row: InstUI renders it
   as a white chip with gray text. */
.BadgeList-styles__item [class*="-pill"] {
    background: var(--bcbackground-2) !important;
    color: var(--bctext-1) !important;
}
/* Flash alert toasts (.flashalert-message, e.g. "Nothing planned today.
   Selecting next item."): Canvas renders them as white cards with dark
   text, unthemed in dark mode. Paint them with the theme background and
   text color; the inner div[open] is the alert card itself. The close X
   glyph inherits currentColor from the button. */
.flashalert-message > div {
    background: var(--bcbackground-0) !important;
    color: var(--bctext-0) !important;
    border-color: var(--bcborders) !important;
}
.flashalert-message > div p {
    color: var(--bctext-0) !important;
}
.flashalert-message > div button {
    color: var(--bctext-0) !important;
}
.flashalert-message > div button svg {
    fill: var(--bctext-0) !important;
}
/* Global Announcements page (…/account_notifications): the Current/Recent
   tabs come from Instructure UI. Canvas paints the tab labels ("Current" /
   "Recent") and the panel caption ("Announcements from the past four
   months") with its dark ink, and the active tab panel's content wrapper
   (the direct div child of #currentTab/#pastTab) gets a white surface —
   all unreadable in dark mode. The panel ids and aria-controls values are
   stable; the emotion class hashes are not, so they are not used.
   The white surface actually comes from the outer tabs container
   (.css-gpxu0l-view-tabs__container, style background:#fff) that wraps
   both the tab strip (.css-1baf0tq-view-tabs) and the panels — it is
   themed via the stable "view-tabs__container" class fragment, scoped
   to this page's panels with :has() so other Instructure UI tabs
   elsewhere in Canvas are untouched.
   .notification_account_content is the account notification card used on
   this page and in the dashboard announcement banner: Canvas sets dark
   ink on the card chain (.ic-notification down through
   .notification_message and .notification_account_content_text), leaving
   the announcement body and the "This is an announcement from…" line
   invisible on the themed dark card background. Recolor the body text to
   the theme text color, keep the h2 title at the brighter heading color
   (an ancestor rule below would otherwise dim it), and mute the meta
   line. These class rules also fix the same markup in the dashboard
   banner. */
div[class*='view-tabs__container']:has(#currentTab, #pastTab),
#currentTab>div,
#pastTab>div {
    background: var(--bcbackground-0) !important;
}
[aria-controls=currentTab],
[aria-controls=pastTab] {
    color: var(--bctext-1) !important;
}
#currentTab>div>span,
#pastTab>div>span {
    color: var(--bctext-2) !important;
}
.notification_account_content,
.notification_account_content .ic-notification__content,
.notification_account_content .ic-notification__message,
.notification_message,
.notification_message p,
.notification_message span,
.notification_message strong,
.notification_message b,
.notification_message em,
.notification_message li,
.notification_message td,
.notification_message th {
    color: var(--bctext-1) !important;
}
.notification_account_content .ic-notification__title {
    color: var(--bctext-0) !important;
}
.notification_account_content_text,
.notification_account_content_text b,
.notification_account_content_text strong {
    color: var(--bctext-2) !important;
}
.notification_message a,
.notification_account_content a {
    color: var(--bclinks) !important;
}
/* Grades page: opening the comment tray marks the row with
   .selected-assignment, which Canvas paints light blue (#e0ebf5) with a
   .3s background transition — reads as a white row in dark mode. Repaint
   it as the theme's raised surface so the highlight stays visible but
   dark. */
#grades_summary tr.selected-assignment {
    background-color: var(--bcbackground-2) !important;
}
/* Grades page (…/courses/:id/grades): the comment chip in each assignment
   row (speech-bubble icon + count, .toggle_comments_link) keeps Canvas's
   light-gray pill background and border in dark mode; repaint it as a
   theme chip. */
.toggle_comments_link,
.toggle_comments_link:hover {
    background: var(--bcbackground-2) !important;
    border-color: var(--bcborders) !important;
}
/* Grades page rubric table borders are white by default. */
.rating-tier,
.react-rubric td,
.react-rubric th,
.rating-all-footer {
    border-color: var(--bcborders) !important;
}
/* Grades page "late"/"missing" status pills: InstUI renders the inner pill
   as a white chip with colored text. The emotion class hashes change between
   Canvas releases, so match the stable "-pill" fragment scoped under the
   server-rendered status cell. */
td.status [class*="-pill"],
td.status [class*="-pill"]:hover {
    background: var(--bcbackground-2) !important;
    color: var(--bctext-1) !important;
}
`;