diff --git a/src/_header.scss b/src/_header.scss index 18bd277..64bb0fc 100644 --- a/src/_header.scss +++ b/src/_header.scss @@ -1,2 +1,3 @@ @import 'header/nav'; @import 'header/meta'; +@import 'header/player'; diff --git a/src/_mixins.scss b/src/_mixins.scss new file mode 100644 index 0000000..9a3c89d --- /dev/null +++ b/src/_mixins.scss @@ -0,0 +1,3 @@ +@mixin saturate-from-red($brightness: 250%, $saturate: 45%) { + filter: hue-rotate(220deg) brightness($brightness) saturate($saturate); +} diff --git a/src/_variables.scss b/src/_variables.scss index fb9d8d0..f2d51a8 100644 --- a/src/_variables.scss +++ b/src/_variables.scss @@ -11,6 +11,7 @@ $icedream-text-color: #EEE !default; $icedream-extended-line-height: 5vmin !default; // extra features +$icedream-staturation: true !default; $icedream-metadata-overlay: false !default; $icedream-metadata-overlay-background-gradient-from: #000 !default; $icedream-metadata-overlay-background-gradient-to: transparent !default; diff --git a/src/header/_player.scss b/src/header/_player.scss new file mode 100644 index 0000000..c73e705 --- /dev/null +++ b/src/header/_player.scss @@ -0,0 +1,15 @@ +// player +#player { + .player_button { + @if $icedream-staturation { + @include saturate-from-red(); + } + } + .slider { + .active { + @if $icedream-staturation { + @include saturate-from-red(); + } + } + } +} diff --git a/src/icedream.scss b/src/icedream.scss index 44fb406..d5b1f0e 100644 --- a/src/icedream.scss +++ b/src/icedream.scss @@ -1,5 +1,7 @@ @charset 'UTF-8'; +@import 'mixins'; + @import 'variables'; @import 'font'; diff --git a/src/main/_page.scss b/src/main/_page.scss index b8dc61b..4e9fca5 100644 --- a/src/main/_page.scss +++ b/src/main/_page.scss @@ -17,4 +17,16 @@ &:not(#page_Chat) { @include icedream-font; } + + .eq { + @if $icedream-staturation { + @include saturate-from-red(); + } + } + + #wave { + @if $icedream-staturation { + @include saturate-from-red(300%, 5%); + } + } }