Rework dynamic text contrast

-Remove hard coding of default text color -add dynamic link text contrast
ether · Feb 29, 2012 · f5f82a7 · f5f82a7
1 parent 173e7c8
commit f5f82a7
Showing 1 changed file with 23 additions and 7 deletions.
diff --git a/static/js/ace2_inner.js b/static/js/ace2_inner.js
@@ -229,18 +229,34 @@ function Ace2Inner(){
  bgcolor = fadeColor(bgcolor, info.fade);
  }
 
- // Text color
- var txtcolor = (colorutils.luminosity(colorutils.css2triple(bgcolor)) < 0.5) ? '#ffffff' : '#000000';
-
  var authorStyle = dynamicCSS.selectorStyle(getAuthorColorClassSelector(
  getAuthorClassName(author)));
- authorStyle.backgroundColor = bgcolor;
- authorStyle.color = txtcolor;
-
  var authorStyleTop = dynamicCSSTop.selectorStyle(getAuthorColorClassSelector(
  getAuthorClassName(author)));
+ var anchorStyle = dynamicCSS.selectorStyle(getAuthorColorClassSelector(
+ getAuthorClassName(author))+' > a')
+
+ // author color
+ authorStyle.backgroundColor = bgcolor;
  authorStyleTop.backgroundColor = bgcolor;
- authorStyleTop.color = txtcolor;
+
+ // text contrast
+ if(colorutils.luminosity(colorutils.css2triple(bgcolor)) < 0.5)
+ {
+ authorStyle.color = '#ffffff';
+ authorStyleTop.color = '#ffffff';
+ }else{
+ authorStyle.color = null;
+ authorStyleTop.color = null;
+ }
+
+ // anchor text contrast
+ if(colorutils.luminosity(colorutils.css2triple(bgcolor)) < 0.55)
+ {
+ anchorStyle.color = colorutils.triple2css(colorutils.complementary(colorutils.css2triple(bgcolor)));
+ }else{
+ anchorStyle.color = null;
+ }
  }
  }
  }