fix: update background color opacity for shiki highlight and adjust text color for sugar high

pheralb · pheralb · commit 94fad261f895 · 2026-02-02T17:47:54.000Z
diff --git a/apps/website/src/styles/shiki.css b/apps/website/src/styles/shiki.css
@@ -45,7 +45,7 @@ pre span.shiki-line-highlight {
   @apply relative z-0 inline-block w-full;
   &::after {
     content: "";
-    @apply absolute top-0 left-0 -z-10 h-full w-full border-l-2 border-neutral-400 bg-neutral-600/20! opacity-40;
+    @apply absolute top-0 left-0 -z-10 h-full w-full border-l-2 border-neutral-400 bg-neutral-500/20! opacity-40;
   }
 }
 
diff --git a/apps/website/src/styles/sugar-high.css b/apps/website/src/styles/sugar-high.css
@@ -44,5 +44,5 @@ pre.sh-line-numbers .sh__line::before {
   margin-right: 1rem;
   margin-left: 0.3rem;
   display: inline-block;
-  @apply text-right font-mono text-xs text-neutral-400 dark:text-neutral-600;
+  @apply text-right font-mono text-xs text-neutral-500;
 }

Original file line number	Diff line number	Diff line change
`@@ -45,7 +45,7 @@ pre span.shiki-line-highlight {`
`45`	`45`	`@apply relative z-0 inline-block w-full;`
`46`	`46`	`&::after {`
`47`	`47`	`content: "";`
`48`		`- @apply absolute top-0 left-0 -z-10 h-full w-full border-l-2 border-neutral-400 bg-neutral-600/20! opacity-40;`
	`48`	`+ @apply absolute top-0 left-0 -z-10 h-full w-full border-l-2 border-neutral-400 bg-neutral-500/20! opacity-40;`
`49`	`49`	`}`
`50`	`50`	`}`
`51`	`51`
Original file line number	Diff line number	Diff line change
`@@ -44,5 +44,5 @@ pre.sh-line-numbers .sh__line::before {`
`44`	`44`	`margin-right: 1rem;`
`45`	`45`	`margin-left: 0.3rem;`
`46`	`46`	`display: inline-block;`
`47`		`- @apply text-right font-mono text-xs text-neutral-400 dark:text-neutral-600;`
	`47`	`+ @apply text-right font-mono text-xs text-neutral-500;`
`48`	`48`	`}`