A UI library for qwik with a strong focus on color management with native CSS variables.
See demo: https://qwik-playground.vercel.app/
npm i qwik-hueeye
Hue Eye comes with some global style with CSS variables. An easy way to import it is to use the QwikCityProvider in the root.tsx component.
root.tsx
import { HueEyeProvider } from 'qwik-hueeye';
export default () => {
return (
...
<body>
<HueEyeProvider> { /* <-- Add provider here */}
<RouterOutlet />
<ServiceWorkerRegister />
</HueEyeProvider>
</body>
);
};The goal of this lib is to be customizable with css variables.
First set the hue you can to use for your application
html {
--hue: 250; /* Blue color */
}The whole theme will adapt based o nthis css variable.
demo: https://qwik-playground.vercel.app/
Documentation takes time... You can take a look at the list of component here :