aboutsummaryrefslogtreecommitdiffstats
path: root/stylesheets/base/variables.scss
diff options
context:
space:
mode:
Diffstat (limited to 'stylesheets/base/variables.scss')
-rw-r--r--stylesheets/base/variables.scss24
1 files changed, 20 insertions, 4 deletions
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);