[REF] mass_mailing: convert templates to themes and clean code

* Remove mass mailing template switching system (lemon, airmail, ...)
and replace it with a theme selector which only toggle a different
class on the body.
* Lint JS files.
* Change the way the editor is overridden by mass_mailing in a more
odoo way (put the JS in assets and check on runtime if it must be
applied.

+ fix editor style
+ remove useless code
+ remove odoo template

3 files changed, 227 insertions, 0 deletions

diff --git a/addons/mass_mailing/static/src/css/themes/airmail.css b/addons/mass_mailing/static/src/css/themes/airmail.css
new file mode 100644
index 00000000000..655d4bd19ee
--- /dev/null
+++ b/addons/mass_mailing/static/src/css/themes/airmail.css
@@ -0,0 +1,77 @@
+/*Airmail Template*/
+
+.o_airmail_theme_header, .o_airmail_theme_footer {
+    background-color: #d05d68;
+}
+.o_airmail_theme {
+    background-color: #ededed;
+}
+.o_airmail_theme_container {
+    background-color: white;
+    box-shadow: none;
+}
+
+/*Colors*/
+
+.o_airmail_theme .bg-alpha {
+    background-color: #fff;
+}
+.o_airmail_theme .bg-alpha p, .o_airmail_theme .bg-alpha .display-1, .o_airmail_theme .bg-alpha .display-2, .o_airmail_theme .bg-alpha .display-3 {
+    color: #000;
+}
+.o_airmail_theme .bg-beta {
+    background-color: #6077a8;
+}
+.o_airmail_theme .bg-beta p, .o_airmail_theme .bg-beta .display-1, .o_airmail_theme .bg-beta .display-2, .o_airmail_theme .bg-beta .display-3 {
+    color: #fff;
+}
+.o_airmail_theme .bg-beta .link-color {
+    color: #dab4a8;
+}
+.o_airmail_theme .bg-gamma {
+    background-color: #a17e92;
+}
+.o_airmail_theme .bg-gamma .link-color {
+    color: #dab4a8;
+}
+.o_airmail_theme .bg-gamma p, .o_airmail_theme .bg-gamma .display-1, .o_airmail_theme .bg-gamma .display-2, .o_airmail_theme .bg-gamma .display-3 {
+    color: #fff;
+}
+.o_airmail_theme .bg-delta {
+    background-color: #dab4a8;
+}
+.o_airmail_theme .bg-delta p, .o_airmail_theme .bg-delta .display-1, .o_airmail_theme .bg-delta .display-2, .o_airmail_theme .bg-delta .display-3 {
+    color: #000;
+}
+.o_airmail_theme .bg-epsilon {
+    background-color: #d05d68;
+}
+.o_airmail_theme .bg-epsilon p, .o_airmail_theme .bg-epsilon .display-1, .o_airmail_theme .bg-epsilon .display-2, .o_airmail_theme .bg-epsilon .display-3 {
+    color: #fff;
+}
+.o_airmail_theme .bg-epsilon .link-color {
+    color: #fff;
+}
+
+/*Link color*/
+
+.o_airmail_theme .link-color {
+    color: #d05d68;
+}
+
+/*BTN styles*/
+
+.o_airmail_theme .newsletter-btn {
+    color: #d05d68;
+    border: 1px solid #d05d68;
+    border-radius: 4px;
+    background-color: transparent;
+}
+.o_airmail_theme .bg-gamma .newsletter-btn {
+    color: #fff;
+    border: 1px solid #fff;
+}
+.o_airmail_theme .bg-epsilon .newsletter-btn {
+    color: #fff;
+    border: 1px solid #fff;
+}
diff --git a/addons/mass_mailing/static/src/css/themes/lemon.css b/addons/mass_mailing/static/src/css/themes/lemon.css
new file mode 100644
index 00000000000..df6a83f9e17
--- /dev/null
+++ b/addons/mass_mailing/static/src/css/themes/lemon.css
@@ -0,0 +1,75 @@
+/* ======================== COLORS ====================== */
+
+.o_lemon_theme {
+    background-color: #fff;
+}
+.o_lemon_theme_header {
+    background-color: #fe4e1e;
+}
+.o_lemon_theme_container {
+    background-color: #f4ea00;
+}
+
+.o_lemon_theme p {
+    color: #000;
+}
+.o_lemon_theme .bg-alpha {
+    background-color: #fff;
+}
+.o_lemon_theme .bg-alpha .display-1, .o_lemon_theme .bg-alpha p, .o_lemon_theme .bg-alpha .display-2, .o_lemon_theme .bg-alpha .display-3{
+    color: #000;
+}
+.o_lemon_theme .bg-beta {
+    background-color: #f4ea00;
+}
+.o_lemon_theme .bg-beta p, .o_lemon_theme .bg-beta .display-1, .o_lemon_theme .bg-beta .display-2, .o_lemon_theme .bg-beta .display-3 {
+    color: #000;
+}
+.o_lemon_theme .bg-gamma {
+    background-color: #d6d5b6;
+}
+.o_lemon_theme .bg-gamma p, .o_lemon_theme .bg-gamma .display-1, .o_lemon_theme .bg-gamma .display-2, .o_lemon_theme .bg-gamma .display-3 {
+    color: #000;
+}
+.o_lemon_theme .bg-gamma .link-color {
+    color: #fe4e1e;
+}
+.o_lemon_theme .bg-delta {
+    background-color: #000;
+}
+.o_lemon_theme .bg-delta p, .o_lemon_theme .bg-delta .display-1, .o_lemon_theme .bg-delta .display-2, .o_lemon_theme .bg-delta .display-3 {
+    color: #fff;
+}
+.o_lemon_theme .bg-delta .link-color {
+    color: #fe4e1e;
+}
+.o_lemon_theme .bg-epsilon {
+    background-color: #fe4e1e;
+}
+.o_lemon_theme .bg-epsilon p, .o_lemon_theme .bg-epsilon .display-1, .o_lemon_theme .bg-epsilon .display-2, .o_lemon_theme .bg-epsilon .display-3 {
+    color: #fff;
+}
+.o_lemon_theme .bg-epsilon .link-color {
+    color: #f4ea00;
+}
+
+.o_lemon_theme .link-color {
+    color: #fe4e1e;
+}
+
+/*BTN styles*/
+
+.o_lemon_theme .newsletter-btn {
+    color: #fff;
+    background-color: #fe4e1e;
+    font-size: 12px;
+}
+
+/*Snippet styles*/
+
+.o_lemon_theme .separator {
+    background-color: #fff;
+}
+.o_lemon_theme .snippet-general {
+    margin:0 auto;
+}
diff --git a/addons/mass_mailing/static/src/css/themes/tech.css b/addons/mass_mailing/static/src/css/themes/tech.css
new file mode 100644
index 00000000000..00ea206cd48
--- /dev/null
+++ b/addons/mass_mailing/static/src/css/themes/tech.css
@@ -0,0 +1,75 @@
+/* ======================== COLORS ====================== */
+
+.o_tech_theme {
+    background-color: #fff;
+}
+.o_tech_theme_header {
+    background-color: #e3e3e3;
+}
+
+.o_tech_theme p {
+    color: #494949;
+}
+.o_tech_theme .bg-alpha {
+    background-color: #fff;
+}
+.o_tech_theme .bg-alpha .display-1, .o_tech_theme .bg-alpha p, .o_tech_theme .bg-alpha .display-2, .o_tech_theme .bg-alpha .display-3{
+    color: #000;
+}
+.o_tech_theme .bg-beta {
+    background-color: #dadada;
+}
+.o_tech_theme .bg-beta p, .o_tech_theme .bg-beta .display-1, .o_tech_theme .bg-beta .display-2, .o_tech_theme .bg-beta .display-3 {
+    color: #000;
+}
+.o_tech_theme .bg-beta .link-color {
+    color: #de5745;
+}
+.o_tech_theme .bg-gamma {
+    background-color: #de5745;
+}
+.o_tech_theme .bg-gamma p, .o_tech_theme .bg-gamma .display-1, .o_tech_theme .bg-gamma .display-2, .o_tech_theme .bg-gamma .display-3 {
+    color: #fff;
+}
+.o_tech_theme .bg-gamma .link-color {
+    color: #ccda3f;
+}
+.o_tech_theme .bg-delta {
+    background-color: #4a9fba;
+}
+.o_tech_theme .bg-delta p, .o_tech_theme .bg-delta .display-1, .o_tech_theme .bg-delta .display-2, .o_tech_theme .bg-delta .display-3 {
+    color: #fff;
+}
+.o_tech_theme .bg-delta .link-color {
+    color: #ccda3f;
+}
+.o_tech_theme .bg-epsilon {
+    background-color: #ccda3f;
+}
+.o_tech_theme .bg-epsilon p, .o_tech_theme .bg-epsilon .display-1, .o_tech_theme .bg-epsilon .display-2, .o_tech_theme .bg-epsilon .display-3 {
+    color: #000;
+}
+.o_tech_theme .bg-epsilon .link-color {
+    color: #de5745;
+}
+
+.o_tech_theme .link-color {
+    color: #ccda3f;
+}
+
+/*BTN styles*/
+
+.o_tech_theme .newsletter-btn {
+    color: #fff;
+    background-color: #ccda3f;
+    font-size: 12px;
+}
+.o_tech_theme .bg-epsilon .newsletter-btn {
+    background-color: #de5745;
+}
+
+/*Snippet styles*/
+
+.o_tech_theme .snippet-general {
+    margin:0 auto;
+}