diff --git a/source/assets/js/playground/color-decorator.ts b/source/assets/js/playground/color-decorator.ts index 736aa5f87..86c9c1a07 100644 --- a/source/assets/js/playground/color-decorator.ts +++ b/source/assets/js/playground/color-decorator.ts @@ -18,6 +18,7 @@ const COLOR_FUNCTIONS = [ 'color', 'hsl', 'hsla', + 'hwb', 'lab', 'lch', 'oklab', diff --git a/source/assets/js/playground/console-utils.ts b/source/assets/js/playground/console-utils.ts index d3c952f99..208b4a0ae 100644 --- a/source/assets/js/playground/console-utils.ts +++ b/source/assets/js/playground/console-utils.ts @@ -103,6 +103,8 @@ export function displayForConsoleLog( } } if (item.type === 'debug') { + // TODO: Support nested data structures after + // https://github.com/sass/sass/issues/3957 is implemented. try { const color = new Color(item.message); const colorSwatch = colorSwatchView( @@ -110,8 +112,7 @@ export function displayForConsoleLog( color.inGamut('p3') ); message = message + colorSwatch.outerHTML; - // eslint-disable-next-line @typescript-eslint/no-unused-vars - } catch (error) { + } catch { // Ignore } }