From db19b13c9e897ad6ec7b6b5061376162a2136010 Mon Sep 17 00:00:00 2001 From: Guy Sandler Date: Sun, 24 May 2026 17:44:49 -0700 Subject: [PATCH] even more css --- css/darkmodecss.js | 1 + js/content.js | 46 +++++++++++++++++++++++++++++++++++++++++++++- 2 files changed, 46 insertions(+), 1 deletion(-) diff --git a/css/darkmodecss.js b/css/darkmodecss.js index adde24a..8446627 100644 --- a/css/darkmodecss.js +++ b/css/darkmodecss.js @@ -173,6 +173,7 @@ span[style*='background: #fff'], .css-1fwux0x-view--block, .css-1v8v5q1-optionItem, #comments-tray, +.css-d76rpr-view--inlineBlock[data-testid='tool-bar'], .css-vxe90h-view--inlineBlock, .bettercanvas-todo-actions, .css-sg1rn7-view { diff --git a/js/content.js b/js/content.js index cf0f656..fe7b864 100644 --- a/js/content.js +++ b/js/content.js @@ -8,14 +8,27 @@ function getCurrentCourseId() { function getSidebarLayoutMode() { if (current_page.match(/^\/courses\/(\d+)(?:\/|$)/)) return "course"; + if (current_page === "/courses" || current_page === "/courses/") return "dash"; if (current_page === "/" || current_page === "") return "dash"; - return "general"; + return "dash"; } function isGradesPage() { return /^\/courses\/\d+\/grades(?:\/|$)/.test(current_page); } +function isCoursesIndexPage() { + return /^\/courses\/?$/.test(current_page); +} + +function isGroupsIndexPage() { + return /^\/groups\/?$/.test(current_page); +} + +function isConversationsPage() { + return /^\/conversations(?:\/|$)/.test(current_page); +} + function getSubmissionAssignmentLink() { const match = current_page.match(/^\/courses\/(\d+)\/assignments\/(\d+)\/submissions\/(\d+)(?:\/|$)/); if (!match) return null; @@ -648,6 +661,37 @@ function applyCustomBackground() { padding-left: 10px !important; padding-right: 10px !important; } + ${isCoursesIndexPage() ? ` + #content { + margin: 36px 48px 48px !important; + padding: 10px !important; + background-color: color-mix(in srgb, var(--bcbackground-0), transparent 35%) !important; + border-radius: 5px !important; + box-sizing: border-box !important; + } + ` : ""} + ${isGroupsIndexPage() ? ` + #content { + margin: 36px 48px 48px !important; + padding: 10px !important; + background-color: color-mix(in srgb, var(--bcbackground-0), transparent 35%) !important; + border-radius: 5px !important; + box-sizing: border-box !important; + } + ` : ""} + ${isConversationsPage() ? ` + .css-1nh4pc4-view-flexItem { + background-color: color-mix(in srgb, var(--bcbackground-0), transparent 35%) !important; + border-radius: 5px !important; + box-sizing: border-box !important; + } + .css-1nh4pc4-view-flexItem svg, + .css-1nh4pc4-view-flexItem svg * { + fill: currentColor !important; + stroke: currentColor !important; + color: var(--bctext-0) !important; + } + ` : ""} .item-group-condensed .ig-row.ig-published.no-estimated-duration { color: var(--bctext-1) !important; border: 1px solid color-mix(in srgb, var(--bcborders) 60%, transparent) !important;