Add/manipulate the UI accent color for code comments

jaygeorge · jaygeorge · commit 9daa324bbba3 · 2025-08-29T18:39:28.000+01:00
diff --git a/resources/css/elements/base.css b/resources/css/elements/base.css
@@ -111,3 +111,9 @@
         z-index: var(--z-index-above);
     }
 }
+
+code {
+    /* Take the UI accent for code color/background. Use relative colors to 1) Make sure the text color is not too bright and 2) Create a light background */
+    color: hsl(from var(--theme-color-ui-accent) h l 20);
+    background: hsl(from var(--theme-color-ui-accent) h s l / 0.08);
+}

Original file line number	Diff line number	Diff line change
`@@ -111,3 +111,9 @@`
`111`	`111`	`z-index: var(--z-index-above);`
`112`	`112`	`}`
`113`	`113`	`}`
	`114`	`+`
	`115`	`+code {`
	`116`	`+ /* Take the UI accent for code color/background. Use relative colors to 1) Make sure the text color is not too bright and 2) Create a light background */`
	`117`	`+ color: hsl(from var(--theme-color-ui-accent) h l 20);`
	`118`	`+ background: hsl(from var(--theme-color-ui-accent) h s l / 0.08);`
	`119`	`+}`