drowl87/hextra_mirror
1
0
Fork 1
mirror of https://github.com/imfing/hextra.git synced 2025-07-07 13:27:17 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

Add comment

Browse Source
This commit is contained in:
Attila Greguss
2024-10-10 11:02:50 +01:00
parent 875ccc58c2
commit 8954247842
1 changed files with 2 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
tailwind.config.js
View File

@ -3,13 +3,8 @@ const colors = require('tailwindcss/colors')
const makePrimaryColor = const makePrimaryColor =
l => l =>
({ opacityValue }) => { ({ opacityValue }) => {
// the `l` we get is the lightness value we want adjust. 0% is black, 100% is white, 50% is the midpoint // we convert the passed in lightness value to a multiplier relative to 50% (full color)
// So we need to convert it to a percentage that is relative to 50% lightness let finalLightness = 1 + ((l - 50) / 100);
// e.g if we get 45 that means we want to make the color 5% darker
// if we get 55 that means we want to make the color 5% lighter
// etc.
let finalLightness = Math.round((1 + ((l - 50) / 100)) * 1000) / 1000;
return ( return (
`hsl(var(--primary-hue) var(--primary-saturation) calc(var(--primary-lightness) * ${finalLightness})` + `hsl(var(--primary-hue) var(--primary-saturation) calc(var(--primary-lightness) * ${finalLightness})` +
(opacityValue ? ` / ${opacityValue})` : ')') (opacityValue ? ` / ${opacityValue})` : ')')