styled bubles

adminstyles.css

@@ -1027,13 +1027,93 @@ Add your custom styles in this file so it is easier to update the theme.
 	--bubble-color-04: #fff;
 }
 
-.edit-post-visual-editor__content-area .editor-styles-wrapper .page-template-arxiu-genera {
+.edit-post-visual-editor__content-area .editor-styles-wrapper .page-template-arxiu-general,
+.edit-post-visual-editor__content-area .editor-styles-wrapper .page-id-643 {
 	--bubble-color-01: #fff;
 	--bubble-color-02: #f61818;
 	--bubble-color-03: #f61818;
 	--bubble-color-04: #fff;
 }
 
+.edit-post-visual-editor__content-area .editor-styles-wrapper .page-template-convos-search {
+	--bubble-color-01: #fff;
+	--bubble-color-02: #ff5a69;
+	--bubble-color-03: #00f274;
+	--bubble-color-04: #fff;
+}
+
+.edit-post-visual-editor__content-area .editor-styles-wrapper .single-xarxaprod-convo {
+	--bubble-color-01: #e572ba;
+	--bubble-color-02: #fff;
+	--bubble-color-03: #4a30f4;
+	--bubble-color-04: #e572ba;
+}
+
+.edit-post-visual-editor__content-area .editor-styles-wrapper .page-template-agenda-search {
+	--bubble-color-01: #e158ae;
+	--bubble-color-02: #fff;
+	--bubble-color-03: #fff;
+	--bubble-color-04: #ff5a69;
+}
+
+.edit-post-visual-editor__content-area .editor-styles-wrapper .category-activitats {
+	--bubble-color-01: #fff;
+	--bubble-color-02: #00f274;
+	--bubble-color-03: #6cd3eb;
+	--bubble-color-04: #fff;
+}
+
+.edit-post-visual-editor__content-area .editor-styles-wrapper .page-id-28,
+.edit-post-visual-editor__content-area .editor-styles-wrapper .page-template-faqs-page {
+	--bubble-color-01: #fff;
+	--bubble-color-02: #6cd3eb;
+	--bubble-color-03: #4a30f4;
+	--bubble-color-04: #fff;
+}
+
+.edit-post-visual-editor__content-area .editor-styles-wrapper .page-template-ajut-search,
+.edit-post-visual-editor__content-area .editor-styles-wrapper .single-xarxaprod-ajut {
+	--bubble-color-01: #6cd3eb;
+	--bubble-color-02: #fff;
+	--bubble-color-03: #fff;
+	--bubble-color-04: #4a30f4;
+}
+
+.edit-post-visual-editor__content-area .editor-styles-wrapper .page-id-1673 {
+	--bubble-color-01: #f6ca43;
+	--bubble-color-02: #ff9221;
+	--bubble-color-03: #00f274;
+	--bubble-color-04: #fff;
+}
+
+.edit-post-visual-editor__content-area .editor-styles-wrapper .page-id-2366 {
+	--bubble-color-01: #fff;
+	--bubble-color-02: #4a30f4;
+	--bubble-color-03: #ff5a69;
+	--bubble-color-04: #fff;
+}
+
+.edit-post-visual-editor__content-area .editor-styles-wrapper .page-id-2364 {
+	--bubble-color-01: #00f274;
+	--bubble-color-02: #fff;
+	--bubble-color-03: #fff;
+	--bubble-color-04: #4a30f4;
+}
+
+.edit-post-visual-editor__content-area .editor-styles-wrapper .page-id-2365 {
+	--bubble-color-01: #e572ba;
+	--bubble-color-02: #f6ca43;
+	--bubble-color-03: #e572ba;
+	--bubble-color-04: #f6ca43;
+}
+
+.edit-post-visual-editor__content-area .editor-styles-wrapper .page-id-1760 {
+	--bubble-color-01: #6cd3eb;
+	--bubble-color-02: #fff;
+	--bubble-color-03: #fff;
+	--bubble-color-04: #6cd3eb;
+}
+
 .edit-post-visual-editor__content-area .editor-styles-wrapper .liquid-bubbles {
 	overflow: hidden;
 	float: left;

sass/abstracts/variables/_colors.scss

@@ -15,6 +15,7 @@ $color__xxp-green-2: #68ed81;
 $color__xxp-pink: #e572ba;
 $color__xxp-red-2: #f61818;
 $color__xxp-cyan: #6cd3eb;
+$color__xxp-lila-2: #e158ae;
 
 $color__white: #fff;
 $color__white-dark: #fdfdfd;

sass/base/elements/_body.scss

@@ -67,12 +67,91 @@ body {
   --bubble-color-04: #ffffff;
 }
 
-.page-template-arxiu-genera {
+.page-template-arxiu-general,
+.page-id-643 //arxiu-convos vell
+{
   --bubble-color-01: #ffffff; 
   --bubble-color-02: #f61818;
   --bubble-color-03: #f61818;
   --bubble-color-04: #ffffff;
 }
+.page-template-convos-search {
+  --bubble-color-01: #ffffff; 
+  --bubble-color-02: #ff5a69;
+  --bubble-color-03: #00f274;
+  --bubble-color-04: #ffffff;
+}
+.single-xarxaprod-convo {
+  --bubble-color-01: #e572ba;
+  --bubble-color-02: #ffffff;
+  --bubble-color-03: #4a30f4;
+  --bubble-color-04: #e572ba;
+}
+.page-template-agenda-search {
+  --bubble-color-01: #e158ae;
+  --bubble-color-02: #ffffff;
+  --bubble-color-03: #ffffff;
+  --bubble-color-04: #ff5a69;
+}
+
+.category-activitats {
+  --bubble-color-01: #ffffff; 
+  --bubble-color-02: #00f274;
+  --bubble-color-03: #6cd3eb;
+  --bubble-color-04: #ffffff;
+}
+.page-id-28, //espai assesorament 
+.page-template-faqs-page 
+{
+  --bubble-color-01: #ffffff; 
+  --bubble-color-02: #6cd3eb;
+  --bubble-color-03: #4a30f4;
+  --bubble-color-04: #ffffff;
+}
+.page-template-ajut-search,
+.single-xarxaprod-ajut
+//.custom-post-type-ajuts
+{
+  --bubble-color-01: #6cd3eb;
+  --bubble-color-02: #ffffff; 
+  --bubble-color-03: #ffffff;
+  --bubble-color-04: #4a30f4;
+}
+.page-id-1673 //XarxaREC
+{
+  --bubble-color-01: #f6ca43; 
+  --bubble-color-02: #ff9221;
+  --bubble-color-03: #00f274;
+  --bubble-color-04: #ffffff;
+}
+.page-id-2366 //Firas i mercats
+{
+  --bubble-color-01: #ffffff; 
+  --bubble-color-02: #4a30f4;
+  --bubble-color-03: #ff5a69;
+  --bubble-color-04: #ffffff;
+}
+.page-id-2364 //Sostenibilitat
+{
+  --bubble-color-01: #00f274; 
+  --bubble-color-02: #ffffff;
+  --bubble-color-03: #ffffff;
+  --bubble-color-04: #4a30f4;
+}
+.page-id-2365 //projecte educatiu
+{
+  --bubble-color-01: #e572ba; 
+  --bubble-color-02: #f6ca43;
+  --bubble-color-03: #e572ba;
+  --bubble-color-04: #f6ca43;
+}
+.page-id-1760 //Mentoratge
+{
+  --bubble-color-01: #6cd3eb; 
+  --bubble-color-02: #ffffff;
+  --bubble-color-03: #ffffff;
+  --bubble-color-04: #6cd3eb;
+}
 .liquid-bubbles {
 	overflow: hidden;
 	float: left;

style.css

@@ -884,13 +884,93 @@ body.admin-bar {
 	--bubble-color-04: #fff;
 }
 
-.page-template-arxiu-genera {
+.page-template-arxiu-general,
+.page-id-643 {
 	--bubble-color-01: #fff;
 	--bubble-color-02: #f61818;
 	--bubble-color-03: #f61818;
 	--bubble-color-04: #fff;
 }
 
+.page-template-convos-search {
+	--bubble-color-01: #fff;
+	--bubble-color-02: #ff5a69;
+	--bubble-color-03: #00f274;
+	--bubble-color-04: #fff;
+}
+
+.single-xarxaprod-convo {
+	--bubble-color-01: #e572ba;
+	--bubble-color-02: #fff;
+	--bubble-color-03: #4a30f4;
+	--bubble-color-04: #e572ba;
+}
+
+.page-template-agenda-search {
+	--bubble-color-01: #e158ae;
+	--bubble-color-02: #fff;
+	--bubble-color-03: #fff;
+	--bubble-color-04: #ff5a69;
+}
+
+.category-activitats {
+	--bubble-color-01: #fff;
+	--bubble-color-02: #00f274;
+	--bubble-color-03: #6cd3eb;
+	--bubble-color-04: #fff;
+}
+
+.page-id-28,
+.page-template-faqs-page {
+	--bubble-color-01: #fff;
+	--bubble-color-02: #6cd3eb;
+	--bubble-color-03: #4a30f4;
+	--bubble-color-04: #fff;
+}
+
+.page-template-ajut-search,
+.single-xarxaprod-ajut {
+	--bubble-color-01: #6cd3eb;
+	--bubble-color-02: #fff;
+	--bubble-color-03: #fff;
+	--bubble-color-04: #4a30f4;
+}
+
+.page-id-1673 {
+	--bubble-color-01: #f6ca43;
+	--bubble-color-02: #ff9221;
+	--bubble-color-03: #00f274;
+	--bubble-color-04: #fff;
+}
+
+.page-id-2366 {
+	--bubble-color-01: #fff;
+	--bubble-color-02: #4a30f4;
+	--bubble-color-03: #ff5a69;
+	--bubble-color-04: #fff;
+}
+
+.page-id-2364 {
+	--bubble-color-01: #00f274;
+	--bubble-color-02: #fff;
+	--bubble-color-03: #fff;
+	--bubble-color-04: #4a30f4;
+}
+
+.page-id-2365 {
+	--bubble-color-01: #e572ba;
+	--bubble-color-02: #f6ca43;
+	--bubble-color-03: #e572ba;
+	--bubble-color-04: #f6ca43;
+}
+
+.page-id-1760 {
+	--bubble-color-01: #6cd3eb;
+	--bubble-color-02: #fff;
+	--bubble-color-03: #fff;
+	--bubble-color-04: #6cd3eb;
+}
+
 .liquid-bubbles {
 	overflow: hidden;
 	float: left;