aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--stylesheets/base/base.scss1
-rw-r--r--stylesheets/base/linear-gradient.scss2
-rw-r--r--stylesheets/base/variables.scss24
3 files changed, 22 insertions, 5 deletions
diff --git a/stylesheets/base/base.scss b/stylesheets/base/base.scss
index 9e37b51..c805beb 100644
--- a/stylesheets/base/base.scss
+++ b/stylesheets/base/base.scss
@@ -12,6 +12,7 @@ body {
font-family: $display-font;
color: $display-font-color;
+ background: $background-color;
line-height: $line-height;
padding: 0;
diff --git a/stylesheets/base/linear-gradient.scss b/stylesheets/base/linear-gradient.scss
index 8782cf2..e63eba8 100644
--- a/stylesheets/base/linear-gradient.scss
+++ b/stylesheets/base/linear-gradient.scss
@@ -188,6 +188,6 @@
background: -o-linear-gradient(legacy-direction($direction), $color-stops);
background: -ms-linear-gradient(legacy-direction($direction), $color-stops);
background: linear-gradient($direction, $color-stops);
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#{$ieStartColor}', endColorstr='#{$ieEndColor}', GradientType=#{$ieDirection} );
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{$ieStartColor}', endColorstr='#{$ieEndColor}', GradientType=#{$ieDirection} );
}
diff --git a/stylesheets/base/variables.scss b/stylesheets/base/variables.scss
index b2f3599..acb4692 100644
--- a/stylesheets/base/variables.scss
+++ b/stylesheets/base/variables.scss
@@ -14,10 +14,26 @@ $light-font-weight: 300 !default;
$print-font-color: black !default;
$display-font-color: rgb(17, 17, 17);
-$secondary-font-color: rgb(154, 154, 154);
+$secondary-font-color: rgb(106, 106, 106);
+$background-color: rgb(229, 229, 227);
-$secondary-color: lighten($secondary-font-color, 10) !default;
+@function color-blend ($fg, $bg) {
+ $fo: opacity($fg);
+ $bo: opacity($bg);
+
+ // calculate opacity
+ $r: red($fg) * $fo + red($bg) * $bo * (1 - $fo);
+ $g: green($fg) * $fo + green($bg) * $bo * (1 - $fo);
+ $b: blue($fg) * $fo + blue($bg) * $bo * (1 - $fo);
+ @return rgb($r, $g, $b);
+}
+
+$secondary-color: $secondary-font-color;
$link-highlight-color: rgb(255, 215, 0) !default;
-$link-highlight-from: lighten($link-highlight-color, 35);
-$link-highlight-to: $link-highlight-color;
+$link-highlight-from: color-blend(
+ rgba($link-highlight-color, .35),
+ $background-color);
+$link-highlight-to: color-blend(
+ rgba($link-highlight-color, .75),
+ $background-color);