-
Notifications
You must be signed in to change notification settings - Fork 1
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
Initial commit for Additional Theming Variables #6
base: main
Are you sure you want to change the base?
Conversation
This addition is meant to add a layer of theming into Apollo without disrupting current Apollo implementation. Theme variables are meant to be updated at the base values (50-1000) and the semantically named colors will update automatically. This is also meant to work in conjunction with luminosity testing to identify colors for text on colors that provide sufficient contrast See a demo for the colors in use here: https://codepen.io/burnt-rocket/pen/bGvjJxW?editors=1100
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM
…orward This could be a possible breaking change if there is someone out there using the other style of js variables
@@ -65,7 +65,7 @@ | |||
"files": [ | |||
{ | |||
"destination": "colors.js", | |||
"format": "javascript/umd", | |||
"format": "javascript/es6", |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This basically changes the output so that variables can be used more directly. The other format was causing problems because some of the names had hyphens and It didn't like it.
in UMD it looked like
background2: {
lm: _styleDitcionary.color.background-2.lm.value,
dm: color.background-2.dm.value
},
in ES6 it looks like
background2: {
lm: ColorBackground2Lm,
dm: ColorBackground2Dm
},
This addition is meant to add a layer of theming into Apollo without disrupting current Apollo implementation.
Theme variables are meant to be updated at the base values (50-1000) and the semantically named colors will update automatically.
This is also meant to work in conjunction with luminosity testing to identify colors for text on colors that provide sufficient contrast
See a demo for the colors in use here:
https://codepen.io/burnt-rocket/pen/bGvjJxW?editors=1100