From afeb20cbdaf99035f0a42bec45fdcc50a6710963 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Thibault=20Delavall=C3=A9e?= <tde@odoo.com>
Date: Tue, 25 Aug 2020 09:36:23 +0000
Subject: [PATCH] [IMP] website_event_online: add common CSS for color-based
 backgrounds

SPECIFICATIONS

Have a common css definition for background color based on color field. This
will be used notably for track agenda and list display.

LINKS

Task ID-2325327
PR odoo/odoo#56430

X-original-commit: 92579eddda3f15eef9d759a910000374a73f4410
---
 .../src/scss/website_event_templates.scss     | 38 +++++++++++++++++++
 .../src/scss/event_track_templates.scss       |  2 +
 2 files changed, 40 insertions(+)

diff --git a/addons/website_event/static/src/scss/website_event_templates.scss b/addons/website_event/static/src/scss/website_event_templates.scss
index 390536d6f97..85f7406b7ea 100644
--- a/addons/website_event/static/src/scss/website_event_templates.scss
+++ b/addons/website_event/static/src/scss/website_event_templates.scss
@@ -65,6 +65,44 @@
             }
         }
 
+        // background color-based for new styling
+        .event_color_0 {
+            @extend .bg-100;
+        }
+        .event_color_1 {
+            background-color: rgba(240, 96, 80, 0.2);
+        }
+        .event_color_2 {
+            background-color: rgba(244, 164, 96, 0.2);
+        }
+        .event_color_3 {
+            background-color: rgba(247, 205, 31, 0.2);
+        }
+        .event_color_4 {
+            background-color: rgba(108,193,237,0.2);
+        }
+        .event_color_5 {
+            background-color: rgba(129,73,104,0.2);
+        }
+        .event_color_6 {
+            background-color: rgba(235,126,127,0.2);
+        }
+        .event_color_7 {
+            background-color: rgba(44,131,151,0.2);
+        }
+        .event_color_8 {
+            background-color: rgba(71,85,119,0.2);
+        }
+        .event_color_9 {
+            background-color: rgba(214,20,95,0.2);
+        }
+        .event_color_10 {
+            background-color: rgba(48,195,129,0.2);
+        }
+        .event_color_11 {
+            background-color: rgba(147,101,184,0.2);
+        }
+
         .o_wevent_online_page_container {
             // Widescreen mode
             @include media-breakpoint-up(md) {
diff --git a/addons/website_event_track/static/src/scss/event_track_templates.scss b/addons/website_event_track/static/src/scss/event_track_templates.scss
index 0cf1fe1c509..c1347493d91 100644
--- a/addons/website_event_track/static/src/scss/event_track_templates.scss
+++ b/addons/website_event_track/static/src/scss/event_track_templates.scss
@@ -28,6 +28,7 @@
     }
 }
 
+
 /*
  * AGENDA
  */
@@ -127,6 +128,7 @@
                 }
 
             }
+            // Remove me in master
             &.event_color_0 {
                 background-color: rgba(211, 211, 211, 0.5);
             }