fix(preprocess): use word breaks in regex

rxri · web-flow · commit 3be221f5336b · 2025-08-20T22:05:11.000+02:00
Fixes #3495
diff --git a/src/preprocess/preprocess.go b/src/preprocess/preprocess.go
@@ -300,119 +300,119 @@ func colorVariableReplace(content string) string {
 	colorPatches := []Patch{
 		{
 			Name:  "CSS: --spice-player",
-			Regex: "#(181818|212121)",
+			Regex: "\b#(181818|212121)\b",
 			Replacement: func(submatches ...string) string {
 				return "var(--spice-player)"
 			},
 		},
 		{
 			Name:  "CSS: --spice-card",
-			Regex: "#282828",
+			Regex: "\b#282828\b",
 			Replacement: func(submatches ...string) string {
 				return "var(--spice-card)"
 			},
 		},
 		{
 			Name:  "CSS: --spice-main-elevated",
-			Regex: "#(242424|1f1f1f)",
+			Regex: "\b#(242424|1f1f1f)\b",
 			Replacement: func(submatches ...string) string {
 				return "var(--spice-main-elevated)"
 			},
 		},
 		{
 			Name:  "CSS: --spice-main",
-			Regex: "#121212",
+			Regex: "\b#121212\b",
 			Replacement: func(submatches ...string) string {
 				return "var(--spice-main)"
 			},
 		},
 		{
 			Name:  "CSS: --spice-card-elevated",
-			Regex: "#(242424|1f1f1f)",
+			Regex: "\b#(242424|1f1f1f)\b",
 			Replacement: func(submatches ...string) string {
 				return "var(--spice-card-elevated)"
 			},
 		},
 		{
 			Name:  "CSS: --spice-highlight",
-			Regex: "#1a1a1a",
+			Regex: "\b#1a1a1a\b",
 			Replacement: func(submatches ...string) string {
 				return "var(--spice-highlight)"
 			},
 		},
 		{
 			Name:  "CSS: --spice-highlight-elevated",
-			Regex: "#2a2a2a",
+			Regex: "\b#2a2a2a\b",
 			Replacement: func(submatches ...string) string {
 				return "var(--spice-highlight-elevated)"
 			},
 		},
 		{
 			Name:  "CSS: --spice-sidebar",
-			Regex: "#(000|000000)",
+			Regex: "#\b(000|000000)\b",
 			Replacement: func(submatches ...string) string {
 				return "var(--spice-sidebar)"
 			},
 		},
 		{
 			Name:  "CSS: --spice-text",
-			Regex: "white;|#fff|#ffffff|#f8f8f8",
+			Regex: "\b(white;|#fff|#ffffff|#f8f8f8)\b",
 			Replacement: func(submatches ...string) string {
 				return "var(--spice-text)"
 			},
 		},
 		{
 			Name:  "CSS: --spice-subtext",
-			Regex: "#(b3b3b3|a7a7a7)",
+			Regex: "\b#(b3b3b3|a7a7a7)\b",
 			Replacement: func(submatches ...string) string {
 				return "var(--spice-subtext)"
 			},
 		},
 		{
 			Name:  "CSS: --spice-button",
-			Regex: "#(1db954|1877f2)",
+			Regex: "\b#(1db954|1877f2)\b",
 			Replacement: func(submatches ...string) string {
 				return "var(--spice-button)"
 			},
 		},
 		{
 			Name:  "CSS: --spice-button-active",
-			Regex: "#(1ed760|1fdf64|169c46)",
+			Regex: "\b#(1ed760|1fdf64|169c46)\b",
 			Replacement: func(submatches ...string) string {
 				return "var(--spice-button-active)"
 			},
 		},
 		{
 			Name:  "CSS: --spice-button-disabled",
-			Regex: "#535353",
+			Regex: "\b#535353\b",
 			Replacement: func(submatches ...string) string {
 				return "var(--spice-button-disabled)"
 			},
 		},
 		{
 			Name:  "CSS: --spice-tab-active",
-			Regex: "#(333|333333)",
+			Regex: "\b#(333|333333)\b",
 			Replacement: func(submatches ...string) string {
 				return "var(--spice-tab-active)"
 			},
 		},
 		{
 			Name:  "CSS: --spice-misc",
-			Regex: "#7f7f7f",
+			Regex: "\b#7f7f7f\b",
 			Replacement: func(submatches ...string) string {
 				return "var(--spice-misc)"
 			},
 		},
 		{
 			Name:  "CSS: --spice-notification",
-			Regex: "#(4687d6|2e77d0)",
+			Regex: "\b#(4687d6|2e77d0)\b",
 			Replacement: func(submatches ...string) string {
 				return "var(--spice-notification)"
 			},
 		},
 		{
 			Name:  "CSS: --spice-notification-error",
-			Regex: "#(e22134|cd1a2b)",
+			Regex: "\b#(e22134|cd1a2b)\b",
 			Replacement: func(submatches ...string) string {
 				return "var(--spice-notification-error)"
 			},
