Comments (5)
Awesome, thanks! And yes I definitely understand the desire to keep things opinionated, and that even in this seemingly simple case there are plenty of things to consider when approaching the implementation (for one, the best way to allow for each shade without oversaturating the TypeScript suggestions with all of blue-100
, blue-200
, etc, or if this is even a problem at all).
For my use case, we're using the Tailwind color palette for our branding, but are primarily using blue-700
as our brand color, with some orange-600
accents in small places. Using other Tailwind colors in our charts isn't awful, but it definitely clashes with the rest of the UI a bit.
I do wonder if an "escape hatch" for arbitrary color customization might be the best way to provide this type of flexibility (since I imagine that'll be a common request in the future), while still highly recommending the default Tailwind color palette, to take advantage of things like the automatic shade adjustment that you mention in your color palette docs. Just a thought, obviously there's always a trade-off!
from tremor.
Of course! Happy to help in any way I can
from tremor.
Hi @michaelhays, thanks a lot for the feedback & the issue. Our initial idea had been to provide a relatively low degree of customisation, in order to "enforce" an opinionated design to the end-user. However, we are now focusing on gathering feedback to see how we can adapt / change the library, so this is definitely something we will consider as well (thanks for that!)
Out of curiosity, what is your use-case so that you prefer having different shades of blue, instead of picking other variants, such as cyan
, sky
etc?
from tremor.
Makes sense, we'll definitely consider this! Thanks a lot :) Would it be ok if we reach out to you in the future to discuss feedback / improvements?
from tremor.
cool, appreciate it!
from tremor.
Related Issues (20)
- [Bug]: Charts don't render in React 19 RC HOT 5
- Add type="search" for TextInput
- [Feature]: Provide a tailwind preset
- [Feature]: Allow toggling axisLine for XAxis and YAxis
- [Feature]: Allow displaying data labels on bar, line, pie and area through props
- Rounding on barcharts? HOT 1
- [UTs coverage]: Add UTs for AreaChart, BarChart, SparkAreaChart, Legend components HOT 1
- [Bug]: When Tooltip overlaps on surrounding charts, the zindex seems to be too low HOT 1
- [Bug]: The selected elements don't change their background color HOT 1
- BarList aligment HOT 5
- [Feature]: Progree bar color and background color HOT 1
- [Bug]: Select does not apply error styling in dark mode HOT 3
- [Bug]: TabGroup doesn't follow the colours defined in tailwind.config.ts HOT 8
- [Feature]: React 19 support HOT 1
- [Bug]: Legend component fails to render with 23 or more categories HOT 1
- [Feature]: Stacked Funnel Chart HOT 3
- [Feature]: Value Formatter for x-axis
- [Feature]: Padding for x axis
- [Feature]: Progress Circle with different color by sector HOT 1
- [Feature]: Add option to make the highlighted area a click target in a bar chart
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from tremor.