mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
790e3d4a87
- separate toolbar and tabs variables since there are cases where they shouldn’t automatically match - add opacity to iOS tabs when a color is applied to the tabs - fix Material Design styling to match spec closes #9294
85 lines
2.8 KiB
SCSS
85 lines
2.8 KiB
SCSS
@import "./ionic.theme.dark";
|
|
|
|
// iOS Dark Theme
|
|
// ----------------------------------
|
|
|
|
$colors-ios: copy-colors($colors) !default;
|
|
|
|
$text-ios-color: $text-color !default;
|
|
$background-ios-color: $background-color !default;
|
|
$subdued-text-ios-color: $subdued-text-color !default;
|
|
|
|
$font-family-ios-base: $font-family-base !default;
|
|
$font-size-ios-base: $font-size-base !default;
|
|
|
|
|
|
// iOS Outer content
|
|
// --------------------------------------------------
|
|
$content-ios-outer-background: $background-color !default;
|
|
|
|
|
|
// iOS Card
|
|
// --------------------------------------------------
|
|
|
|
$card-ios-header-color: #ddd !default;
|
|
|
|
|
|
// iOS Note
|
|
// --------------------------------------------------
|
|
|
|
$item-ios-note-color: #f4f4f4 !default;
|
|
|
|
|
|
// iOS Toolbar
|
|
// --------------------------------------------------
|
|
|
|
$toolbar-ios-background: $toolbar-background !default;
|
|
$toolbar-ios-border-color: rgba(255, 255, 255, .1) !default;
|
|
$toolbar-ios-text-color: $toolbar-text-color !default;
|
|
$toolbar-ios-active-color: $toolbar-active-color !default;
|
|
$toolbar-ios-inactive-color: $toolbar-inactive-color !default;
|
|
|
|
|
|
// iOS Tabs
|
|
// --------------------------------------------------
|
|
|
|
$tabs-ios-background: $tabs-background !default;
|
|
$tabs-ios-border-color: rgba(255, 255, 255, .1) !default;
|
|
$tabs-ios-tab-color-inactive: $tabs-tab-color-inactive !default;
|
|
$tabs-ios-tab-color-active: $tabs-tab-color-active !default;
|
|
|
|
|
|
// iOS List
|
|
// --------------------------------------------------
|
|
|
|
$list-ios-text-color: $list-text-color !default;
|
|
$list-ios-border-color: $list-border-color !default;
|
|
$list-ios-background-color: $list-background-color !default;
|
|
$list-ios-activated-background-color: #d9d9d9 !default;
|
|
|
|
|
|
// iOS List header
|
|
// --------------------------------------------------
|
|
$list-ios-header-color: $text-color !default;
|
|
$item-ios-divider-background: #151515 !default;
|
|
$item-ios-divider-color: $text-color !default;
|
|
|
|
|
|
// iOS Item
|
|
// --------------------------------------------------
|
|
|
|
$item-ios-padding-top: 11px !default;
|
|
$item-ios-padding-right: 16px !default;
|
|
$item-ios-padding-bottom: 11px !default;
|
|
$item-ios-padding-left: 16px !default;
|
|
$item-ios-padding-media-top: 10px !default;
|
|
$item-ios-padding-media-bottom: 10px !default;
|
|
$item-ios-padding-icon-top: 9px !default;
|
|
$item-ios-padding-icon-bottom: 8px !default;
|
|
|
|
|
|
// iOS Toggle
|
|
// --------------------------------------------------
|
|
|
|
$toggle-ios-handle-background-color: #f4f4f4 !default;
|