workspace/.history/soul-app/src/app/page-setting/page-setting.component_20241228160808.html

<ion-header>
  <ion-toolbar>
    <div class="toolbar-content">
      <div class="button-container">
        <ion-button (click)="goTab3()" fill="clear" class="butcolor">
          <ion-icon name="chevron-back" slot="start"></ion-icon>返回
        </ion-button>
      </div>
      <ion-title class="title-text">
        系统设置
      </ion-title>
    </div>
  </ion-toolbar>
</ion-header>

<ion-content class="content-center">
  <div class="theme-selector">
    <h2>选择主题</h2>
    <ion-button (click)="changeTheme('default-theme')" expand="block" color="red">默认主题</ion-button>
    <ion-button (click)="changeTheme('warm-theme')" expand="block" color="warning">暖色主题</ion-button>
    <ion-button (click)="changeTheme('pink-theme')" expand="block" style="background-color: #ffc0cb;">粉色主题</ion-button>
  </div>
</ion-content>