Gradient in @background-color-highlight throws an error

[simurai]

When Atom packages try to use the @background-color-highlight variable with darken(), lighten(), mix() etc., they get an error. I guess it's because the gradient used here

native-ui/styles/ui-variables.less

Line 42 in 1502430

@background-color-highlight: linear-gradient(to right, rgba(0,0,0,0.1), rgba(0,0,0, 0.08), rgba(0,0,0, 0.12));

isn't a "valid" color?

Steps to reproduce

1. Use native-ui theme.
2. Install https://atom.io/packages/atom-ide-ui

Error shown:

Error compiling Less stylesheet: /Users/simurai/.atom/packages/atom-ide-ui/node_modules/atom-ide-ui/pkg/atom-ide-datatip/styles/datatip.less

Line number: 28
error evaluating function `mix`: color2.toHSL is not a function

Would it be possible to use a "flat" color for the @background-color-highlight variable? Might not be perfect since this theme tries to imitate macOS.

[fv0]

@simurai: Thanks for mentioning this. I replaced @background-color-highlight with a flat color and I’m now using a different variable for the treeview to keep the linear-gradient. Could you update to 0.22.1 and close this issue if this fixes it? I installed atom-ide-ui and had no errors.

[jasonrudolph]

0.22.1 fixes the issue for me. Thanks for the lightning fast turnaround! 🙇

[simurai]

Yes, it's fixed in 0.22.1. 👍