fix: normalize hex colors in SkillDiffCard to prevent Monaco crash

dbhurley · dbhurley · commit 219e3257ec75 · 2026-01-06T21:44:36.000-05:00
diff --git a/src/components/SkillDiffCard.tsx b/src/components/SkillDiffCard.tsx
@@ -461,8 +461,11 @@ function applyMonacoTheme(monaco: NonNullable<ReturnType<typeof useMonaco>>) {
 }
 
 function normalizeHex(value: string) {
-  if (value.startsWith('#')) return value
-  return '#000000'
+  if (!value.startsWith('#')) return '#000000'
+  if (value.length === 4) {
+    return `#${value[1]}${value[1]}${value[2]}${value[2]}${value[3]}${value[3]}`
+  }
+  return value
 }
 
 function toRgba(color: string, alpha: number) {

Original file line number	Diff line number	Diff line change
`@@ -461,8 +461,11 @@ function applyMonacoTheme(monaco: NonNullable<ReturnType<typeof useMonaco>>) {`
`461`	`461`	`}`
`462`	`462`
`463`	`463`	`function normalizeHex(value: string) {`
`464`		`- if (value.startsWith('#')) return value`
`465`		`- return '#000000'`
	`464`	`+ if (!value.startsWith('#')) return '#000000'`
	`465`	`+ if (value.length === 4) {`
	`466`	+ return `#${value[1]}${value[1]}${value[2]}${value[2]}${value[3]}${value[3]}`
	`467`	`+ }`
	`468`	`+ return value`
`466`	`469`	`}`
`467`	`470`
`468`	`471`	`function toRgba(color: string, alpha: number) {`