Add code for saturation/colorization.
parent
9dfd022dfb
commit
506865d839
|
@ -1,2 +1,3 @@
|
||||||
@import 'header/nav';
|
@import 'header/nav';
|
||||||
@import 'header/meta';
|
@import 'header/meta';
|
||||||
|
@import 'header/player';
|
||||||
|
|
|
@ -0,0 +1,3 @@
|
||||||
|
@mixin saturate-from-red($brightness: 250%, $saturate: 45%) {
|
||||||
|
filter: hue-rotate(220deg) brightness($brightness) saturate($saturate);
|
||||||
|
}
|
|
@ -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;
|
||||||
|
|
|
@ -0,0 +1,15 @@
|
||||||
|
// player
|
||||||
|
#player {
|
||||||
|
.player_button {
|
||||||
|
@if $icedream-staturation {
|
||||||
|
@include saturate-from-red();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.slider {
|
||||||
|
.active {
|
||||||
|
@if $icedream-staturation {
|
||||||
|
@include saturate-from-red();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
|
@ -1,5 +1,7 @@
|
||||||
@charset 'UTF-8';
|
@charset 'UTF-8';
|
||||||
|
|
||||||
|
@import 'mixins';
|
||||||
|
|
||||||
@import 'variables';
|
@import 'variables';
|
||||||
|
|
||||||
@import 'font';
|
@import 'font';
|
||||||
|
|
|
@ -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%);
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue