Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

updated gray theme links color

  • Loading branch information...
commit 641c2c39a7a10853c3de162b9f0d04a3a5264740 1 parent 7fdd085
Steren steren authored
2  app/css/desktop.gray.css
View
@@ -29,7 +29,7 @@ img{max-width:100%;height:auto;}
.detail h1,.single h1{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1.3em;padding-top:1em;}
.detail h2,.single h2{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1.2em;padding-top:1em;}
.detail h3,.single h3{font-weight:normal;font-size:1.2em;}
-.detail .article a{color:#413636;font-weight:normal;font-style:normal;}
+.detail .article a{color:#7397ac;font-weight:normal;font-style:normal;}
.nodata{padding:3em 0;text-align:center;font-size:1.2em;background:#ffffff;color:#333333;}
.article h1,.article h2,.article h3,.article h4,.article h5,.article h6{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;}
.article h1{font-size:1.3em;font-weight:bold;padding-top:1.2em;}
2  app/css/phone.blue.css
View
@@ -180,7 +180,7 @@ div.ps-toolbar-play div.ps-toolbar-content{background-position:-88px 0;}
#status .detail .body{height:100%;}
#status .detail .message{color:#333333;padding:5% 6%;}#status .detail .message .cover{background-color:#ffffff;-webkit-box-shadow:0 -1em 4em rgba(0, 0, 0, 0.8);-moz-box-shadow:0 -1em 4em rgba(0, 0, 0, 0.8);-ms-box-shadow:0 -1em 4em rgba(0, 0, 0, 0.8);-o-box-shadow:0 -1em 4em rgba(0, 0, 0, 0.8);box-shadow:0 -1em 4em rgba(0, 0, 0, 0.8);position:absolute;bottom:0;left:0;right:0;top:6.8em;}
#status .detail .message h4{font-weight:normal;margin-bottom:1.3em;color:#808080;font-size:1.2em;position:relative;}
-#status .detail .message p{font-size:1.4em;position:relative;}#status .detail .message p strong,#status .detail .message p em,#status .detail .message p a{color:#215481;font-weight:normal;font-style:normal;}
+#status .detail .message p{font-size:1.4em;position:relative;}#status .detail .message p a{color:#215481;font-weight:normal;font-style:normal;}
#status .detail .arrow{height:.8em;margin-left:1.8em;overflow:hidden;position:relative;z-index:2;}#status .detail .arrow span{display:block;height:1.6em;width:1.6em;margin:.35em 0;background-color:#ffffff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
#event .detail{line-height:1.2em;background:#ffffff;color:#333333;}#event .detail>div{padding:1em;}
#event .detail h3{font-weight:normal;font-size:1em;margin-bottom:.8em;margin-top:1em;}
2  app/css/phone.earth.css
View
@@ -180,7 +180,7 @@ div.ps-toolbar-play div.ps-toolbar-content{background-position:-88px 0;}
#status .detail .body{height:100%;}
#status .detail .message{color:#333333;padding:5% 6%;}#status .detail .message .cover{background-color:#ffffff;-webkit-box-shadow:0 -1em 4em rgba(0, 0, 0, 0.8);-moz-box-shadow:0 -1em 4em rgba(0, 0, 0, 0.8);-ms-box-shadow:0 -1em 4em rgba(0, 0, 0, 0.8);-o-box-shadow:0 -1em 4em rgba(0, 0, 0, 0.8);box-shadow:0 -1em 4em rgba(0, 0, 0, 0.8);position:absolute;bottom:0;left:0;right:0;top:6.8em;}
#status .detail .message h4{font-weight:normal;margin-bottom:1.3em;color:#808080;font-size:1.2em;position:relative;}
-#status .detail .message p{font-size:1.4em;position:relative;}#status .detail .message p strong,#status .detail .message p em,#status .detail .message p a{color:#be440e;font-weight:normal;font-style:normal;}
+#status .detail .message p{font-size:1.4em;position:relative;}#status .detail .message p a{color:#be440e;font-weight:normal;font-style:normal;}
#status .detail .arrow{height:.8em;margin-left:1.8em;overflow:hidden;position:relative;z-index:2;}#status .detail .arrow span{display:block;height:1.6em;width:1.6em;margin:.35em 0;background-color:#ffffff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
#event .detail{line-height:1.2em;background:#ffffff;color:#333333;}#event .detail>div{padding:1em;}
#event .detail h3{font-weight:normal;font-size:1em;margin-bottom:.8em;margin-top:1em;}
4 app/css/phone.gray.css
View
@@ -29,7 +29,7 @@ img{max-width:100%;height:auto;}
.detail h1,.single h1{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1.3em;padding-top:1em;}
.detail h2,.single h2{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1.2em;padding-top:1em;}
.detail h3,.single h3{font-weight:normal;font-size:1.2em;}
-.detail .article a{color:#413636;font-weight:normal;font-style:normal;}
+.detail .article a{color:#7397ac;font-weight:normal;font-style:normal;}
.nodata{padding:3em 0;text-align:center;font-size:1.2em;background:#ffffff;color:#333333;}
.article h1,.article h2,.article h3,.article h4,.article h5,.article h6{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;}
.article h1{font-size:1.3em;font-weight:bold;padding-top:1.2em;}
@@ -180,7 +180,7 @@ div.ps-toolbar-play div.ps-toolbar-content{background-position:-88px 0;}
#status .detail .body{height:100%;}
#status .detail .message{color:#333333;padding:5% 6%;}#status .detail .message .cover{background-color:#ffffff;-webkit-box-shadow:0 -1em 4em rgba(0, 0, 0, 0.8);-moz-box-shadow:0 -1em 4em rgba(0, 0, 0, 0.8);-ms-box-shadow:0 -1em 4em rgba(0, 0, 0, 0.8);-o-box-shadow:0 -1em 4em rgba(0, 0, 0, 0.8);box-shadow:0 -1em 4em rgba(0, 0, 0, 0.8);position:absolute;bottom:0;left:0;right:0;top:6.8em;}
#status .detail .message h4{font-weight:normal;margin-bottom:1.3em;color:#808080;font-size:1.2em;position:relative;}
-#status .detail .message p{font-size:1.4em;position:relative;}#status .detail .message p strong,#status .detail .message p em,#status .detail .message p a{color:#413636;font-weight:normal;font-style:normal;}
+#status .detail .message p{font-size:1.4em;position:relative;}#status .detail .message p a{color:#7397ac;font-weight:normal;font-style:normal;}
#status .detail .arrow{height:.8em;margin-left:1.8em;overflow:hidden;position:relative;z-index:2;}#status .detail .arrow span{display:block;height:1.6em;width:1.6em;margin:.35em 0;background-color:#ffffff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
#event .detail{line-height:1.2em;background:#ffffff;color:#333333;}#event .detail>div{padding:1em;}
#event .detail h3{font-weight:normal;font-size:1em;margin-bottom:.8em;margin-top:1em;}
2  app/css/phone.spicy.css
View
@@ -180,7 +180,7 @@ div.ps-toolbar-play div.ps-toolbar-content{background-position:-88px 0;}
#status .detail .body{height:100%;}
#status .detail .message{color:#333333;padding:5% 6%;}#status .detail .message .cover{background-color:#ffffff;-webkit-box-shadow:0 -1em 4em rgba(0, 0, 0, 0.8);-moz-box-shadow:0 -1em 4em rgba(0, 0, 0, 0.8);-ms-box-shadow:0 -1em 4em rgba(0, 0, 0, 0.8);-o-box-shadow:0 -1em 4em rgba(0, 0, 0, 0.8);box-shadow:0 -1em 4em rgba(0, 0, 0, 0.8);position:absolute;bottom:0;left:0;right:0;top:6.8em;}
#status .detail .message h4{font-weight:normal;margin-bottom:1.3em;color:#808080;font-size:1.2em;position:relative;}
-#status .detail .message p{font-size:1.4em;position:relative;}#status .detail .message p strong,#status .detail .message p em,#status .detail .message p a{color:#af0000;font-weight:normal;font-style:normal;}
+#status .detail .message p{font-size:1.4em;position:relative;}#status .detail .message p a{color:#af0000;font-weight:normal;font-style:normal;}
#status .detail .arrow{height:.8em;margin-left:1.8em;overflow:hidden;position:relative;z-index:2;}#status .detail .arrow span{display:block;height:1.6em;width:1.6em;margin:.35em 0;background-color:#ffffff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
#event .detail{line-height:1.2em;background:#ffffff;color:#333333;}#event .detail>div{padding:1em;}
#event .detail h3{font-weight:normal;font-size:1em;margin-bottom:.8em;margin-top:1em;}
2  app/css/phone.vegetal.css
View
@@ -180,7 +180,7 @@ div.ps-toolbar-play div.ps-toolbar-content{background-position:-88px 0;}
#status .detail .body{height:100%;}
#status .detail .message{color:#333333;padding:5% 6%;}#status .detail .message .cover{background-color:#ffffff;-webkit-box-shadow:0 -1em 4em rgba(0, 0, 0, 0.8);-moz-box-shadow:0 -1em 4em rgba(0, 0, 0, 0.8);-ms-box-shadow:0 -1em 4em rgba(0, 0, 0, 0.8);-o-box-shadow:0 -1em 4em rgba(0, 0, 0, 0.8);box-shadow:0 -1em 4em rgba(0, 0, 0, 0.8);position:absolute;bottom:0;left:0;right:0;top:6.8em;}
#status .detail .message h4{font-weight:normal;margin-bottom:1.3em;color:#808080;font-size:1.2em;position:relative;}
-#status .detail .message p{font-size:1.4em;position:relative;}#status .detail .message p strong,#status .detail .message p em,#status .detail .message p a{color:#6f8110;font-weight:normal;font-style:normal;}
+#status .detail .message p{font-size:1.4em;position:relative;}#status .detail .message p a{color:#6f8110;font-weight:normal;font-style:normal;}
#status .detail .arrow{height:.8em;margin-left:1.8em;overflow:hidden;position:relative;z-index:2;}#status .detail .arrow span{display:block;height:1.6em;width:1.6em;margin:.35em 0;background-color:#ffffff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
#event .detail{line-height:1.2em;background:#ffffff;color:#333333;}#event .detail>div{padding:1em;}
#event .detail h3{font-weight:normal;font-size:1em;margin-bottom:.8em;margin-top:1em;}
2  app/css/tablet.gray.css
View
@@ -29,7 +29,7 @@ img{max-width:100%;height:auto;}
.detail h1,.single h1{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1.3em;padding-top:1em;}
.detail h2,.single h2{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1.2em;padding-top:1em;}
.detail h3,.single h3{font-weight:normal;font-size:1.2em;}
-.detail .article a{color:#413636;font-weight:normal;font-style:normal;}
+.detail .article a{color:#7397ac;font-weight:normal;font-style:normal;}
.nodata{padding:3em 0;text-align:center;font-size:1.2em;background:#ffffff;color:#333333;}
.article h1,.article h2,.article h3,.article h4,.article h5,.article h6{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;}
.article h1{font-size:1.3em;font-weight:bold;padding-top:1.2em;}
4 app/css/tv.gray.css
View
@@ -29,7 +29,7 @@ img{max-width:100%;height:auto;}
.detail h1,.single h1{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1.3em;padding-top:1em;}
.detail h2,.single h2{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1.2em;padding-top:1em;}
.detail h3,.single h3{font-weight:normal;font-size:1.2em;}
-.detail .article a{color:#413636;font-weight:normal;font-style:normal;}
+.detail .article a{color:#7397ac;font-weight:normal;font-style:normal;}
.nodata{padding:3em 0;text-align:center;font-size:1.2em;background:#ffffff;color:#333333;}
.article h1,.article h2,.article h3,.article h4,.article h5,.article h6{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;}
.article h1{font-size:1.3em;font-weight:bold;padding-top:1.2em;}
@@ -62,7 +62,7 @@ ul{list-style:none;}
a{font:inherit;}
h1,h2,h3,h4,h5,h6{font-size:1em;font-weight:normal;}
#logo{position:absolute;width:275px;text-align:center;padding:40px 0;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0)), color-stop(0.5, rgba(255, 255, 255, 0.08)), to(rgba(255, 255, 255, 0)));background-image:-webkit-linear-gradient(rgba(255, 255, 255, 0), color-stop(0.5, rgba(255, 255, 255, 0.08)), rgba(255, 255, 255, 0));background-image:-moz-linear-gradient(rgba(255, 255, 255, 0), color-stop(rgba(255, 255, 255, 0.08), 0.5), rgba(255, 255, 255, 0));background-image:-ms-linear-gradient(rgba(255, 255, 255, 0), color-stop(rgba(255, 255, 255, 0.08), 0.5), rgba(255, 255, 255, 0));background-image:-o-linear-gradient(rgba(255, 255, 255, 0), color-stop(rgba(255, 255, 255, 0.08), 0.5), rgba(255, 255, 255, 0));font-size:1.2em;}#logo img{max-width:100%;max-height:200px;}
-.detail .nav-focused a{color:#413636;font-weight:normal;font-style:normal;}
+.detail .nav-focused a{color:#7397ac;font-weight:normal;font-style:normal;}
.nodata{padding:3em 0;text-align:center;font-size:1.2em;background:#222222;color:#ffffff;}
#toolbar{background:transparent url(../images/tv-shadow.png) no-repeat 275px center;background-size:auto 100%;position:relative;width:375px;height:100%;z-index:20;}#toolbar ul{background-image:-webkit-gradient(linear, left top, left bottom, from(#222222), to(#010101));background-image:-webkit-linear-gradient(#222222, #010101);background-image:-moz-linear-gradient(#222222, #010101);background-image:-ms-linear-gradient(#222222, #010101);background-image:-o-linear-gradient(#222222, #010101);width:275px;height:100%;padding-top:300px;-webkit-box-sizing:border-box;}
#toolbar a{width:100%;height:100%;display:block;text-indent:-30000px;background-repeat:no-repeat;background-position:center center;}#toolbar a.photo{background-image:url(../images/tv-photo.png);}
2  app/less/global.less
View
@@ -68,7 +68,7 @@ img {
.detail {
.article {
a{
- color: saturate(lighten(@background-color, 10%), 10%);
+ color: @link-color;
font-weight: normal;
font-style: normal;
}
4 app/less/params.less
View
@@ -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;
5 app/less/phone.less
View
@@ -925,11 +925,12 @@ header {
font-size: 1.4em;
position: relative;
- strong, em, a {
- color: saturate(lighten(@background-color, 10%), 10%);
+ a {
+ color: @link-color;
font-weight: normal;
font-style: normal;
}
+
}
}
2  app/less/tv.less
View
@@ -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;
}
9 tasks/compile_less.js
View
@@ -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);
Please sign in to comment.
Something went wrong with that request. Please try again.