:recycle: Clean-up SCSS and improve color schemes

6 files changed, 12 insertions, 21 deletions

diff --git a/assets/sass/_gallery.scss b/assets/sass/_gallery.scss
index aed8713..36eb6a7 100644
--- a/assets/sass/_gallery.scss
+++ b/assets/sass/_gallery.scss
@@ -42,6 +42,7 @@
 
     h2 {
       margin: $vertical-rhythm;
+      margin-bottom: 0.5 * $vertical-rhythm;
       color: $gallery-overlay-title-color;
     }
 
diff --git a/assets/sass/_layout.scss b/assets/sass/_layout.scss
index 397b827..aabbfbb 100644
--- a/assets/sass/_layout.scss
+++ b/assets/sass/_layout.scss
@@ -16,22 +16,6 @@ $mobile-breakpoint: 47.99em;
   }
 }
 
-// ::-webkit-scrollbar {
-//   width: 3px;
-// }
-
-// ::-webkit-scrollbar-track {
-//   background: $primary-bg-color;
-// }
-
-// ::-webkit-scrollbar-thumb {
-//   background: $primary-fg-color;
-// }
-
-// ::-webkit-scrollbar-thumb:hover {
-//   background: $accent-color;
-// }
-
 html {
   box-sizing: inherit;
   overflow-x: hidden;
@@ -79,8 +63,9 @@ header {
     z-index: 101;
   }
 
-  h1,h2,h3 {
+  h1, h2, h3 {
     font-family: $font-tagline;
+    color: $tagline-color;
   }
 
   img {
diff --git a/assets/sass/main.scss b/assets/sass/main.scss
index dff0ba2..7ec6365 100644
--- a/assets/sass/main.scss
+++ b/assets/sass/main.scss
@@ -56,6 +56,7 @@ $term_title: "{{ .Site.Data.terminal.title }}";
   {{ $scratch := newScratch }}
   {{ $imgSize := default "1920x" .Site.Params.Image.Background.resize }}
   {{ $lqipSize := default "500x" .Site.Params.Image.Background.resizeLQIP }}
+  {{ $useLQIP := default true .Site.Params.Image.Background.useLQIP }}
   {{ $resizeOptions := default "jpg q90 Lanczos" .Site.Params.Image.Background.resizeOptions }}
   {{ with (resources.Get .Site.Params.background) -}}
       {{ $image := .Resize (printf "%s %s" $imgSize $resizeOptions) }}
@@ -63,7 +64,7 @@ $term_title: "{{ .Site.Data.terminal.title }}";
       {{ $scratch.Set "imgW" $image.Width }}
       {{ $scratch.Set "imgH" $image.Height }}
 
-      {{ if $lqipSize -}}
+      {{ if $useLQIP -}}
           {{ $lqip := $image.Resize (printf "%s %s" $lqipSize $resizeOptions) }}
           {{ $scratch.Set "imgPreview" $lqip.Permalink }}
           {{ $scratch.Set "imgPlaceholderRes" $lqip }}
@@ -88,7 +89,7 @@ $term_title: "{{ .Site.Data.terminal.title }}";
   }
 
   {{ with $scratch.Get "imgPlaceholderRes" -}}
-  @media (min-width: {{.Width }}px) {
+  @media (min-width: {{ .Width }}px) {
       .bg.lazyloaded {
         transition: background-image 1.5s;
         background-image: url("{{ $scratch.Get "img" }}"), url("{{ .Permalink }}"); 
diff --git a/assets/sass/themes/_color-map-dark.scss b/assets/sass/themes/_color-map-dark.scss
index f1bc0ca..635de8a 100644
--- a/assets/sass/themes/_color-map-dark.scss
+++ b/assets/sass/themes/_color-map-dark.scss
@@ -1,4 +1,6 @@
 //-- Fine-tuning --
+$tagline-color: $primary-fg-color;
+
 $button-fg-color: $primary-bg-color;
 // Nav color of the full nav which shows up when pressing the burger on mobile viewports.
 // Regular colors are swapped by default (i.e. fg -> bg and vice versa). This aims to create a "b-side" or "flip-side" feeling.
@@ -15,4 +17,4 @@ $gallery-modal-close-color: $primary-fg-color;
 
 $footer-bg-color: $primary-fg-color;
 $footer-icon-color: $primary-bg-color;
-$footer-text-color: $alt-text-color;
\ No newline at end of file
+$footer-text-color: $alt-text-color;
diff --git a/assets/sass/themes/_color-map-light.scss b/assets/sass/themes/_color-map-light.scss
index aeccc6d..041e493 100644
--- a/assets/sass/themes/_color-map-light.scss
+++ b/assets/sass/themes/_color-map-light.scss
@@ -1,4 +1,6 @@
 //-- Fine-tuning --
+$tagline-color: $primary-fg-color;
+
 $button-fg-color: $primary-bg-color;
 // Nav color of the full nav which shows up when pressing the burger on mobile viewports.
 // Regular colors are swapped by default (i.e. fg -> bg and vice versa). This aims to create a "b-side" or "flip-side" feeling.
diff --git a/assets/sass/themes/delight-colors.scss b/assets/sass/themes/delight-colors.scss
index d4e5beb..1038a89 100644
--- a/assets/sass/themes/delight-colors.scss
+++ b/assets/sass/themes/delight-colors.scss
@@ -3,6 +3,6 @@ $primary-bg-color: #FFFFFF;
 $button-bg-color: #4E6B6C;
 $secondary-bg-color: #F7F7F7;
 $accent-color: #0097A7;
-$alt-text-color: #757575;
+$alt-text-color: #898989;
 
 @import "color-map-light"
\ No newline at end of file