Rubric dark mode styling

This commit is contained in:
TabulateJarl8 2026-09-16 21:56:10 -04:00
parent 16ed09ff43
commit 7ab65bb7c9
No known key found for this signature in database

View File

@ -288,7 +288,8 @@ div[style*='background-color: rgb(245, 245, 245)'],
#course_select_menu, #course_select_menu,
.css-1dn3ise-textInput__facade, .css-1dn3ise-textInput__facade,
.css-1veueey-textInput__facade, .css-1veueey-textInput__facade,
.canvasrefined-todo-action:hover { .canvasrefined-todo-action:hover,
.css-ywdg6k-view-rowHeader {
background:var(--bcbackground-1)!important background:var(--bcbackground-1)!important
} }
@ -658,7 +659,8 @@ ul.outcome-level {
.ui-progressbar .ui-button.ui-widget-header, .ui-progressbar .ui-button.ui-widget-header,
::-webkit-scrollbar-thumb, ::-webkit-scrollbar-thumb,
.ic-unread-badge__total-count, .ic-unread-badge__total-count,
#calendar-app .fc-month-view .fc-today { #calendar-app .fc-month-view .fc-today,
.css-um72cs-view-cell {
background:var(--bcbackground-2)!important background:var(--bcbackground-2)!important
} }
@ -742,7 +744,9 @@ h5,
h6, h6,
#tinymce, #tinymce,
.PlannerItem-styles__type > span, .PlannerItem-styles__type > span,
.canvasrefined-todo-actions { .canvasrefined-todo-actions,
.css-md78hg-colHeader,
.css-ywdg6k-view-rowHeader {
color:var(--bctext-0)!important color:var(--bctext-0)!important
} }
@ -925,7 +929,8 @@ ic-tokeninput-input,
.card, .card,
.ac-token, .ac-token,
span[style='color: #000000;'], span[style='color: #000000;'],
.canvasrefined-gpa-edit-btn { .canvasrefined-gpa-edit-btn,
.css-um72cs-view-cell {
color:var(--bctext-1)!important color:var(--bctext-1)!important
} }
@ -1452,6 +1457,13 @@ div[class*='view-tabs__container']:has(#currentTab, #pastTab),
background: var(--bcbackground-2) !important; background: var(--bcbackground-2) !important;
border-color: var(--bcborders) !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 /* Grades page "late"/"missing" status pills: InstUI renders the inner pill
as a white chip with colored text. The emotion class hashes change between as a white chip with colored text. The emotion class hashes change between
Canvas releases, so match the stable "-pill" fragment scoped under the Canvas releases, so match the stable "-pill" fragment scoped under the
@ -1461,4 +1473,4 @@ td.status [class*="-pill"]:hover {
background: var(--bcbackground-2) !important; background: var(--bcbackground-2) !important;
color: var(--bctext-1) !important; color: var(--bctext-1) !important;
} }
`; `;