From ef2c0154e7b78b702520970d2c38f452620f9158 Mon Sep 17 00:00:00 2001 From: Denis Anisimov Date: Fri, 7 Nov 2014 13:53:45 +0200 Subject: Provide variable for default contrast value in valo-font-color (#14793). Change-Id: Ida9552b02cb515fab6fb078a93f9f5c2f6d55014 --- WebContent/VAADIN/themes/tests-valo-contrast/_variables.scss | 3 +++ WebContent/VAADIN/themes/tests-valo-contrast/styles.scss | 6 ++++++ WebContent/VAADIN/themes/valo/util/_color.scss | 10 +++++++++- 3 files changed, 18 insertions(+), 1 deletion(-) create mode 100644 WebContent/VAADIN/themes/tests-valo-contrast/_variables.scss create mode 100644 WebContent/VAADIN/themes/tests-valo-contrast/styles.scss (limited to 'WebContent') diff --git a/WebContent/VAADIN/themes/tests-valo-contrast/_variables.scss b/WebContent/VAADIN/themes/tests-valo-contrast/_variables.scss new file mode 100644 index 0000000000..962bc8f299 --- /dev/null +++ b/WebContent/VAADIN/themes/tests-valo-contrast/_variables.scss @@ -0,0 +1,3 @@ +$v-font-color-contrast: 0.1; + +@import "../valo/valo"; diff --git a/WebContent/VAADIN/themes/tests-valo-contrast/styles.scss b/WebContent/VAADIN/themes/tests-valo-contrast/styles.scss new file mode 100644 index 0000000000..231a9de50d --- /dev/null +++ b/WebContent/VAADIN/themes/tests-valo-contrast/styles.scss @@ -0,0 +1,6 @@ +@import "variables"; +@import "../tests-valo/valotest"; + +.tests-valo-contrast { + @include valotest; +} diff --git a/WebContent/VAADIN/themes/valo/util/_color.scss b/WebContent/VAADIN/themes/valo/util/_color.scss index 37612fd48d..e4aab4596d 100644 --- a/WebContent/VAADIN/themes/valo/util/_color.scss +++ b/WebContent/VAADIN/themes/valo/util/_color.scss @@ -31,6 +31,14 @@ $v-luminance-threshold: 150 !default; +/** + * Contrast default value for valo-font-color function. + * + * @group color + * @type number + */ +$v-font-color-contrast: 0.72 !default; + /** * Checks whether the color is considered dark or light, according to it's luminance and saturation. * @@ -80,7 +88,7 @@ $v-luminance-threshold: 150 !default; * * @return {color} a suitable font color for the given background color */ -@function valo-font-color ($bg-color, $contrast: 0.72) { +@function valo-font-color ($bg-color, $contrast: $v-font-color-contrast) { @if type-of($bg-color) == color { @if is-dark-color($bg-color) { @return scale-color($bg-color, $lightness: min(100%, 100% * $contrast), $saturation: max(-100%, -50% * $contrast)); -- cgit v1.2.3