matty/ncd-fe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Theming: RGB --> HSL

Browse Source
This commit is contained in:
Alex Gleason
2020-06-06 22:55:00 -05:00
parent 109b043153
commit 80ddf656d8
58 changed files with 428 additions and 415 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
app/soapbox/utils/theme.js
View File

@ -1,6 +1,5 @@
import { Map as ImmutableMap } from 'immutable';
const hex2rgb = c => c.substr(1).match(/../g).map(x => + `0x${x}`);
import hexToHsl from 'hex-to-hsl';
export const generateThemeCss = brandColor => {
if (!brandColor) return null;
@ -8,11 +7,11 @@ export const generateThemeCss = brandColor => {
};
export const brandColorToThemeData = brandColor => {
const [ r, g, b ] = hex2rgb(brandColor);
const [ h, s, l ] = hexToHsl(brandColor);
return ImmutableMap({
'brand-color-r': r,
'brand-color-g': g,
'brand-color-b': b,
'brand-color_h': h,
'brand-color_s': `${s}%`,
'brand-color_l': `${l}%`,
});
};