styled bubbles in more views

adminstyles.css

@@ -17,8 +17,8 @@ Theme URI: https://git.hangar.org/xarxaprod/
 Author: Hangar.org Tech Lab - hangar.org
 Author URI: https://hangar.org
 Description: theme for the <a href="https://xarxaprod.cat">XarxaProd</a>. Inclou la possibilitat de publicar, catalogar i cercar ajuts, resoldre dubtes amb FAQs i altres. Design by Eudald Van der Pla <a href="https://vanderpla.com">vanderpla.com</a>. Coding template and theme by <a href="https://vitrubio.net">Jorge - vitrubio.net</a>
-Version: 1.6.5
-Tested up to: 6.4
+Version: 1.7.0
+Tested up to: 6.5
 Requires PHP: 7.4
 License: GNU General Public License v3 or later
 License URI: https://www.gnu.org/licenses/gpl-3.0.html
@@ -535,13 +535,6 @@ Add your custom styles in this file so it is easier to update the theme.
 	box-sizing: border-box;
 }
 
-.edit-post-visual-editor__content-area .editor-styles-wrapper :root {
-	--bubble-color-01: #ff5a69;
-	--bubble-color-02: #ffcb1f;
-	--bubble-color-03: #00d1ec;
-	--bubble-color-04: #00f274;
-}
-
 .edit-post-visual-editor__content-area .editor-styles-wrapper body,
 .edit-post-visual-editor__content-area .editor-styles-wrapper button,
 .edit-post-visual-editor__content-area .editor-styles-wrapper input,
@@ -976,6 +969,154 @@ Add your custom styles in this file so it is easier to update the theme.
 	position: inherit;
 }
 
