abner/for-legacy-web
1
0
Fork 1
mirror of https://github.com/stoatchat/for-legacy-web.git synced 2026-03-07 09:25:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore: clean up contrasting colours code

Browse Source
This commit is contained in:
Paul
2021-12-24 14:13:10 +00:00
parent c138f58b12
commit ee5c102f16
9 changed files with 141 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/settings/appearance/ThemeOverrides.tsx
View File

@@ -134,8 +134,8 @@ export default observer(() => {
</div>
<span
style={{
color: getContrastingColour(
theme.getVariable(key),
color: theme.getContrastingVariable(
key,
theme.getVariable("primary-background"),
),
}}>
@@ -168,14 +168,3 @@ export default observer(() => {
</Container>
);
});
function getContrastingColour(hex: string, fallback: string): 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;
if (isNaN(r) || isNaN(g) || isNaN(b) || isNaN(cc))
return getContrastingColour(fallback, "#fffff");
return cc >= 175 ? "black" : "white";
}