cswimr/revite
1
0
Fork 0
mirror of https://github.com/revoltchat/revite.git synced 2025-01-12 23:41:25 -05:00
Code Issues Projects Releases Packages Wiki Activity

Update Appearance.tsx

Browse source
This commit is contained in:
Ryan Alexander 2021-08-18 10:11:17 +10:00 committed by GitHub
parent 457097ade4
commit 98d1f06ce6
WARNING! Although there is a key with this ID in the database it does not verify this commit! This commit is SUSPICIOUS.
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 15 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
src/pages/settings/panes/Appearance.tsx
View file

@ -373,13 +373,10 @@ export function Component(props: Props) {
/> />
</div> </div>
<span <span
style={`color: ${ style={`color: ${getContrastingColour(
theme[x].toUpperCase() === "TRANSPARENT" theme[x],
? getContrastingColour(
theme["primary-background"], theme["primary-background"],
) )}`}>
: getContrastingColour(theme[x])
}`}>
{x} {x}
</span> </span>
<div className={styles.override}> <div className={styles.override}>
@ -455,11 +452,15 @@ export const Appearance = connectState(Component, (state) => {
}; };
}); });
function getContrastingColour(hex: string) { function getContrastingColour(hex: string, fallback: string): string {
try {
hex = hex.replace("#", ""); hex = hex.replace("#", "");
const r = parseInt(hex.substr(0, 2), 16); const r = parseInt(hex.substr(0, 2), 16);
const g = parseInt(hex.substr(2, 2), 16); const g = parseInt(hex.substr(2, 2), 16);
const b = parseInt(hex.substr(4, 2), 16); const b = parseInt(hex.substr(4, 2), 16);
const cc = (r * 299 + g * 587 + b * 114) / 1000; const cc = (r * 299 + g * 587 + b * 114) / 1000;
return cc >= 75 ? "black" : "white"; return cc >= 175 ? "black" : "white";
} catch (e) {
return getContrastingColour(fallback, "#fffff");
}
} }