From 13d48d433d9def6478b66e8ac09fc1fa6eb0fe79 Mon Sep 17 00:00:00 2001
From: Carl Kittelberger <icedream@icedream.pw>
Date: Sun, 22 Jul 2018 21:17:23 +0200
Subject: [PATCH] Adjust opacity handling for fog.

---
 src/_variables.scss  |  1 +
 src/main/_smoke.scss | 12 ++++++------
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/_variables.scss b/src/_variables.scss
index f2d51a8..6f17b3c 100644
--- a/src/_variables.scss
+++ b/src/_variables.scss
@@ -18,6 +18,7 @@ $icedream-metadata-overlay-background-gradient-to: transparent !default;
 $icedream-metadata-prefix: '🎶 Now playing: ' !default;
 $icedream-nav-tab-fix: false !default;
 $icedream-nav-bg-fade: true !default;
+$icedream-fog-base-opacity: 0.05 !default;
 $icedream-fog-bg: true !default;
 $icedream-fog-bg-blur: false !default;
 $icedream-fog-bg-animated: true !default;
diff --git a/src/main/_smoke.scss b/src/main/_smoke.scss
index 9f476d6..87d32be 100644
--- a/src/main/_smoke.scss
+++ b/src/main/_smoke.scss
@@ -8,7 +8,7 @@
     overflow-x: hidden;
 
     &::before {
-      opacity: .2;
+      opacity: $icedream-fog-base-opacity;
       background-image: url('../images/whitefog.png');
       background-attachment: fixed;
       content: ' '; // sass-lint:disable-line variable-for-property
@@ -36,19 +36,19 @@
         transform-origin: left;
         @keyframes icedream-bg-pulse {
           0% {
-            opacity: .3;
+            opacity: $icedream-fog-base-opacity - ($icedream-fog-base-opacity * .05);
           }
           22% {
-            opacity: .2;
+            opacity: $icedream-fog-base-opacity - ($icedream-fog-base-opacity * .12);
           }
           54% {
-            opacity: .35;
+            opacity: $icedream-fog-base-opacity + ($icedream-fog-base-opacity * .15);
           }
           77% {
-            opacity: .16;
+            opacity: $icedream-fog-base-opacity + ($icedream-fog-base-opacity * .5);
           }
           100% {
-            opacity: .3;
+            opacity: $icedream-fog-base-opacity + ($icedream-fog-base-opacity * .2);
           }
         }
         @keyframes icedream-bg-slide {