Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

🪟 🔧 Increase color palette consistency: prohibit to use hex value for colors #16662

Merged
merged 7 commits into from
Sep 14, 2022

Conversation

dizel852
Copy link
Contributor

What

Increase color palette consistency: since we have agreed on a color palette we need to prohibit to use of hex color values.

How

Update stylelint config: add "color-no-hex" rule
Unfortunately, we can't provide some custom text messages like:
"Please, use colors from _colors.scss"

Screenshot at Sep 13 22-04-29

Recommended reading order

All

@github-actions github-actions bot added area/platform issues related to the platform area/frontend Related to the Airbyte webapp labels Sep 13, 2022
@dizel852 dizel852 changed the title 🪟 🔧 Increase color palette consistency: prohibit to use non-standard(hex value) colors 🪟 🔧 Increase color palette consistency: prohibit to use hex value for colors Sep 13, 2022
@dizel852 dizel852 marked this pull request as ready for review September 13, 2022 20:21
@dizel852 dizel852 requested a review from a team as a code owner September 13, 2022 20:21
@@ -12,7 +12,8 @@
"scss/dollar-variable-empty-line-before": null,
"scss/dollar-variable-pattern": null,
"scss/percent-placeholder-pattern": null,
"value-keyword-case": null
"value-keyword-case": null,
"color-no-hex": true
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🎉 That's a great addition to prevent mistakes, thanks.

Copy link
Collaborator

@timroes timroes left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Code LGTM. Tested in editor locally. Strictly spoken this will still allow inline colors when using rgb notation or a color name, but in the past most often we've seen people using hex values, so it's still a nice additional linting layer to have.

@dizel852 dizel852 merged commit 144d1ec into master Sep 14, 2022
@dizel852 dizel852 deleted the vlad/update-stylelint-rule-no-hex-color branch September 14, 2022 16:44
robbinhan pushed a commit to robbinhan/airbyte that referenced this pull request Sep 29, 2022
jhammarstedt pushed a commit to jhammarstedt/airbyte that referenced this pull request Oct 31, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
area/frontend Related to the Airbyte webapp area/platform issues related to the platform
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants