Comments (1)
Hi @GeeWizWow sorry for the delay! Yes, that is correct. More work needs to be done in order to solve for the user experience in supporting multiple unique target contrast ratios in the Leonardo UI. With the latest refactor, it was simplified for the most common use-case, as we see most design systems have a single scale that is used for all colors. However, in the npm module, you can use completely unique target ratios for any and all colors, since they are parameterized individually.
The demo code helps to illustrate how an adaptive theme it is achieved using Leonardo & css properties.
As for key colors, a brand blue can be a very good color to use for your blues. But it really depends on your brand identity, and the goals/challenges you have designing the interface. Some blues may not work as well within UI as others (for example, highly saturated blues or very desaturated blues).
from leonardo.
Related Issues (20)
- Background color cannot be changed HOT 8
- Theme URL error/won't load HOT 7
- Export json color tokens with color family objects
- "colorSpace" key does not work when written in camel-case HOT 2
- WCAG 3 APCA Lc contrast calculations HOT 1
- Missing API docs for APCA formula HOT 1
- Hue shift when adjusting saturation
- High severity vulnerabilities for ciebase > mout when installing with npm HOT 1
- Match a value to the brand to the key color. HOT 2
- Adaptive color theme "Copy theme URL" function results in a broken link HOT 6
- Help accessing color contrast page HOT 3
- Scrollability Issue with Touchpad Two-Finger Gesture HOT 1
- Package module import not working HOT 12
- Design Tokens W3 Community Format Update
- I cannot simply follow the guide and run the project HOT 4
- Cannot re run the project after the first time HOT 4
- leonardocolor.io website's JS API documentation's updateColor definition to be updated to reflect correct theme.js capabilities
- Scales - please let us import/export config
- Leonardo Color Scales interface not loading
- Links don't save information HOT 4
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 leonardo.