From cd5979c1aa1a22a5ecbbe9f4909ff12bafba8b26 Mon Sep 17 00:00:00 2001
From: Alex Dalat <45924261+alexdalat@users.noreply.github.com>
Date: Sat, 4 Apr 2026 16:35:15 -0400
Subject: [PATCH] Add styling for markdown code and feedback buttons

---
 styles/canvas-lms/catppuccin.user.less | 48 ++++++++++++++++++++++++++
 1 file changed, 48 insertions(+)

diff --git a/styles/canvas-lms/catppuccin.user.less b/styles/canvas-lms/catppuccin.user.less
index 8a78c86d90..3c48f470a6 100644
--- a/styles/canvas-lms/catppuccin.user.less
+++ b/styles/canvas-lms/catppuccin.user.less
@@ -131,6 +131,54 @@
       color: @subtext0;
     }
 
+    /* used for markdown code */
+    pre, code {
+      font-family: var(--ic-brand-font-family-monospace, monospace);
+      background-color: @mantle;
+      color: @text;
+      border: 1px solid @surface0;
+      border-radius: 8px;
+    }
+
+    code {
+      padding: 0.2em 0.4em;
+      font-size: 85%;
+    }
+
+    pre {
+      padding: 1rem;
+      border-left: 3px solid @accent;
+      box-shadow: inset 0 1px 3px fade(@crust, 10%);
+      
+      code {
+        background-color: transparent;
+        padding: 0;
+        border: none;
+        box-shadow: none;
+      }
+    }
+
+    /* used for view feedback and add comment buttons */
+    button[data-testid="view_feedback_button"] {
+      .neutral-button();
+      box-shadow: 0 1px 2px fade(@crust, 5%);
+      border-color: @surface1;
+
+      &:hover {
+        border-color: @accent;
+        background-color: @surface0;
+      }
+      
+      svg[name="IconChat"] {
+        color: @accent !important;
+      }
+
+      span[class$="baseButton__children"] {
+        color: @text;
+        font-weight: 500;
+      }
+    }
+
     .user_content {
       /* for highlighted non-links in user-created content, revert to regular-ish text color */
       [style~="background-color:"]:not([style~="color:"])