Color changes to background and compensated colors

* Fix overly dark shades
* Remove word count from posts
* Markup changes for single posts headers
* Rename config
* Fix page heading
This commit is contained in:
Nishanth Shanmugham
2015-10-03 18:31:59 -05:00
parent d99e82e683
commit 29a5b22882
5 changed files with 90 additions and 25 deletions

View File

@@ -19,8 +19,11 @@
@black: #333;
@gray: #b7b7b7;
@accent: #0096cc;
@black-background: @black;
@accent: #0096cc; // jasonlong.me blue
@background: #f7f7f7;
@compensated-black: #555;
@compensated-gray: #999;
@compensated-gray-hover: @gray;
@white: #fefefe;
@milk: #fefefe;
@@ -170,7 +173,7 @@ body {
// Header section
.section.header {
background-color: @black-background;
background-color: @background;
.container {
.align-items(center);
@@ -185,7 +188,7 @@ body {
.name {
.heading();
color: @white;
color: @compensated-black;
}
nav {
@@ -214,11 +217,11 @@ body {
}
ul li {
color: @milk;
color: @compensated-gray;
.transition(~'color @{transition-speed-1} @{in-sine}');
&:hover {
color: @white
color: @compensated-gray-hover;
}
}
}
@@ -262,7 +265,7 @@ body {
// Icons
.section.icons {
background-color: @black-background;
background-color: @background;
.container {
.align-items(center);
@@ -273,7 +276,7 @@ body {
a {
margin-left: 6px;
margin-right: 6px;
color: @milk;
color: @compensated-gray;
.transition(~'color @{transition-speed-1} @{in-sine}');
&:first-child {
@@ -285,7 +288,7 @@ body {
}
&:hover {
color: @white;
color: @compensated-gray-hover;
}
.icon {