mythic-insight/calcom
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 5

Added 3 digit hex compatibility for Custom Brand colors (#2152)

Browse source 
* Added 3 digit hex compatibility

* fix for compatibility
This commit is contained in:
Syed Ali Shahbaz 2022-03-15 16:15:08 +05:30 committed by GitHub
parent b25e6c25aa
commit 9b1031d009
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 19 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
apps/web/components/CustomBranding.tsx
View file

@ -175,6 +175,22 @@ function hexToRGB(hex: string) {
return [parseInt(color.slice(0, 2), 16), parseInt(color.slice(2, 4), 16), parseInt(color.slice(4, 6), 16)]; return [parseInt(color.slice(0, 2), 16), parseInt(color.slice(2, 4), 16), parseInt(color.slice(4, 6), 16)];
} }
function normalizeHexCode(hex: string | null, dark: boolean) {
if (!hex) {
return !dark ? brandColor : darkBrandColor;
}
hex = hex.replace("#", "");
if (hex.length === 3) {
hex = hex
.split("")
.map(function (hex) {
return hex + hex;
})
.join("");
}
return hex;
}
function getContrastingTextColor(bgColor: string | null, dark: boolean): string { function getContrastingTextColor(bgColor: string | null, dark: boolean): string {
bgColor = bgColor == "" || bgColor == null ? (dark ? darkBrandColor : brandColor) : bgColor; bgColor = bgColor == "" || bgColor == null ? (dark ? darkBrandColor : brandColor) : bgColor;
const rgb = hexToRGB(bgColor); const rgb = hexToRGB(bgColor);
@ -204,6 +220,9 @@ const BrandColor = ({
lightVal: string | undefined | null; lightVal: string | undefined | null;
darkVal: string | undefined | null; darkVal: string | undefined | null;
}) => { }) => {
// convert to 6 digit equivalent if 3 digit code is entered
lightVal = normalizeHexCode(lightVal, false);
darkVal = normalizeHexCode(darkVal, true);
// ensure acceptable hex-code // ensure acceptable hex-code
lightVal = isValidHexCode(lightVal) lightVal = isValidHexCode(lightVal)
? lightVal?.indexOf("#") === 0 ? lightVal?.indexOf("#") === 0