-
Notifications
You must be signed in to change notification settings - Fork 0
/
at-theme.html
92 lines (76 loc) · 4.42 KB
/
at-theme.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
<link rel="import" href="../tangere/tangere.html">
<link rel="import" href="../iron-flex-layout/iron-flex-layout.html">
<link rel="import" href="../iron-flex-layout/iron-flex-layout-classes.html">
<link rel="import" href="../paper-styles/color.html">
<link rel="import" href="../paper-styles/default-theme.html">
<link rel="import" href="../paper-styles/shadow.html">
<link rel="import" href="../paper-styles/typography.html">
<link rel="import" href="mixins.html">
<link rel="import" href="font.html">
<link rel="import" href="form.html">
<link rel="import" href="at-form-common.html">
<link rel="import" href="card-common.html">
<custom-style>
<style is="custom-style">
:root {
/* adenin Theme variables */
--at-error-color: var(--theme-error-color, var(--paper-deep-orange-a700));
--at-action-color: var(--theme-action-color, var(--paper-blue-800));
--at-action-color-hover: var(--theme-color-hover, var(--paper-blue-500));
--at-inline-icon-size: 16px;
/* :active */
--at-active-background-color: var(--theme-active-background-color, var(--paper-indigo-50));
/* at-colors */
--at-primary: var(--theme-primary, var(--primary-color));
--at-secondary: var(--theme-secondary, var(--paper-red-800));
--at-blue: var(--theme-blue, var(--paper-blue-500));
--at-green: var(--theme-green, var(--paper-green-500));
--at-orange: var(--theme-orange, var(--paper-orange-500));
--at-pink: var(--theme-pink, var(--paper-pink-500));
--at-purple: var(--theme-purple, var(--paper-purple-500));
--at-red: var(--theme-red, var(--paper-red-500));
--at-teal: var(--theme-teal, var(--paper-teal-500));
--at-yellow: var(--theme-yellow, var(--paper-yellow-500));
--at-grey: var(--theme-grey, var(--paper-grey-500));
--at-white: var(--theme-white, #ffffff);
--at-black: var(--theme-black, #000000);
--at-light-blue: var(--theme-light-blue, var(--paper-blue-300));
--at-light-green: var(--theme-light-green, var(--paper-green-300));
--at-light-orange: var(--theme-light-orange, var(--paper-orange-300));
--at-light-pink: var(--theme-light-pink, var(--paper-pink-300));
--at-light-purple: var(--theme-light-purple, var(--paper-purple-300));
--at-light-red: var(--theme-light-red, var(--paper-red-300));
--at-light-teal: var(--theme-light-teal, var(--paper-teal-300));
--at-light-yellow: var(--theme-light-yellow, var(--paper-yellow-300));
--at-light-grey: var(--theme-light-grey, var(--paper-grey-300));
--at-background-text-color: var(--theme-background-text-color, var(--dark-theme-text-color));
--at-success: var(--theme-success, var(--at-light-green));
--at-info: var(--theme-info, var(--at-light-blue));
--at-error: var(--theme-error, var(--at-light-red));
--at-warning: var(--theme-warning, var(--at-light-orange));
--at-disabled: var(--theme-disabled, #9b9b9b);
--at-divider: var(--theme-divider, #dbdbdb);
/* default theme has light background */
--at-divider-opacity: var(--theme-divider-opacity, var(--dark-divider-opacity));
--at-disabled-opacity: var(--theme-disabled-opacity, var(--dark-disabled-opacity)); /* or hint text or icon */
--at-secondary-opacity: var(--theme-secondary-opacity, var(--dark-secondary-opacity));
--at-primary-opacity: var(--theme-primary-opacity, var(--dark-primary-opacity));
/* text colors */
--at-text-primary: var(--theme-text-primary, var(--primary-text-color));
--at-text-secondary: var(--theme-text-secondary, var(--secondary-text-color));
--at-text-light: var(--theme-text-light, var(--paper-grey-500));
/* background color */
--at-list-hover-background-color: var(--theme-list-hover-background-color, #dedfe2);
--at-selected-background-color: var(--theme-selected-background-color, #eef2fa);
/* card */
--at-card-background: var(--theme-card-background, #fff);
--at-card-border: var(--theme-card-border, inherit);
--at-card-margin: var(--theme-card-margin, inherit);
--at-card-padding: var(--theme-card-padding, inherit);
--at-card-border-radius: var(--theme-card-border-radius, 0px);
--at-card-box-shadow: var(--theme-card-box-shadow, rgba(0, 0, 0, 0.098) 0px 2px 4px, rgba(0, 0, 0, 0.1) 0px 0px 3px);
/* override for paper */
--paper-radio-group-item-padding: 8px;
}
</style>
</custom-style>