-
Notifications
You must be signed in to change notification settings - Fork 0
/
standard-styles.html
95 lines (82 loc) · 3.54 KB
/
standard-styles.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
93
94
95
<style is="custom-style">
:root{
--paper-input-container-color: var(--disabled-text-on-card-dialog-color);
--paper-input-container-focus-color: var(--primary-color);
--paper-input-container-input-color: var(--text-on-card-dialog-color);
--paper-input-prefix: {
color:var(--secondary-text-on-card-dialog-color);
};
--paper-input-suffix: {
color: var(--secondary-text-on-card-dialog-color);
};
--paper-checkbox-unchecked-color: var(--text-on-background-color);
--paper-checkbox-checkmark-color: var(--background-color);
--paper-checkbox-label-color: var(--text-on-card-dialog-color);
--paper-checkbox-checked-color: var(--primary-color);
--paper-toggle-button-label-color: var(--text-on-card-dialog-color);
--paper-toggle-button-unchecked-bar-color: var(--shade-30-on-card-dialog-color);
--paper-slider-active-color: var(--primary-color-500);
--paper-slider-knob-color: var(--primary-color-500);
--paper-slider-pin-color: var(--primary-color-500);
--paper-slider-font-color: var(--text-on-primary-color-500);
--paper-progress-container-color: var(--shade-30-on-card-dialog-color);
--paper-card: {
background-color: var(--card-dialog-color);
color: var(--text-on-card-dialog-color);
};
--paper-card-header-color: var(--text-on-card-dialog-color);
--paper-card-actions: {
border-top-color: var(--divider-on-card-dialog-color);
};
--paper-toolbar: {
background-color: var(--app-bar-color);
color: var(--text-on-app-bar-color);
};
--paper-fab-background: var(--accent-color);
--paper-fab: {
color: var(--secondary-text-on-accent-color);
};
--paper-progress-active-color: var(--primary-color);
--paper-toast-background-color: var(--inverse-card-dialog-color);
--paper-toast-color: var(--text-on-inverse-card-dialog-color);
--paper-tabs-selection-bar-color: var(--accent-color);
--paper-tab-ink: var(--text-on-primary-color);
--paper-datatable-card: {
background-color: var(--card-dialog-color);
color: var(--text-on-card-dialog-color);
};
--paper-datatable-selection-toolbar-color: var(--accent-color-50);
--paper-datatable-selection-toolbar-text-color: var(--accent-color-500);
--paper-datatable-row-selection-color: var(--shade-4-on-card-dialog-color);
--paper-datatable-row-hover-color: var(--shade-7-on-card-dialog-color);
--paper-datatable-divider-color: var(--divider-on-card-dialog-color);
--paper-datatable-column-header: {
color: var(--secondary-text-on-card-dialog-color);
};
--paper-datatable-cell: {
color: var(--text-on-card-dialog-color);
};
--paper-datatable-checkbox-border-color: var(--secondary-text-on-card-dialog-color);
--paper-datatable-header-checkbox-border-color: var(--secondary-text-on-card-dialog-color);
--paper-datatable-navigation-bar-text-color: var(--secondary-text-on-card-dialog-color);
--paper-datatable-icon-color: var(--secondary-text-on-card-dialog-color);
--paper-datatable-column-header-sorted: {
color: inherit;
};
--paper-datatable-column-header-sort-icon-hover: {
color: var(--secondary-text-on-card-dialog-color);
};
--paper-datatable-edit-dialog-color: var(--background-color);
--paper-datatable-top-toolbar-text-color: var(--text-on-card-dialog-color);
--paper-datatable-top-toolbar-icon-color: var(--secondary-text-on-card-dialog-color);
--paper-datatable-selection-toolbar-icon-color: var(--secondary-text-on-accent-color-50);
}
body {
background-color: var(--background-color);
color: var(--text-on-background-color);
}
paper-card a {
color: var(--accent-color);
text-decoration: none;
}
</style>