some changes in background bubbles colors

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,71 @@ 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 {
+	--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-genera {
+	--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 .liquid-bubbles {
 	overflow: hidden;
 	float: left;

sass/abstracts/variables/_colors.scss

@@ -7,6 +7,14 @@ $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__white: #fff;
 $color__white-dark: #fdfdfd;

sass/base/elements/_body.scss

@@ -9,6 +9,70 @@ 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 {
+  --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-genera {
+  --bubble-color-01: #ffffff; 
+  --bubble-color-02: #f61818;
+  --bubble-color-03: #f61818;
+  --bubble-color-04: #ffffff;
+}
 .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,71 @@ 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 {
+	--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-genera {
+	--bubble-color-01: #fff;
+	--bubble-color-02: #f61818;
+	--bubble-color-03: #f61818;
+	--bubble-color-04: #fff;
+}
+
 .liquid-bubbles {
 	overflow: hidden;
 	float: left;