Merge pull request #4 from dbhurley/fix/token-color-error

steipete · web-flow · commit fff263ee684d · 2026-01-07T08:50:02.000Z
fix: handle shorthand hex colors in SkillDiffCard
diff --git a/src/components/SkillDiffCard.tsx b/src/components/SkillDiffCard.tsx
@@ -464,8 +464,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
`@@ -464,8 +464,11 @@ function applyMonacoTheme(monaco: NonNullable<ReturnType<typeof useMonaco>>) {`
`464`	`464`	`}`
`465`	`465`
`466`	`466`	`function normalizeHex(value: string) {`
`467`		`- if (value.startsWith('#')) return value`
`468`		`- return '#000000'`
	`467`	`+ if (!value.startsWith('#')) return '#000000'`
	`468`	`+ if (value.length === 4) {`
	`469`	+ return `#${value[1]}${value[1]}${value[2]}${value[2]}${value[3]}${value[3]}`
	`470`	`+ }`
	`471`	`+ return value`
`469`	`472`	`}`
`470`	`473`
`471`	`474`	`function toRgba(color: string, alpha: number) {`