Skip to content
Merged
Changes from 1 commit
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Next Next commit
Ignore errors thrown by Culori
  • Loading branch information
thecrypticace committed May 13, 2025
commit 0f35dcb6fe922ac6d95a5a46b4dd8a38241f74fe
16 changes: 13 additions & 3 deletions packages/tailwindcss-language-service/src/util/color.ts
Original file line number Diff line number Diff line change
Expand Up @@ -61,7 +61,7 @@ function getColorsInString(state: State, str: string): (culori.Color | KeywordCo

function toColor(match: RegExpMatchArray) {
let color = match[1].replace(/var\([^)]+\)/, '1')
return getKeywordColor(color) ?? culori.parse(color)
return getKeywordColor(color) ?? tryParseColor(color)
}

str = replaceCssVarsWithFallbacks(state, str)
Expand Down Expand Up @@ -275,7 +275,7 @@ export function getColorFromValue(value: unknown): culori.Color | KeywordColor |
) {
return null
}
const color = culori.parse(trimmedValue)
const color = tryParseColor(trimmedValue)
return color ?? null
}

Expand All @@ -296,11 +296,21 @@ export function formatColor(color: culori.Color): string {

const COLOR_MIX_REGEX = /color-mix\(in [^,]+,\s*(.*?)\s*(\d+|\.\d+|\d+\.\d+)%,\s*transparent\)/g

function tryParseColor(color: string) {
try {
return culori.parse(color)
} catch (err) {
console.error('Error parsing color', color)
console.error(err)
return null
}
}

function removeColorMixWherePossible(str: string) {
return str.replace(COLOR_MIX_REGEX, (match, color, percentage) => {
if (color.startsWith('var(')) return match

let parsed = culori.parse(color)
let parsed = tryParseColor(color)
if (!parsed) return match

let alpha = Number(percentage) / 100
Expand Down