UNPKG

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