diff --git a/framework/core/js/src/common/compat.ts b/framework/core/js/src/common/compat.ts
index 6b2df1ec7..d63f4fcb9 100644
--- a/framework/core/js/src/common/compat.ts
+++ b/framework/core/js/src/common/compat.ts
@@ -33,7 +33,7 @@ import formatNumber from './utils/formatNumber';
 import mapRoutes from './utils/mapRoutes';
 import withAttr from './utils/withAttr';
 import * as FocusTrap from './utils/focusTrap';
-import getContrast from './utils/getContrast';
+import isDark from './utils/isDark';
 import Notification from './models/Notification';
 import User from './models/User';
 import Post from './models/Post';
@@ -121,7 +121,7 @@ export default {
   'utils/throttleDebounce': ThrottleDebounce,
   'utils/isObject': isObject,
   'utils/focusTrap': FocusTrap,
-  'utils/getContrast': getContrast,
+  'utils/isDark': isDark,
   'models/Notification': Notification,
   'models/User': User,
   'models/Post': Post,
diff --git a/framework/core/js/src/common/utils/getContrast.ts b/framework/core/js/src/common/utils/isDark.ts
similarity index 78%
rename from framework/core/js/src/common/utils/getContrast.ts
rename to framework/core/js/src/common/utils/isDark.ts
index 56250a464..8c949447d 100644
--- a/framework/core/js/src/common/utils/getContrast.ts
+++ b/framework/core/js/src/common/utils/isDark.ts
@@ -4,7 +4,7 @@
  * light?) See https://www.w3.org/TR/AERT/#color-contrast for references
  */
 
-export default function getContrast(hexcolor: String) {
+export default function isDark(hexcolor: String) {
 
   var hexnumbers = hexcolor.replace("#", "");
 
@@ -15,7 +15,7 @@ export default function getContrast(hexcolor: String) {
   const r = parseInt(hexnumbers.substr(0,2),16);
   const g = parseInt(hexnumbers.substr(2,2),16);
   const b = parseInt(hexnumbers.substr(4,2),16);
-  const contrast = ((r*299)+(g*587)+(b*114))/1000;
+  const yiq = ((r*299)+(g*587)+(b*114))/1000;
 
-  return contrast;
+  return (yiq >= 128) ? false : true;
 }