refactor: replace hardcoded background with UnoCSS @apply directive

9romise · 9romise · commit 8b5002faa4cf · 2026-03-05T00:24:56.000+08:00
diff --git a/app/components/Code/Viewer.vue b/app/components/Code/Viewer.vue
@@ -157,7 +157,7 @@ watch(
 
 /* Highlighted lines in code content - extend full width with negative margin */
 .code-content :deep(.line.highlighted) {
-  background: rgb(234 179 8 / 0.2); /* yellow-500/20 */
+  @apply bg-yellow-500/20;
   margin: 0 -1rem;
   padding: 0 1rem;
 }

Original file line number	Diff line number	Diff line change
`@@ -157,7 +157,7 @@ watch(`
`157`	`157`
`158`	`158`	`/* Highlighted lines in code content - extend full width with negative margin */`
`159`	`159`	`.code-content :deep(.line.highlighted) {`
`160`		`- background: rgb(234 179 8 / 0.2); /* yellow-500/20 */`
	`160`	`+ @apply bg-yellow-500/20;`
`161`	`161`	`margin: 0 -1rem;`
`162`	`162`	`padding: 0 1rem;`
`163`	`163`	`}`