cswimr/revite
1
0
Fork 0
mirror of https://github.com/revoltchat/revite.git synced 2024-11-10 01:03:36 -05:00
Code Issues Projects Releases Packages Wiki Activity

Update Appearance.tsx

Browse source
This commit is contained in:
Ryan Alexander 2021-08-16 04:14:10 +10:00 committed by GitHub
parent a17487606f
commit 07061c4af1
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 10 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -372,7 +372,7 @@ export function Component(props: Props) {
} }
/> />
</div> </div>
<span>{x}</span> <span style={`color: ${getContrastingColour(theme[x])}`}>{x}</span>
<div className={styles.override}> <div className={styles.override}>
<div <div
className={styles.picker} className={styles.picker}
@ -445,3 +445,12 @@ export const Appearance = connectState(Component, (state) => {
settings: state.settings, settings: state.settings,
}; };
}); });
function getContrastingColour(hex: string){
hex = hex.replace("#", "");
const r = parseInt(hex.substr(0,2),16);
const g = parseInt(hex.substr(2,2),16);
const b = parseInt(hex.substr(4,2),16);
const cc = ((r*299)+(g*587)+(b*114))/1000;
return (cc >= 128) ? 'black' : 'white';
}