You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
If I want my whole app to benefit from the reusability of color variables that are being used by the tremor UI kit, I will need to know what each name is being used for.
For example, on digging into the node_modules folder for a button component, I found the following style rule:
for primary button use brand- prefix
for hover effects use -emphasis suffix
for the text content use -inverted suffix
In the same manner, there may be several rules (or atleast basic conventions) that dictate what a particular color variable is being used for. Me, as a user would like to see it documented in the theming region, so that I know (when I am making my custom UI), what color variables to use for which component.
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
-
If I want my whole app to benefit from the reusability of color variables that are being used by the tremor UI kit, I will need to know what each name is being used for.
For example, on digging into the
node_modules
folder for a button component, I found the following style rule:primary
button usebrand-
prefixhover
effects use-emphasis
suffixtext
content use-inverted
suffixIn the same manner, there may be several rules (or atleast basic conventions) that dictate what a particular color variable is being used for. Me, as a user would like to see it documented in the theming region, so that I know (when I am making my custom UI), what color variables to use for which component.
Beta Was this translation helpful? Give feedback.
All reactions