mirror of
https://github.com/revoltchat/revite.git
synced 2024-11-25 16:40:58 -05:00
Update Appearance.tsx
This commit is contained in:
parent
a17487606f
commit
07061c4af1
1 changed files with 10 additions and 1 deletions
|
@ -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';
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in a new issue