Ionic 2 改变卡片文字颜色

Question

我一直在尝试使用ion-cards with ion dark theme，但我实际上看不到文字；

我试图用这个来改变 CSS：

  h2,p {
    color:white;
  }

它仍然是黑色的。

我直接从 ionic 文档中获取了代码：

<ion-card class="col-md-4" *ngFor="let new of news;let i=index">

  <ion-item>
    <ion-avatar item-left>
      <img [src]="new.image_url" *ngIf="new.image_url">
    </ion-avatar>
    <h2>TEST</h2>
    <p>AA TEST</p>
  </ion-item>

  <ion-card-content>
    <p>
    TSET SUMMARY
    </p>
    </ion-card-content>

  <ion-row>
    <ion-col>
      <button ion-button icon-left clear small>
        <ion-icon name="thumbs-up"></ion-icon>
        <div>12 likes</div>
      </button>
    </ion-col>
  </ion-row>

</ion-card>

有什么想法吗？

Answer 1

您可以覆盖离子变量本身。导航 ./theme/variables.scss 并添加

$card-ios-text-color(#fff);
$card-md-text-color(#fff);
$card-wp-text-color(#fff);

所有离子变量都可以在here找到快速参考