diff --git a/src/pages/settings/panes/Appearance.tsx b/src/pages/settings/panes/Appearance.tsx
index 9cf9ef9c..478acb1e 100644
--- a/src/pages/settings/panes/Appearance.tsx
+++ b/src/pages/settings/panes/Appearance.tsx
@@ -372,7 +372,13 @@ export function Component(props: Props) {
}
/>
- {x}
+
+ {x}
+
{
};
});
-function getContrastingColour(hex: string){
+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;
- return (cc >= 128) ? 'black' : 'white';
+ 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";
}