updated gray theme links color

joshfire · Oct 24, 2012 · 641c2c3 · 641c2c3
1 parent 7fdd085
commit 641c2c3
Show file tree

Hide file tree

Showing 13 changed files with 26 additions and 16 deletions.
diff --git a/app/css/desktop.gray.css b/app/css/desktop.gray.css
diff --git a/app/css/phone.blue.css b/app/css/phone.blue.css
diff --git a/app/css/phone.earth.css b/app/css/phone.earth.css
diff --git a/app/css/phone.gray.css b/app/css/phone.gray.css
diff --git a/app/css/phone.spicy.css b/app/css/phone.spicy.css
diff --git a/app/css/phone.vegetal.css b/app/css/phone.vegetal.css
diff --git a/app/css/tablet.gray.css b/app/css/tablet.gray.css
diff --git a/app/css/tv.gray.css b/app/css/tv.gray.css
diff --git a/app/less/global.less b/app/less/global.less
@@ -68,7 +68,7 @@ img {
 .detail {
   .article { 
     a{
-      color: saturate(lighten(@background-color, 10%), 10%);
+      color: @link-color;
       font-weight: normal;
       font-style: normal;
     }

diff --git a/app/less/params.less b/app/less/params.less
@@ -1,4 +1,6 @@
-// @background-color: @blue; // <- now passed by script
+// compile script will prepend to this file the following variables:
+// @background-color:
+// @link-color: // that defaults to @background-color
 
 @text-color: #fff;
 

diff --git a/app/less/phone.less b/app/less/phone.less
@@ -925,11 +925,12 @@ header {
       font-size: 1.4em;
       position: relative;
 
-      strong, em, a {
+      a {
-        color: saturate(lighten(@background-color, 10%), 10%);
+        color: @link-color;
         font-weight: normal;
         font-style: normal;
       }
+
     }
   }
 

diff --git a/app/less/tv.less b/app/less/tv.less
@@ -48,7 +48,7 @@ h1, h2, h3, h4, h5, h6 {
 .detail {
   .nav-focused { 
     a{
-      color: saturate(lighten(@background-color, 10%), 10%);
+      color: @link-color;
       font-weight: normal;
       font-style: normal;
     }

diff --git a/tasks/compile_less.js b/tasks/compile_less.js
@@ -22,6 +22,11 @@ var colors = {
   , vegetal:  '#454f0f'
 };
 
+/* custom link colors, will be computed from background color if nothing is set */
+var linkColors = {
+  gray:     '#7397AC'
+};
+
 var colorNames = [];
 
 for(var c in colors) {
@@ -38,7 +43,9 @@ var destPath = function(file, colorName) {
 
 var compileColor = function(str, file, colorName, cb) {
   var color = colors[colorName];
-  parser.parse('@background-color: ' + color + ';\n' + str, function (e, tree) {
+  var linkColor = linkColors[colorName] || 'saturate(lighten(@background-color, 10%), 10%)';
+  // prepend to the file the generated colors
+  parser.parse('@background-color: ' + color + ';\n@link-color: ' + linkColor + ';\n' + str, function (e, tree) {
     try {
       var css = tree.toCSS({compress: compress});
       var dest = destPath(file, colorName);