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

fix(theme): use alternative contrast algorithm

Browse Source
This commit is contained in:
Paul Makles
2022-01-21 23:17:55 +00:00
parent 50b0e0f5f2
commit e4b1be591c
1 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/mobx/stores/helpers/STheme.ts
View File

@@ -220,8 +220,11 @@ function getContrastingColour(hex: string, fallback?: string): string {
const colour = rgba(hex);
if (!colour) return fallback ? getContrastingColour(fallback) : "black";
// https://awik.io/determine-color-bright-dark-using-javascript/
// http://alienryderflex.com/hsp.html
const [r, g, b] = colour;
return (r / 255) * 0.299 + (g / 255) * 0.587 + (b / 255) * 0.114 >= 0.186
? "black"
: "white";
// const hsp = Math.sqrt(0.299 * r ** 2 + 0.587 * g ** 2 + 0.114 * b ** 2);
// Using Skia numbers.
const hsp = Math.sqrt(0.2126 * r ** 2 + 0.7152 * g ** 2 + 0.0722 * b ** 2);
return hsp > 175 ? "black" : "white";
}