+.edit-post-visual-editor__content-area .editor-styles-wrapper :root {
+	--bubble-color-01: #ff5a69;
+	--bubble-color-02: #ffcb1f;
+	--bubble-color-03: #00d1ec;
+	--bubble-color-04: #00f274;
+}
+
+.edit-post-visual-editor__content-area .editor-styles-wrapper .home {
+	--bubble-color-01: #fff;
+	--bubble-color-02: #ff79a8;
+	--bubble-color-03: #ff9221;
+	--bubble-color-04: #fff;
+}
+
+.edit-post-visual-editor__content-area .editor-styles-wrapper .page-id-617 {
+	--bubble-color-01: #4a30f4;
+	--bubble-color-02: #fff;
+	--bubble-color-03: #fff;
+	--bubble-color-04: #f6ca43;
+}
+
+.edit-post-visual-editor__content-area .editor-styles-wrapper .page-id-626,
+.edit-post-visual-editor__content-area .editor-styles-wrapper .page-id-2936,
+.edit-post-visual-editor__content-area .editor-styles-wrapper .page-id-2937 {
+	--bubble-color-01: #ffcb1f;
+	--bubble-color-02: #fff;
+	--bubble-color-03: #fff;
+	--bubble-color-04: #ff79a8;
+}
+
+.edit-post-visual-editor__content-area .editor-styles-wrapper .page-id-634 {
+	--bubble-color-01: #fff;
+	--bubble-color-02: #f6ca43;
+	--bubble-color-03: #4a30f4;
+	--bubble-color-04: #fff;
+}
+
+.edit-post-visual-editor__content-area .editor-styles-wrapper .page-id-659 {
+	--bubble-color-01: #fff;
+	--bubble-color-02: #6cd3eb;
+	--bubble-color-03: #f6ca43;
+	--bubble-color-04: #fff;
+}
+
+.edit-post-visual-editor__content-area .editor-styles-wrapper .page-template-associats-search,
+.edit-post-visual-editor__content-area .editor-styles-wrapper .post-type-archive-xarxaprod-associat {
+	--bubble-color-01: #fff;
+	--bubble-color-02: #68ed81;
+	--bubble-color-03: #ff79a8;
+	--bubble-color-04: #fff;
+}
+
+.edit-post-visual-editor__content-area .editor-styles-wrapper .single-xarxaprod-associat {
+	--bubble-color-01: #ff9221;
+	--bubble-color-02: #f6ca43;
+	--bubble-color-03: #ff866f;
+	--bubble-color-04: #fff;
+}
+
+.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,
+.edit-post-visual-editor__content-area .editor-styles-wrapper .post-type-archive-xarxaprod-convo {
+	--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 .post-type-archive-xarxaprod-ajut,
+.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

@@ -59,11 +59,21 @@ function xarxaprod_plugin_active() {
  */
 if ( ! function_exists( 'xarxaprod_class_posttype' ) ):
   function xarxaprod_class_posttype (){
-    	if( is_post_type_archive( array('xarxaprod-ajut') ) || is_post_type_archive( array('xarxaprod-convo') ) || is_post_type_archive( array( 'xarxaprod-associat') )) {
+    if( is_post_type_archive( array('xarxaprod-ajut') ) || is_post_type_archive( array('xarxaprod-convo') ) || is_post_type_archive( array( 'xarxaprod-associat') )) {
     //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

@@ -7,6 +7,15 @@ $color__xxp-violet: #651aff;
 $color__xxp-cyan: #00d1ec;
 $color__xxp-green: #00f274;
 $color__xxp-red: #ff5a69;
+$color__xxp-lila: #ff79a8;
+$color__xxp-orange: #ff9221;
+$color__xxp-blue: #4a30f4;
+$color__xxp-yellow-2: #f6ca43;
+$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

@@ -9,6 +9,154 @@ body {
     position: inherit;
   }
 }
+
+:root{
+  // check colors at sass/abstracts/variables/_colors.scss
+  --bubble-color-01: #ff5a69; //$color__xxp-red;
+  --bubble-color-02: #ffcb1f; //$color__xxp-yellow;
+  --bubble-color-03: #00d1ec; //$color__xxp-cyan;
+  --bubble-color-04: #00f274; //$color__xxp-green;
+}
+//bubble color definition
+.home {
+  --bubble-color-01: #ffffff; 
+  --bubble-color-02: #ff79a8; //$color__xxp-lila;
+  --bubble-color-03:  #ff9221; //$color__xxp-orange;
+  --bubble-color-04: #ffffff;
+}
+.page-id-617 //que es xarxaprod 
+{
+  --bubble-color-01: #4a30f4; //$color__xxp-blue;
+  --bubble-color-02: #ffffff;
+  --bubble-color-03: #ffffff;
+  --bubble-color-04: #f6ca43; //$color__xxp-yellow-2;
+}
+.page-id-626, //qui som junta
+.page-id-2936, //comisions
+.page-id-2937 //ofi tecnica
+{
+  --bubble-color-01: #ffcb1f; 
+  --bubble-color-02: #ffffff;
+  --bubble-color-03: #ffffff;
+  --bubble-color-04: #ff79a8;
+}
+.page-id-634 //que oferim
+{
+  --bubble-color-01: #ffffff; 
+  --bubble-color-02: #f6ca43;
+  --bubble-color-03: #4a30f4;
+  --bubble-color-04: #ffffff;
+}
+.page-id-659 //premsa
+{
+  --bubble-color-01: #ffffff; 
+  --bubble-color-02: #6cd3eb;
+  --bubble-color-03: #f6ca43;
+  --bubble-color-04: #ffffff; 
+}
+.page-template-associats-search,
+.post-type-archive-xarxaprod-associat
+{
+  --bubble-color-01: #ffffff;
+  --bubble-color-02: #68ed81;
+  --bubble-color-03: #ff79a8;
+  --bubble-color-04: #ffffff;
+}
+.single-xarxaprod-associat {
+  --bubble-color-01: #ff9221;
+  --bubble-color-02: #f6ca43;
+  --bubble-color-03: #ff866f; 
+  --bubble-color-04: #ffffff;
+}
+
+.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,
+.post-type-archive-xarxaprod-convo
+{
+  --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,
+.post-type-archive-xarxaprod-ajut,
+.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;

sass/base/typography/_css-root-vars.scss

@@ -1,14 +1,3 @@
-:root {
+//:root {
   // check also sass/abstracts/variables/_colors.scss
-  //$color__xxp-salmon:  #ff866f;
-  //$color__xxp-yellow: #ffcb1f;
-  //$color__xxp-pink: #ff6bc3;
-  //$color__xxp-violet: #651aff;
-  //$color__xxp-cyan: #00d1ec;
-  //$color__xxp-green: #00f274;
-  //$color__xxp-red: #ff5a69;
-  --bubble-color-01: #ff5a69; //$color__xxp-red;
-  --bubble-color-02: #ffcb1f; //$color__xxp-yellow;
-	--bubble-color-03: #00d1ec; //$color__xxp-cyan;
-  --bubble-color-04: #00f274; //$color__xxp-green;
-}
+//}

sass/style.scss

@@ -5,8 +5,8 @@ Theme URI: https://git.hangar.org/xarxaprod/
 Author: Hangar.org Tech Lab - hangar.org
 Author URI: https://hangar.org
 Description: theme for the <a href="https://xarxaprod.cat">XarxaProd</a>. Inclou la possibilitat de publicar, catalogar i cercar ajuts, resoldre dubtes amb FAQs i altres. Design by Eudald Van der Pla <a href="https://vanderpla.com">vanderpla.com</a>. Coding template and theme by <a href="https://vitrubio.net">Jorge - vitrubio.net</a>
-Version: 1.6.5
-Tested up to: 6.4
+Version: 1.7.0
+Tested up to: 6.5
 Requires PHP: 7.4
 License: GNU General Public License v3 or later
 License URI: https://www.gnu.org/licenses/gpl-3.0.html

style.css

@@ -5,8 +5,8 @@ Theme URI: https://git.hangar.org/xarxaprod/
 Author: Hangar.org Tech Lab - hangar.org
 Author URI: https://hangar.org
 Description: theme for the <a href="https://xarxaprod.cat">XarxaProd</a>. Inclou la possibilitat de publicar, catalogar i cercar ajuts, resoldre dubtes amb FAQs i altres. Design by Eudald Van der Pla <a href="https://vanderpla.com">vanderpla.com</a>. Coding template and theme by <a href="https://vitrubio.net">Jorge - vitrubio.net</a>
-Version: 1.6.5
-Tested up to: 6.4
+Version: 1.7.0
+Tested up to: 6.5
 Requires PHP: 7.4
 License: GNU General Public License v3 or later
 License URI: https://www.gnu.org/licenses/gpl-3.0.html
@@ -397,12 +397,6 @@ html {
 
 /* Css root vars
 --------------------------------------------- */
-:root {
-	--bubble-color-01: #ff5a69;
-	--bubble-color-02: #ffcb1f;
-	--bubble-color-03: #00d1ec;
-	--bubble-color-04: #00f274;
-}
 
 /* Typography
 --------------------------------------------- */
@@ -832,6 +826,154 @@ body.admin-bar {
 	position: inherit;
 }
 
+:root {
+	--bubble-color-01: #ff5a69;
+	--bubble-color-02: #ffcb1f;
+	--bubble-color-03: #00d1ec;
+	--bubble-color-04: #00f274;
+}
+
+.home {
+	--bubble-color-01: #fff;
+	--bubble-color-02: #ff79a8;
+	--bubble-color-03: #ff9221;
+	--bubble-color-04: #fff;
+}
+
+.page-id-617 {
+	--bubble-color-01: #4a30f4;
+	--bubble-color-02: #fff;
+	--bubble-color-03: #fff;
+	--bubble-color-04: #f6ca43;
+}
+
+.page-id-626,
+.page-id-2936,
+.page-id-2937 {
+	--bubble-color-01: #ffcb1f;
+	--bubble-color-02: #fff;
+	--bubble-color-03: #fff;
+	--bubble-color-04: #ff79a8;
+}
+
+.page-id-634 {
+	--bubble-color-01: #fff;
+	--bubble-color-02: #f6ca43;
+	--bubble-color-03: #4a30f4;
+	--bubble-color-04: #fff;
+}
+
+.page-id-659 {
+	--bubble-color-01: #fff;
+	--bubble-color-02: #6cd3eb;
+	--bubble-color-03: #f6ca43;
+	--bubble-color-04: #fff;
+}
+
+.page-template-associats-search,
+.post-type-archive-xarxaprod-associat {
+	--bubble-color-01: #fff;
+	--bubble-color-02: #68ed81;
+	--bubble-color-03: #ff79a8;
+	--bubble-color-04: #fff;
+}
+
+.single-xarxaprod-associat {
+	--bubble-color-01: #ff9221;
+	--bubble-color-02: #f6ca43;
+	--bubble-color-03: #ff866f;
+	--bubble-color-04: #fff;
+}
+
+.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,
+.post-type-archive-xarxaprod-convo {
+	--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,
+.post-type-archive-xarxaprod-ajut,
+.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;