update tests background color

BenOsodrac · BenOsodrac · commit a0d2bed46d37 · 2025-06-20T08:32:26.000+01:00
diff --git a/core/src/components/accordion-group/test/expand/accordion-group.e2e.ts b/core/src/components/accordion-group/test/expand/accordion-group.e2e.ts
@@ -10,7 +10,7 @@ configs({ directions: ['ltr'], modes: ['ionic-md'] }).forEach(({ config, screens
           <style>
             /* Background styles to show the border radius */
             :root {
-              background: #ccc7c7;
+              --background: #ccc7c7;
             }
           </style>
           <ion-accordion-group>
@@ -48,7 +48,7 @@ configs({ directions: ['ltr'], modes: ['ionic-md'] }).forEach(({ config, screens
           <style>
             /* Background styles to show the border radius */
             :root {
-              background: #ccc7c7;
+              --background: #ccc7c7;
             }
           </style>
           <ion-accordion-group value="first">
@@ -88,7 +88,7 @@ configs({ directions: ['ltr'], modes: ['ionic-md'] }).forEach(({ config, screens
           <style>
             /* Background styles to show the border radius */
             :root {
-              background: #ccc7c7;
+              --background: #ccc7c7;
             }
           </style>
           <ion-accordion-group expand="inset">
@@ -126,7 +126,7 @@ configs({ directions: ['ltr'], modes: ['ionic-md'] }).forEach(({ config, screens
           <style>
             /* Background styles to show the border radius */
             :root {
-              background: #ccc7c7;
+              --background: #ccc7c7;
             }
           </style>
           <ion-accordion-group value="first" expand="inset">
diff --git a/core/src/components/accordion-group/test/shape/accordion-group.e2e.ts b/core/src/components/accordion-group/test/shape/accordion-group.e2e.ts
@@ -10,7 +10,7 @@ configs({ directions: ['ltr'], modes: ['ionic-md'] }).forEach(({ config, screens
           <style>
             /* Background styles to show the border radius */
             :root {
-              background: #222;
+              --background: #222;
             }
           </style>
 
diff --git a/core/src/components/progress-bar/test/shape/progress-bar.e2e.ts b/core/src/components/progress-bar/test/shape/progress-bar.e2e.ts
@@ -8,7 +8,7 @@ configs({ directions: ['ltr'], modes: ['ionic-md'] }).forEach(({ title, screensh
         `
           <style>
             :root {
-              background: #ccc7c7;
+              --background: #ccc7c7;
             }
 
             .container {
@@ -33,7 +33,7 @@ configs({ directions: ['ltr'], modes: ['ionic-md'] }).forEach(({ title, screensh
         `
           <style>
             :root {
-              background: #ccc7c7;
+              --background: #ccc7c7;
             }
 
             .container {
diff --git a/core/src/components/searchbar/test/shape/searchbar.e2e.ts b/core/src/components/searchbar/test/shape/searchbar.e2e.ts
@@ -14,7 +14,7 @@ configs({ directions: ['ltr'], modes: ['ionic-md'] }).forEach(({ title, screensh
           <style>
             /* Background styles to show the border radius */
             :root {
-              background: #000;
+              --background: #000;
             }
           </style>
 
diff --git a/core/src/components/tab-bar/test/basic/tab-bar.e2e.ts b/core/src/components/tab-bar/test/basic/tab-bar.e2e.ts
@@ -11,7 +11,7 @@ configs({ modes: ['ionic-md', 'md', 'ios'] }).forEach(({ title, screenshot, conf
         `
         <style>
           :root {
-            background: #ccc7c7;
+            --background: #ccc7c7;
           }
         </style>
 
diff --git a/core/src/components/tab-bar/test/shape/tab-bar.e2e.ts b/core/src/components/tab-bar/test/shape/tab-bar.e2e.ts
@@ -13,7 +13,7 @@ configs({ directions: ['ltr'], modes: ['ionic-md'] }).forEach(({ title, screensh
           `
           <style>
             :root {
-              background: #ccc7c7;
+              --background: #ccc7c7;
             }
           </style>
 
@@ -49,7 +49,7 @@ configs({ directions: ['ltr'], modes: ['ionic-md'] }).forEach(({ title, screensh
           `
           <style>
             :root {
-              background: #ccc7c7;
+              --background: #ccc7c7;
             }
           </style>
 
@@ -85,7 +85,7 @@ configs({ directions: ['ltr'], modes: ['ionic-md'] }).forEach(({ title, screensh
           `
           <style>
             :root {
-              background: #ccc7c7;
+              --background: #ccc7c7;
             }
           </style>
 

Original file line number	Diff line number	Diff line change
`@@ -10,7 +10,7 @@ configs({ directions: ['ltr'], modes: ['ionic-md'] }).forEach(({ config, screens`
`10`	`10`	`<style>`
`11`	`11`	`/* Background styles to show the border radius */`
`12`	`12`	`:root {`
`13`		`- background: #222;`
	`13`	`+ --background: #222;`
`14`	`14`	`}`
`15`	`15`	`</style>`
`16`	`16`
Original file line number	Diff line number	Diff line change
`@@ -8,7 +8,7 @@ configs({ directions: ['ltr'], modes: ['ionic-md'] }).forEach(({ title, screensh`
`8`	`8`	`
`9`	`9`	`<style>`
`10`	`10`	`:root {`
`11`		`- background: #ccc7c7;`
	`11`	`+ --background: #ccc7c7;`
`12`	`12`	`}`
`13`	`13`
`14`	`14`	`.container {`
`@@ -33,7 +33,7 @@ configs({ directions: ['ltr'], modes: ['ionic-md'] }).forEach(({ title, screensh`
`33`	`33`	`
`34`	`34`	`<style>`
`35`	`35`	`:root {`
`36`		`- background: #ccc7c7;`
	`36`	`+ --background: #ccc7c7;`
`37`	`37`	`}`
`38`	`38`
`39`	`39`	`.container {`
Original file line number	Diff line number	Diff line change
`@@ -14,7 +14,7 @@ configs({ directions: ['ltr'], modes: ['ionic-md'] }).forEach(({ title, screensh`
`14`	`14`	`<style>`
`15`	`15`	`/* Background styles to show the border radius */`
`16`	`16`	`:root {`
`17`		`- background: #000;`
	`17`	`+ --background: #000;`
`18`	`18`	`}`
`19`	`19`	`</style>`
`20`	`20`
Original file line number	Diff line number	Diff line change
`@@ -11,7 +11,7 @@ configs({ modes: ['ionic-md', 'md', 'ios'] }).forEach(({ title, screenshot, conf`
`11`	`11`	`
`12`	`12`	`<style>`
`13`	`13`	`:root {`
`14`		`- background: #ccc7c7;`
	`14`	`+ --background: #ccc7c7;`
`15`	`15`	`}`
`16`	`16`	`</style>`
`17`	`17`
Original file line number	Diff line number	Diff line change
`@@ -13,7 +13,7 @@ configs({ directions: ['ltr'], modes: ['ionic-md'] }).forEach(({ title, screensh`
`13`	`13`	`
`14`	`14`	`<style>`
`15`	`15`	`:root {`
`16`		`- background: #ccc7c7;`
	`16`	`+ --background: #ccc7c7;`
`17`	`17`	`}`
`18`	`18`	`</style>`
`19`	`19`
`@@ -49,7 +49,7 @@ configs({ directions: ['ltr'], modes: ['ionic-md'] }).forEach(({ title, screensh`
`49`	`49`	`
`50`	`50`	`<style>`
`51`	`51`	`:root {`
`52`		`- background: #ccc7c7;`
	`52`	`+ --background: #ccc7c7;`
`53`	`53`	`}`
`54`	`54`	`</style>`
`55`	`55`
`@@ -85,7 +85,7 @@ configs({ directions: ['ltr'], modes: ['ionic-md'] }).forEach(({ title, screensh`
`85`	`85`	`
`86`	`86`	`<style>`
`87`	`87`	`:root {`
`88`		`- background: #ccc7c7;`
	`88`	`+ --background: #ccc7c7;`
`89`	`89`	`}`
`90`	`90`	`</style>`
`91`	`91`