Add code for saturation/colorization.

header/meta/overlay^2
Icedream 2018-07-22 21:16:25 +02:00
parent 9dfd022dfb
commit 506865d839
Signed by: icedream
GPG Key ID: 1573F6D8EFE4D0CF
6 changed files with 34 additions and 0 deletions

View File

@ -1,2 +1,3 @@
@import 'header/nav'; @import 'header/nav';
@import 'header/meta'; @import 'header/meta';
@import 'header/player';

3
src/_mixins.scss Normal file
View File

@ -0,0 +1,3 @@
@mixin saturate-from-red($brightness: 250%, $saturate: 45%) {
filter: hue-rotate(220deg) brightness($brightness) saturate($saturate);
}

View File

@ -11,6 +11,7 @@ $icedream-text-color: #EEE !default;
$icedream-extended-line-height: 5vmin !default; $icedream-extended-line-height: 5vmin !default;
// extra features // extra features
$icedream-staturation: true !default;
$icedream-metadata-overlay: false !default; $icedream-metadata-overlay: false !default;
$icedream-metadata-overlay-background-gradient-from: #000 !default; $icedream-metadata-overlay-background-gradient-from: #000 !default;
$icedream-metadata-overlay-background-gradient-to: transparent !default; $icedream-metadata-overlay-background-gradient-to: transparent !default;

15
src/header/_player.scss Normal file
View File

@ -0,0 +1,15 @@
// player
#player {
.player_button {
@if $icedream-staturation {
@include saturate-from-red();
}
}
.slider {
.active {
@if $icedream-staturation {
@include saturate-from-red();
}
}
}
}

View File

@ -1,5 +1,7 @@
@charset 'UTF-8'; @charset 'UTF-8';
@import 'mixins';
@import 'variables'; @import 'variables';
@import 'font'; @import 'font';

View File

@ -17,4 +17,16 @@
&:not(#page_Chat) { &:not(#page_Chat) {
@include icedream-font; @include icedream-font;
} }
.eq {
@if $icedream-staturation {
@include saturate-from-red();
}
}
#wave {
@if $icedream-staturation {
@include saturate-from-red(300%, 5%);
}
}
} }