javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-10 00:27:41 +08:00
Code Issues Packages Projects Releases Wiki Activity

test(): update theming test with latest dark mode values (#22956)

Browse Source
This commit is contained in:
Liam DeBeasi
2021-02-23 12:34:04 -05:00
committed by GitHub
parent a4c38aca88
commit 677d55ebe4
2 changed files with 19 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
core/src/themes/test/css-variables/css/dark.css
View File

@ -132,4 +132,5 @@ ion-modal.ios {
--ion-background-color: var(--ion-color-step-100); --ion-background-color: var(--ion-color-step-100);
--ion-toolbar-background: var(--ion-color-step-150); --ion-toolbar-background: var(--ion-color-step-150);
--ion-toolbar-border-color: var(--ion-color-step-250); --ion-toolbar-border-color: var(--ion-color-step-250);
--ion-item-background: var(--ion-color-step-150);
} }

22
core/src/themes/test/css-variables/index.html
View File

@ -924,6 +924,9 @@
<ion-header translucent="true"> <ion-header translucent="true">
<ion-toolbar> <ion-toolbar>
<ion-title>Super Modal</ion-title> <ion-title>Super Modal</ion-title>
<ion-buttons slot="start">
<ion-button class="dismiss">Close</ion-button>
</ion-buttons>
</ion-toolbar> </ion-toolbar>
</ion-header> </ion-header>
<ion-content fullscreen="true"> <ion-content fullscreen="true">
@ -932,10 +935,21 @@
<ion-title size="large">Super Modal</ion-title> <ion-title size="large">Super Modal</ion-title>
</ion-toolbar> </ion-toolbar>
</ion-header> </ion-header>
<div class="ion-padding">
<h1>Content of doom</h1> <br />
<div>Here's some more content</div>
<ion-button class="dismiss">Dismiss Modal</ion-button> <div>
<ion-list>
<ion-item>
<ion-label>Item A</ion-label>
</ion-item>
<ion-item>
<ion-label>Item B</ion-label>
</ion-item>
<ion-item>
<ion-label>Item C</ion-label>
</ion-item>
</ion-list>
</div> </div>
</ion-content> </ion-content>
`; `;