icedream
/
rekt-theme
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Adjust opacity handling for fog.

header/meta/overlay^2
Icedream 2018-07-22 21:17:23 +02:00
parent 506865d839
commit 13d48d433d
Signed by: icedream
GPG Key ID: 1573F6D8EFE4D0CF
2 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/_variables.scss
View File

@ -18,6 +18,7 @@ $icedream-metadata-overlay-background-gradient-to: transparent !default;
$icedream-metadata-prefix: '🎶 Now playing: ' !default; $icedream-metadata-prefix: '🎶 Now playing: ' !default;
$icedream-nav-tab-fix: false !default; $icedream-nav-tab-fix: false !default;
$icedream-nav-bg-fade: true !default; $icedream-nav-bg-fade: true !default;
$icedream-fog-base-opacity: 0.05 !default;
$icedream-fog-bg: true !default; $icedream-fog-bg: true !default;
$icedream-fog-bg-blur: false !default; $icedream-fog-bg-blur: false !default;
$icedream-fog-bg-animated: true !default; $icedream-fog-bg-animated: true !default;

12
src/main/_smoke.scss
View File

@ -8,7 +8,7 @@
overflow-x: hidden; overflow-x: hidden;
&::before { &::before {
opacity: .2; opacity: $icedream-fog-base-opacity;
background-image: url('../images/whitefog.png'); background-image: url('../images/whitefog.png');
background-attachment: fixed; background-attachment: fixed;
content: ' '; // sass-lint:disable-line variable-for-property content: ' '; // sass-lint:disable-line variable-for-property
@ -36,19 +36,19 @@
transform-origin: left; transform-origin: left;
@keyframes icedream-bg-pulse { @keyframes icedream-bg-pulse {
0% { 0% {
opacity: .3; opacity: $icedream-fog-base-opacity - ($icedream-fog-base-opacity * .05);
} }
22% { 22% {
opacity: .2; opacity: $icedream-fog-base-opacity - ($icedream-fog-base-opacity * .12);
} }
54% { 54% {
opacity: .35; opacity: $icedream-fog-base-opacity + ($icedream-fog-base-opacity * .15);
} }
77% { 77% {
opacity: .16; opacity: $icedream-fog-base-opacity + ($icedream-fog-base-opacity * .5);
} }
100% { 100% {
opacity: .3; opacity: $icedream-fog-base-opacity + ($icedream-fog-base-opacity * .2);
} }
} }
@keyframes icedream-bg-slide { @keyframes icedream-bg-slide {