From 8c035a7a416b79fdf7d9f3315cdbb279ba0d7c73 Mon Sep 17 00:00:00 2001 From: stefanorigano Date: Tue, 30 Aug 2016 11:26:08 +0200 Subject: [IMP] web_editor: add transparent grayscale color palette These colors were usually hardcoded in some snippets (.s_banner for example) to increase text legibility over background images. This commit will let the user personalize them. --- addons/web_editor/static/src/less/web_editor.common.less | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) (limited to 'addons/web_editor/static/src/less/web_editor.common.less') diff --git a/addons/web_editor/static/src/less/web_editor.common.less b/addons/web_editor/static/src/less/web_editor.common.less index 53d9ba46377..73707a19d1d 100644 --- a/addons/web_editor/static/src/less/web_editor.common.less +++ b/addons/web_editor/static/src/less/web_editor.common.less @@ -246,6 +246,14 @@ a.o_underline { @color-delta: #0D6759; @color-epsilon: #0B2E59; +//Greyscale transparent colours +@color-black-25: fade(black, 25%); +@color-black-50: fade(black, 50%); +@color-black-75: fade(black, 75%); +@color-white-25: fade(white, 25%); +@color-white-50: fade(white, 50%); +@color-white-75: fade(white, 75%); + .o-create-color-classes(@class_name, @color, @complementary: contrast(@color, @text-color, #FFF, 60%), @content-color: @color) { .bg-@{class_name} { background-color: @color; @@ -281,3 +289,11 @@ a.o_underline { .o-create-color-classes(~'gray-light', @gray-light); .o-create-color-classes(~'gray-lighter', @gray-lighter); .o-create-color-classes(~'white', @gray-white); + +// Create classes for greyscale transparent colours +.o-create-color-classes(~'black-25', @color-black-25); +.o-create-color-classes(~'black-50', @color-black-50); +.o-create-color-classes(~'black-75', @color-black-75); +.o-create-color-classes(~'white-25', @color-white-25); +.o-create-color-classes(~'white-50', @color-white-50); +.o-create-color-classes(~'white-75', @color-white-75); \ No newline at end of file -- cgit v1.2.3