Feat/dynamic colors #9
Closed
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Owner
oliviertassinari
commented
Jul 14, 2020
oliviertassinari
commented
- I have followed (at least) the PR section of the contributing guide.
| })); | ||
|
|
||
| const useDynamicTypographyColor = ({ color }) => { | ||
| if (!isSupportedColor(color)) { |
There was a problem hiding this comment.
I don't think that it can work, it would break the rules of hooks
There was a problem hiding this comment.
Yep, I forgot that the makeStyles returns a hook 👍
| color: ({ color }) => theme.palette[color].contrastText, | ||
| backgroundColor: ({ color }) => theme.palette[color].main, | ||
| '&:hover': { | ||
| backgroundColor: ({ color }) => theme.palette[color].dark, |
There was a problem hiding this comment.
On the Figma asset, we have had a user asking about the usage of the theme with the styles.
I wonder if we should use
backgroundColor: fade(theme.palette[color].main, theme.palette.action.hoverOpacity),here and even move this style to the palette. This is related to mui#10870. We have also wondered as it could make CSS variable support easier
| <Typography color="sell">Sell color</Typography> | ||
| <Button color="brand">Brand color</Button> | ||
| <Button color="sell">Sell color</Button> | ||
| <Button color="brand" variant="outlined">Brand color</Button> |
There was a problem hiding this comment.
I wonder about the support of custom values like #ff00ee
Suggested change
| <Button color="brand" variant="outlined">Brand color</Button> | |
| <Button color="#ff00ee" variant="outlined">Brand color</Button> |
or raw theme values
Suggested change
| <Button color="brand" variant="outlined">Brand color</Button> | |
| <Button color="sell.dark" variant="outlined">Brand color</Button> |
There was a problem hiding this comment.
If we have colors functions for the different states I guess this is doable 👍
1 task
oliviertassinari
pushed a commit
that referenced
this pull request
Oct 11, 2020
Misc review for benchmarks
oliviertassinari
added a commit
that referenced
this pull request
Dec 13, 2020
Move picker sources into lab (#4) Update README.md [DatePicker] Refactor pickers tests to testing-library and mocha (#5) [TimePicker] Migrate tests to testing library (#8) [DateTimePicker] Migrate tests (#9) Fix all pickers linter errors (#10) Fix all circular dependencies (#11) * Fix all circular dependencies * Enable mocha eslint rules for typescript tests [test] The last step to a green CI (#15) Migrate pickers docs (#12) Downgrade to withStyles for pickers sources (#16) Add public api exports for pickers components (#17) Consolidate component namespace and theme augmentation (#18) Describe conformance for pickers sub-components (#19) Autogenerate proptypes for typescript sources (mui#20) Proper build output (mui#21) Clear migration artifacts (mui#23) Eslint rule for lower-case test name convention (mui#24) DateRangePicker (mui#25) yarn deduplicate Remove GridListTile [DateTimePicker] Fix migration unit tests Fix types Fix typescript types migration issues Fix yarn lerna build (mui#33) Fix karma tests use window.Touch for CI karma tests Remove more outdated diff noise (mui#34) Replace not valid formats with valid ISO strings Try to fix CI touch tests Skip tests if Touch events are not supported Fix merge conflicts Actually type-check Fix safari tests Remove lowercase test name rule The casing is up to the test author. We're not the grammar police in tests. Fix lint Format Remove overzealous eslint-disable* Debug failing tests Better debugging Timezones are fun was isoString th efix? Let's find out what's failing and then skip it Branch for safari Skip DateRangePicker in browsers review Matt's review Co-authored-by: Matt <[email protected]> format docs:i18n
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.