UNPKG

3.01 kBSCSSView Raw
1@import "./ionic.theme.dark";
2
3// iOS Dark Theme
4// ----------------------------------
5
6$colors-ios: copy-colors($colors) !default;
7
8$text-ios-color: $text-color !default;
9$background-ios-color: $background-color !default;
10$subdued-text-ios-color: $subdued-text-color !default;
11
12$font-family-ios-base: $font-family-base !default;
13$font-size-ios-base: $font-size-base !default;
14
15
16// iOS Outer content
17// --------------------------------------------------
18$content-ios-outer-background: $background-color !default;
19
20
21// iOS Card
22// --------------------------------------------------
23
24$card-ios-header-color: #ddd !default;
25
26
27// iOS Note
28// --------------------------------------------------
29
30$item-ios-note-color: #f4f4f4 !default;
31
32
33// iOS Toolbar
34// --------------------------------------------------
35
36$toolbar-ios-background: $toolbar-background !default;
37$toolbar-ios-border-color: rgba(255, 255, 255, .1) !default;
38$toolbar-ios-text-color: $toolbar-text-color !default;
39$toolbar-ios-active-color: $toolbar-active-color !default;
40$toolbar-ios-inactive-color: $toolbar-inactive-color !default;
41
42
43// iOS Tabs
44// --------------------------------------------------
45
46$tabs-ios-background: $tabs-background !default;
47$tabs-ios-border-color: rgba(255, 255, 255, .1) !default;
48$tabs-ios-tab-color-inactive: $tabs-tab-color-inactive !default;
49$tabs-ios-tab-color-active: $tabs-tab-color-active !default;
50
51
52// iOS List
53// --------------------------------------------------
54
55$list-ios-text-color: $list-text-color !default;
56$list-ios-border-color: $list-border-color !default;
57$list-ios-background-color: $list-background-color !default;
58$list-ios-activated-background-color: #d9d9d9 !default;
59
60
61// iOS List header
62// --------------------------------------------------
63$list-ios-header-color: $text-color !default;
64$item-ios-divider-background: #151515 !default;
65$item-ios-divider-color: $text-color !default;
66
67
68// iOS Item
69// --------------------------------------------------
70
71$item-ios-padding-top: 11px !default;
72// deprecated
73$item-ios-padding-right: 16px !default;
74$item-ios-padding-end: $item-ios-padding-right !default;
75$item-ios-padding-bottom: 11px !default;
76// deprecated
77$item-ios-padding-left: 16px !default;
78$item-ios-padding-start: $item-ios-padding-left !default;
79$item-ios-padding-media-top: 10px !default;
80$item-ios-padding-media-bottom: 10px !default;
81$item-ios-padding-icon-top: 9px !default;
82$item-ios-padding-icon-bottom: 8px !default;
83
84
85// iOS Toggle
86// --------------------------------------------------
87
88$toggle-ios-handle-background-color: #f4f4f4 !default;