mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
32 lines
2.2 KiB
SCSS
32 lines
2.2 KiB
SCSS
// Ionic iOS Theme
|
|
// -------------------------------------------------------------------------------------------
|
|
// This file contains the theme variables shared
|
|
// between modes. This should only include variables
|
|
// used to theme the application colors for iOS.
|
|
|
|
// iOS General Colors
|
|
// --------------------------------------------------
|
|
$backdrop-ios-color: var(--ion-backdrop-color, #000) !default;
|
|
$border-ios-color: var(--ion-border-color, var(--ion-color-step-150, #dedede)) !default;
|
|
$box-shadow-ios-color: var(--ion-box-shadow-color, #000) !default;
|
|
$overlay-ios-background-color: var(--ion-overlay-background-color, var(--ion-color-step-100, #f9f9f9)) !default;
|
|
|
|
// iOS Tabs & Tab bar
|
|
// --------------------------------------------------
|
|
$tabbar-ios-background: var(--ion-tab-bar-background, $background-color) !default;
|
|
$tabbar-ios-background-focused: var(--ion-tab-bar-background-focused, get-color-shade(#fff)) !default;
|
|
$tabbar-ios-border-color: var(--ion-tab-bar-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, .2)))) !default;
|
|
$tabbar-ios-color: var(--ion-tab-bar-color, $text-color-step-600) !default;
|
|
$tabbar-ios-color-selected: var(--ion-tab-bar-color-selected, ion-color(primary, base)) !default;
|
|
|
|
// iOS Toolbar
|
|
// --------------------------------------------------
|
|
$toolbar-ios-background: var(--ion-toolbar-background, var(--ion-color-step-50, #fff)) !default;
|
|
$toolbar-ios-border-color: var(--ion-toolbar-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, .2)))) !default;
|
|
$toolbar-ios-color: var(--ion-toolbar-color, $text-color) !default;
|
|
|
|
// iOS List & List Items
|
|
// --------------------------------------------------
|
|
$item-ios-background: var(--ion-item-background, $background-color) !default;
|
|
$item-ios-border-color: var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-250, #c8c7cc))) !default;
|
|
$item-ios-color: var(--ion-item-color, $text-color) !default; |