From 7ab65bb7c94af4858149c91ff063366599dfb627 Mon Sep 17 00:00:00 2001
From: TabulateJarl8 <tabulatejarl8@gmail.com>
Date: Wed, 16 Sep 2026 21:56:10 -0400
Subject: [PATCH] Rubric dark mode styling

---
 css/darkmodecss.js | 22 +++++++++++++++++-----
 1 file changed, 17 insertions(+), 5 deletions(-)

diff --git a/css/darkmodecss.js b/css/darkmodecss.js
index e0f810f..2115626 100644
--- a/css/darkmodecss.js
+++ b/css/darkmodecss.js
@@ -288,7 +288,8 @@ div[style*='background-color: rgb(245, 245, 245)'],
 #course_select_menu,
 .css-1dn3ise-textInput__facade,
 .css-1veueey-textInput__facade,
-.canvasrefined-todo-action:hover {
+.canvasrefined-todo-action:hover,
+.css-ywdg6k-view-rowHeader {
     background:var(--bcbackground-1)!important
 }
 
@@ -658,7 +659,8 @@ ul.outcome-level {
 .ui-progressbar .ui-button.ui-widget-header,
 ::-webkit-scrollbar-thumb,
 .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
 }
 
@@ -742,7 +744,9 @@ h5,
 h6,
 #tinymce,
 .PlannerItem-styles__type > span,
-.canvasrefined-todo-actions {
+.canvasrefined-todo-actions,
+.css-md78hg-colHeader,
+.css-ywdg6k-view-rowHeader {
     color:var(--bctext-0)!important
 }
 
@@ -925,7 +929,8 @@ ic-tokeninput-input,
 .card,
 .ac-token,
 span[style='color: #000000;'],
-.canvasrefined-gpa-edit-btn {
+.canvasrefined-gpa-edit-btn,
+.css-um72cs-view-cell {
     color:var(--bctext-1)!important
 }
 
@@ -1452,6 +1457,13 @@ div[class*='view-tabs__container']:has(#currentTab, #pastTab),
     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
@@ -1461,4 +1473,4 @@ td.status [class*="-pill"]:hover {
     background: var(--bcbackground-2) !important;
     color: var(--bctext-1) !important;
 }
-`;
\ No newline at end of file
+`;