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;

footer.php

@@ -18,7 +18,7 @@
 </div><!-- #page -->
 
 <?php wp_footer(); ?>
-<div class="liquid-bubbles">
+<div class="liquid-bubbles <?php xarxaprod_class_posttype(); ?>">
   <div class="bubbles bubble-01"></div>
   <div class="bubbles bubble-02"></div>
   <div class="bubbles bubble-03"></div>

inc/template-functions.php

@@ -63,6 +63,16 @@ if ( ! function_exists( 'xarxaprod_class_posttype' ) ):
     //if( get_post_type() == 'xarxaprod-ajut' ||  get_post_type() == 'xarxaprod-convo' || get_post_type() == 'xarxaprod-associat' ){
   		echo 'archive-custom-post-type-';
       printf (get_post_type_object( get_post_type() )->rewrite['slug']);
+  	} elseif( get_post_type() == 'xarxaprod-ajut' ||  get_post_type() == 'xarxaprod-convo' || get_post_type() == 'xarxaprod-associat' ) {
+  		echo 'custom-post-type-';
+      printf (get_post_type_object( get_post_type() )->rewrite['slug']);
+    } else {
+      $categories = get_the_category();
+      if ( ! empty( $categories ) ) {
+        echo 'category-';
+	      echo esc_html( $categories[0]->slug );
+      }
+      //printf (get_post_type_object( get_post_type() )->rewrite['slug']);
     }
   }
 endif; //end xarxaprod_calss_posttype

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;