refactor(item, list): use the same background color (#29739)

Author: thetaPC

core/src/components/item-sliding/test/basic/index.html

@@ -75,7 +75,7 @@ <h2>RIGHT/LEFT side - icons</h2>
                 </ion-label>
               </ion-item>
               <ion-item-options side="start" class="sliding-enabled">
-                <ion-item-option color="secondary" expandable>
+                <ion-item-option color="primary" expandable>
                   <ion-icon slot="start" name="checkmark"></ion-icon>
                   Unread
                 </ion-item-option>
@@ -105,7 +105,7 @@ <h2>RIGHT/LEFT side - many buttons</h2>
                   <ion-icon slot="start" name="checkmark"></ion-icon>
                   Btn 1
                 </ion-item-option>
-                <ion-item-option color="secondary" expandable>
+                <ion-item-option color="primary" expandable>
                   <ion-icon slot="start" name="checkmark"></ion-icon>
                   Btn 2
                 </ion-item-option>
@@ -124,7 +124,7 @@ <h2>RIGHT/LEFT side - many buttons</h2>
                   <ion-icon slot="start" name="mail"></ion-icon>
                   Btn 5
                 </ion-item-option>
-                <ion-item-option color="secondary" expandable>
+                <ion-item-option color="primary" expandable>
                   <ion-icon slot="start" name="mail"></ion-icon>
                   Btn 6
                 </ion-item-option>

core/src/components/item-sliding/test/basic/item-sliding.e2e.ts

@@ -8,7 +8,7 @@ import { configs, dragElementBy, test } from '@utils/test/playwright';
  * It is important to test all modes to ensure that the
  * child components are being rendered correctly.
  */
-configs().forEach(({ title, screenshot, config }) => {
+configs({ modes: ['ios', 'md', 'ionic-md'] }).forEach(({ title, screenshot, config }) => {
   test.describe(title('item-sliding: basic'), () => {
     test.beforeEach(async ({ page }) => {
       await page.goto(`/src/components/item-sliding/test/basic`, config);
@@ -105,7 +105,7 @@ configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, screenshot, co
  * make sure the safe area padding is applied only to that side
  * regardless of direction
  */
-configs().forEach(({ title, screenshot, config }) => {
+configs({ modes: ['ios', 'md', 'ionic-md'] }).forEach(({ title, screenshot, config }) => {
   test.describe(title('item-sliding: basic'), () => {
     test.describe('safe area left', () => {
       test('should have padding on the left only', async ({ page }) => {