@operato/input 7.0.0-rc.9 → 7.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.storybook/preview.js +52 -0
- package/CHANGELOG.md +45 -0
- package/dist/src/ox-input-color.js +2 -0
- package/dist/src/ox-input-color.js.map +1 -1
- package/dist/src/ox-input-crontab.js +1 -1
- package/dist/src/ox-input-crontab.js.map +1 -1
- package/dist/src/ox-input-duration.js +2 -2
- package/dist/src/ox-input-duration.js.map +1 -1
- package/dist/src/ox-input-hashtags.js +2 -2
- package/dist/src/ox-input-hashtags.js.map +1 -1
- package/dist/src/ox-input-key-values.js +3 -3
- package/dist/src/ox-input-key-values.js.map +1 -1
- package/dist/src/ox-input-mass-fraction.js +2 -2
- package/dist/src/ox-input-mass-fraction.js.map +1 -1
- package/dist/src/ox-input-options.js +2 -2
- package/dist/src/ox-input-options.js.map +1 -1
- package/dist/src/ox-input-partition-keys.js +3 -3
- package/dist/src/ox-input-partition-keys.js.map +1 -1
- package/dist/src/ox-input-unit-number.js +1 -1
- package/dist/src/ox-input-unit-number.js.map +1 -1
- package/dist/src/ox-input-value-map.js +3 -3
- package/dist/src/ox-input-value-map.js.map +1 -1
- package/dist/src/ox-input-value-ranges.js +3 -3
- package/dist/src/ox-input-value-ranges.js.map +1 -1
- package/dist/src/ox-input-work-shift.js +3 -3
- package/dist/src/ox-input-work-shift.js.map +1 -1
- package/dist/stories/ox-buttons-radio.stories.d.ts +0 -5
- package/dist/stories/ox-buttons-radio.stories.js +3 -9
- package/dist/stories/ox-buttons-radio.stories.js.map +1 -1
- package/dist/stories/ox-checkbox.stories.d.ts +0 -5
- package/dist/stories/ox-checkbox.stories.js +3 -9
- package/dist/stories/ox-checkbox.stories.js.map +1 -1
- package/dist/stories/ox-input-3axis.stories.d.ts +0 -5
- package/dist/stories/ox-input-3axis.stories.js +2 -7
- package/dist/stories/ox-input-3axis.stories.js.map +1 -1
- package/dist/stories/ox-input-3dish.stories.d.ts +0 -5
- package/dist/stories/ox-input-3dish.stories.js +2 -7
- package/dist/stories/ox-input-3dish.stories.js.map +1 -1
- package/dist/stories/ox-input-angle.stories.d.ts +0 -5
- package/dist/stories/ox-input-angle.stories.js +2 -7
- package/dist/stories/ox-input-angle.stories.js.map +1 -1
- package/dist/stories/ox-input-barcode.stories.d.ts +0 -5
- package/dist/stories/ox-input-barcode.stories.js +2 -7
- package/dist/stories/ox-input-barcode.stories.js.map +1 -1
- package/dist/stories/ox-input-code.stories.d.ts +0 -5
- package/dist/stories/ox-input-code.stories.js +2 -7
- package/dist/stories/ox-input-code.stories.js.map +1 -1
- package/dist/stories/ox-input-crontab.stories.d.ts +0 -5
- package/dist/stories/ox-input-crontab.stories.js +2 -7
- package/dist/stories/ox-input-crontab.stories.js.map +1 -1
- package/dist/stories/ox-input-data.stories.d.ts +0 -5
- package/dist/stories/ox-input-data.stories.js +2 -8
- package/dist/stories/ox-input-data.stories.js.map +1 -1
- package/dist/stories/ox-input-direction.stories.d.ts +0 -5
- package/dist/stories/ox-input-direction.stories.js +2 -7
- package/dist/stories/ox-input-direction.stories.js.map +1 -1
- package/dist/stories/ox-input-duration.stories.d.ts +0 -5
- package/dist/stories/ox-input-duration.stories.js +2 -7
- package/dist/stories/ox-input-duration.stories.js.map +1 -1
- package/dist/stories/ox-input-file.stories.d.ts +0 -5
- package/dist/stories/ox-input-file.stories.js +2 -7
- package/dist/stories/ox-input-file.stories.js.map +1 -1
- package/dist/stories/ox-input-hashtags.stories.d.ts +0 -5
- package/dist/stories/ox-input-hashtags.stories.js +2 -7
- package/dist/stories/ox-input-hashtags.stories.js.map +1 -1
- package/dist/stories/ox-input-i18n-label.stories.d.ts +0 -5
- package/dist/stories/ox-input-i18n-label.stories.js +2 -7
- package/dist/stories/ox-input-i18n-label.stories.js.map +1 -1
- package/dist/stories/ox-input-key-values.stories.d.ts +0 -5
- package/dist/stories/ox-input-key-values.stories.js +2 -7
- package/dist/stories/ox-input-key-values.stories.js.map +1 -1
- package/dist/stories/ox-input-mass-fraction.stories.d.ts +0 -5
- package/dist/stories/ox-input-mass-fraction.stories.js +2 -7
- package/dist/stories/ox-input-mass-fraction.stories.js.map +1 -1
- package/dist/stories/ox-input-multiple-colors.stories.d.ts +0 -5
- package/dist/stories/ox-input-multiple-colors.stories.js +2 -7
- package/dist/stories/ox-input-multiple-colors.stories.js.map +1 -1
- package/dist/stories/ox-input-options.stories.d.ts +0 -5
- package/dist/stories/ox-input-options.stories.js +2 -7
- package/dist/stories/ox-input-options.stories.js.map +1 -1
- package/dist/stories/ox-input-partition-keys.stories.d.ts +0 -5
- package/dist/stories/ox-input-partition-keys.stories.js +2 -7
- package/dist/stories/ox-input-partition-keys.stories.js.map +1 -1
- package/dist/stories/ox-input-privilege.stories.d.ts +0 -5
- package/dist/stories/ox-input-privilege.stories.js +2 -7
- package/dist/stories/ox-input-privilege.stories.js.map +1 -1
- package/dist/stories/ox-input-quantifier.stories.d.ts +0 -5
- package/dist/stories/ox-input-quantifier.stories.js +2 -7
- package/dist/stories/ox-input-quantifier.stories.js.map +1 -1
- package/dist/stories/ox-input-range.stories.d.ts +0 -5
- package/dist/stories/ox-input-range.stories.js +2 -7
- package/dist/stories/ox-input-range.stories.js.map +1 -1
- package/dist/stories/ox-input-search.stories.d.ts +0 -5
- package/dist/stories/ox-input-search.stories.js +2 -7
- package/dist/stories/ox-input-search.stories.js.map +1 -1
- package/dist/stories/ox-input-select-buttons.stories.d.ts +0 -5
- package/dist/stories/ox-input-select-buttons.stories.js +2 -7
- package/dist/stories/ox-input-select-buttons.stories.js.map +1 -1
- package/dist/stories/ox-input-table-column-config.stories.d.ts +0 -5
- package/dist/stories/ox-input-table-column-config.stories.js +2 -7
- package/dist/stories/ox-input-table-column-config.stories.js.map +1 -1
- package/dist/stories/ox-input-unit.stories.d.ts +0 -5
- package/dist/stories/ox-input-unit.stories.js +2 -7
- package/dist/stories/ox-input-unit.stories.js.map +1 -1
- package/dist/stories/ox-input-value-map.stories.d.ts +0 -5
- package/dist/stories/ox-input-value-map.stories.js +2 -7
- package/dist/stories/ox-input-value-map.stories.js.map +1 -1
- package/dist/stories/ox-input-value-ranges.stories.d.ts +0 -5
- package/dist/stories/ox-input-value-ranges.stories.js +2 -7
- package/dist/stories/ox-input-value-ranges.stories.js.map +1 -1
- package/dist/stories/ox-input-work-shift.stories.d.ts +0 -5
- package/dist/stories/ox-input-work-shift.stories.js +2 -7
- package/dist/stories/ox-input-work-shift.stories.js.map +1 -1
- package/dist/stories/ox-select-set-options.stories.d.ts +0 -5
- package/dist/stories/ox-select-set-options.stories.js +2 -7
- package/dist/stories/ox-select-set-options.stories.js.map +1 -1
- package/dist/stories/ox-select.stories.d.ts +0 -5
- package/dist/stories/ox-select.stories.js +2 -7
- package/dist/stories/ox-select.stories.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +7 -7
- package/src/ox-input-color.ts +2 -0
- package/src/ox-input-crontab.ts +1 -1
- package/src/ox-input-duration.ts +2 -2
- package/src/ox-input-hashtags.ts +2 -2
- package/src/ox-input-key-values.ts +3 -3
- package/src/ox-input-mass-fraction.ts +2 -2
- package/src/ox-input-options.ts +2 -2
- package/src/ox-input-partition-keys.ts +3 -3
- package/src/ox-input-unit-number.ts +1 -1
- package/src/ox-input-value-map.ts +3 -3
- package/src/ox-input-value-ranges.ts +3 -3
- package/src/ox-input-work-shift.ts +3 -3
- package/stories/ox-buttons-radio.stories.ts +3 -10
- package/stories/ox-checkbox.stories.ts +3 -12
- package/stories/ox-input-3axis.stories.ts +2 -8
- package/stories/ox-input-3dish.stories.ts +2 -8
- package/stories/ox-input-angle.stories.ts +2 -8
- package/stories/ox-input-barcode.stories.ts +2 -9
- package/stories/ox-input-code.stories.ts +2 -9
- package/stories/ox-input-crontab.stories.ts +2 -13
- package/stories/ox-input-data.stories.ts +2 -9
- package/stories/ox-input-direction.stories.ts +2 -8
- package/stories/ox-input-duration.stories.ts +2 -8
- package/stories/ox-input-file.stories.ts +2 -9
- package/stories/ox-input-hashtags.stories.ts +2 -14
- package/stories/ox-input-i18n-label.stories.ts +2 -8
- package/stories/ox-input-key-values.stories.ts +2 -14
- package/stories/ox-input-mass-fraction.stories.ts +2 -9
- package/stories/ox-input-multiple-colors.stories.ts +2 -8
- package/stories/ox-input-options.stories.ts +2 -8
- package/stories/ox-input-partition-keys.stories.ts +2 -13
- package/stories/ox-input-privilege.stories.ts +2 -14
- package/stories/ox-input-quantifier.stories.ts +2 -8
- package/stories/ox-input-range.stories.ts +2 -9
- package/stories/ox-input-search.stories.ts +2 -9
- package/stories/ox-input-select-buttons.stories.ts +2 -9
- package/stories/ox-input-table-column-config.stories.ts +2 -13
- package/stories/ox-input-unit.stories.ts +2 -9
- package/stories/ox-input-value-map.stories.ts +2 -9
- package/stories/ox-input-value-ranges.stories.ts +2 -9
- package/stories/ox-input-work-shift.stories.ts +2 -8
- package/stories/ox-select-set-options.stories.ts +2 -9
- package/stories/ox-select.stories.ts +2 -9
- package/themes/app-theme.css +138 -0
- package/themes/calendar-theme.css +59 -0
- package/themes/dark.css +0 -100
- package/themes/grist-theme.css +44 -40
- package/themes/layout-theme.css +94 -0
- package/themes/light.css +3 -103
- package/themes/material-theme.css +23 -0
- package/themes/oops-theme.css +22 -0
- package/themes/report-theme.css +47 -0
- package/themes/spacing.css +7 -27
- package/themes/state-color.css +1 -1
- package/themes/tooltip-theme.css +11 -0
- package/themes/dark-hc.css +0 -151
- package/themes/dark-mc.css +0 -151
- package/themes/light-hc.css +0 -151
- package/themes/light-mc.css +0 -151
@@ -0,0 +1,94 @@
|
|
1
|
+
body {
|
2
|
+
--header-bar-background-color: var(--md-sys-color-primary);
|
3
|
+
--header-bar-icon-size: var(--icon-default-size);
|
4
|
+
--header-bar-title: bold 17.5px var(--theme-font);
|
5
|
+
--header-bar-color: var(--md-sys-color-on-primary);
|
6
|
+
--header-bar-height: 45px;
|
7
|
+
|
8
|
+
--nav-bar-background-color: var(--md-sys-color-primary-container);
|
9
|
+
|
10
|
+
--group-bar-background-color: var(--md-sys-color-secondary-container);
|
11
|
+
--group-bar-textbutton: 16px/32px var(--theme-font);
|
12
|
+
--group-bar-textbutton-active: bold var(--group-bar-textbutton);
|
13
|
+
--group-bar-active-line-color: var(--md-sys-color-on-secondary-container);
|
14
|
+
--group-bar-line: solid 3px rgba(0, 0, 0, 0.2);
|
15
|
+
|
16
|
+
--footer-bar-border-top: 1px solid rgba(0, 0, 0, 0.2);
|
17
|
+
|
18
|
+
--aside-background-color: var(--md-sys-color-secondary-container);
|
19
|
+
--aside-list-textbtton: 18px var(--theme-font);
|
20
|
+
--aside-list-icon: var(--icon-default-size);
|
21
|
+
--aside-list-bottom-line: var(--md-sys-color-outline);
|
22
|
+
--aside-list-detail-background-color: #fff;
|
23
|
+
--aside-list-detail-text: 14px var(--md-sys-color-on-secondary-container);
|
24
|
+
|
25
|
+
--footer-bar-border-top: 1px solid rgba(0, 0, 0, 0.2);
|
26
|
+
|
27
|
+
--button-container-margin: inintial;
|
28
|
+
--button-container-padding: 0 var(--padding-default) var(--padding-wide) var(--padding-default);
|
29
|
+
--button-container-background: transparent;
|
30
|
+
--button-container-height: initial;
|
31
|
+
--button-container-align: right;
|
32
|
+
--button-container-button-background-color: var(--md-sys-color-secondary);
|
33
|
+
--button-container-button-border-radius: var(--button-border-radius);
|
34
|
+
--button-container-button-margin: var(--button-margin);
|
35
|
+
--button-container-button-font: bold var(--fontsize-large) var(--theme-font);
|
36
|
+
--button-container-button-color: var(--md-sys-color-on-primary);
|
37
|
+
--button-container-button-height: initial;
|
38
|
+
--button-container-button-border: var(--button-border);
|
39
|
+
|
40
|
+
--popup-content-background-color: var(--md-sys-color-background);
|
41
|
+
--popup-content-color: var(--md-sys-color-on-background);
|
42
|
+
--popup-content-padding: 10px 20px;
|
43
|
+
|
44
|
+
/* components - floating overlay style */
|
45
|
+
--overlay-center-small-width: 30%;
|
46
|
+
--overlay-center-small-height: 30%;
|
47
|
+
--overlay-center-normal-width: 50%;
|
48
|
+
--overlay-center-normal-height: 50%;
|
49
|
+
--overlay-center-large-width: 75%;
|
50
|
+
--overlay-center-large-height: 75%;
|
51
|
+
--overlay-header-height: var(--header-bar-height);
|
52
|
+
--overlay-header-background-color: var(--header-bar-background-color);
|
53
|
+
--overlay-header-color: #fff;
|
54
|
+
--overlay-header-font: var(--header-bar-title);
|
55
|
+
--overlay-background-color: rgba(0, 0, 0, 0.5);
|
56
|
+
--overlay-margin-bottom: 0px;
|
57
|
+
|
58
|
+
/* components - resize splitter style */
|
59
|
+
--splitter-background-color: rgba(0, 0, 0, 0.1);
|
60
|
+
--splitter-hover-background-color: rgba(0, 0, 0, 0.1);
|
61
|
+
}
|
62
|
+
|
63
|
+
@media only screen and (max-width: 460px) {
|
64
|
+
body {
|
65
|
+
--button-container-margin: 0 -15px;
|
66
|
+
--button-container-padding: 0 0 0 0;
|
67
|
+
--button-container-background: #586272;
|
68
|
+
--button-container-height: 50px;
|
69
|
+
--button-container-align: right;
|
70
|
+
--button-container-button-background-color: transparent;
|
71
|
+
--button-container-button-border-radius: 0;
|
72
|
+
--button-container-button-margin: 0;
|
73
|
+
--button-container-button-height: 50px;
|
74
|
+
--button-container-button-border: 1px solid rgba(0, 0, 0, 0.1);
|
75
|
+
|
76
|
+
--overlay-center-small-width: 100%;
|
77
|
+
--overlay-center-small-height: 100%;
|
78
|
+
--overlay-center-normal-width: 100%;
|
79
|
+
--overlay-center-normal-height: 100%;
|
80
|
+
--overlay-center-large-width: 100%;
|
81
|
+
--overlay-center-large-height: 100%;
|
82
|
+
}
|
83
|
+
}
|
84
|
+
|
85
|
+
@media (min-width: 461px) and (max-width: 1024px) {
|
86
|
+
body {
|
87
|
+
--overlay-center-small-width: 40%;
|
88
|
+
--overlay-center-small-height: 40%;
|
89
|
+
--overlay-center-normal-width: 60%;
|
90
|
+
--overlay-center-normal-height: 60%;
|
91
|
+
--overlay-center-large-width: 80%;
|
92
|
+
--overlay-center-large-height: 80%;
|
93
|
+
}
|
94
|
+
}
|
package/themes/light.css
CHANGED
@@ -22,7 +22,7 @@
|
|
22
22
|
--md-sys-color-on-surface: rgb(26 27 33);
|
23
23
|
--md-sys-color-surface-variant: rgb(225 226 236);
|
24
24
|
--md-sys-color-on-surface-variant: rgb(69 70 79);
|
25
|
-
--md-sys-color-outline: rgba(0,0,0
|
25
|
+
--md-sys-color-outline: rgba(0, 0, 0, 0.25);
|
26
26
|
--md-sys-color-outline-variant: rgb(197 198 208);
|
27
27
|
--md-sys-color-shadow: rgb(0 0 0);
|
28
28
|
--md-sys-color-scrim: rgb(0 0 0);
|
@@ -37,9 +37,9 @@
|
|
37
37
|
--md-sys-color-on-secondary-fixed: rgb(0 30 44);
|
38
38
|
--md-sys-color-secondary-fixed-dim: rgb(143 207 243);
|
39
39
|
--md-sys-color-on-secondary-fixed-variant: rgb(0 76 104);
|
40
|
-
--md-sys-color-tertiary-fixed: #
|
40
|
+
--md-sys-color-tertiary-fixed: #e5f6da;
|
41
41
|
--md-sys-color-on-tertiary-fixed: #005234;
|
42
|
-
--md-sys-color-tertiary-fixed-dim: #
|
42
|
+
--md-sys-color-tertiary-fixed-dim: #c8eabc;
|
43
43
|
--md-sys-color-on-tertiary-fixed-variant: #005234;
|
44
44
|
--md-sys-color-surface-dim: rgb(218 217 224);
|
45
45
|
--md-sys-color-surface-bright: rgb(250 248 255);
|
@@ -48,104 +48,4 @@
|
|
48
48
|
--md-sys-color-surface-container: rgb(238 237 244);
|
49
49
|
--md-sys-color-surface-container-high: rgb(232 231 239);
|
50
50
|
--md-sys-color-surface-container-highest: rgb(227 226 233);
|
51
|
-
|
52
|
-
/* primary palette */
|
53
|
-
--md-ref-palette-primary0:#000000;
|
54
|
-
--md-ref-palette-primary5:#000E32;
|
55
|
-
--md-ref-palette-primary10:#001848;
|
56
|
-
--md-ref-palette-primary15:#00215E;
|
57
|
-
--md-ref-palette-primary20:#002B74;
|
58
|
-
--md-ref-palette-primary25:#002B74;
|
59
|
-
--md-ref-palette-primary30:#0040A2;
|
60
|
-
--md-ref-palette-primary35:#002B74;
|
61
|
-
--md-ref-palette-primary40:#1957CA;
|
62
|
-
--md-ref-palette-primary50:#3E71E5;
|
63
|
-
--md-ref-palette-primary60:#5C8BFF;
|
64
|
-
--md-ref-palette-primary70:#89A9FF;
|
65
|
-
--md-ref-palette-primary80:#B2C5FF;
|
66
|
-
--md-ref-palette-primary90:#DAE2FF;
|
67
|
-
--md-ref-palette-primary95:#EEF0FF;
|
68
|
-
--md-ref-palette-primary98:#FAF8FF;
|
69
|
-
--md-ref-palette-primary99:#FEFBFF;
|
70
|
-
--md-ref-palette-primary100:#FFFFFF;
|
71
|
-
|
72
|
-
/* secondary palette */
|
73
|
-
--md-ref-palette-secondary0:#000000;
|
74
|
-
--md-ref-palette-secondary5:#00131D;
|
75
|
-
--md-ref-palette-secondary10:#001E2C;
|
76
|
-
--md-ref-palette-secondary15:#00293A;
|
77
|
-
--md-ref-palette-secondary20:#003549;
|
78
|
-
--md-ref-palette-secondary25:#004058;
|
79
|
-
--md-ref-palette-secondary30:#004C68;
|
80
|
-
--md-ref-palette-secondary35:#005978;
|
81
|
-
--md-ref-palette-secondary40:#006689;
|
82
|
-
--md-ref-palette-secondary50:#0080AC;
|
83
|
-
--md-ref-palette-secondary60:#009BCF;
|
84
|
-
--md-ref-palette-secondary70:#00B8F4;
|
85
|
-
--md-ref-palette-secondary80:#79D1FF;
|
86
|
-
--md-ref-palette-secondary90:#C3E8FF;
|
87
|
-
--md-ref-palette-secondary95:#E3F3FF;
|
88
|
-
--md-ref-palette-secondary98:#F5FAFF;
|
89
|
-
--md-ref-palette-secondary99:#FBFCFF;
|
90
|
-
--md-ref-palette-secondary100:#FFFFFF;
|
91
|
-
|
92
|
-
/* tertiary palette */
|
93
|
-
--md-ref-palette-tertiary0:#000000;
|
94
|
-
--md-ref-palette-tertiary5:#00150A;
|
95
|
-
--md-ref-palette-tertiary10:#002113;
|
96
|
-
--md-ref-palette-tertiary15:#002C1B;
|
97
|
-
--md-ref-palette-tertiary20:#003823;
|
98
|
-
--md-ref-palette-tertiary25:#00452B;
|
99
|
-
--md-ref-palette-tertiary30:#005234;
|
100
|
-
--md-ref-palette-tertiary35:#005F3E;
|
101
|
-
--md-ref-palette-tertiary40:#006C47;
|
102
|
-
--md-ref-palette-tertiary50:#00885A;
|
103
|
-
--md-ref-palette-tertiary60:#31A372;
|
104
|
-
--md-ref-palette-tertiary70:#51BF8B;
|
105
|
-
--md-ref-palette-tertiary80:#6EDBA5;
|
106
|
-
--md-ref-palette-tertiary90:#A2F4C7;
|
107
|
-
--md-ref-palette-tertiary95:#BFFFD9;
|
108
|
-
--md-ref-palette-tertiary98:#E8FFEF;
|
109
|
-
--md-ref-palette-tertiary99:#F4FFF5;
|
110
|
-
--md-ref-palette-tertiary100:#FFFFFF;
|
111
|
-
|
112
|
-
/* error palette */
|
113
|
-
--md-ref-palette-error0:#000000;
|
114
|
-
--md-ref-palette-error5:#2d0102;
|
115
|
-
--md-ref-palette-error10:#410304;
|
116
|
-
--md-ref-palette-error15:#540507;
|
117
|
-
--md-ref-palette-error20:#68070a;
|
118
|
-
--md-ref-palette-error25:#7d0b0e;
|
119
|
-
--md-ref-palette-error30:#930f14;
|
120
|
-
--md-ref-palette-error35:#a91319;
|
121
|
-
--md-ref-palette-error40:#bc1620;
|
122
|
-
--md-ref-palette-error50:#e03236;
|
123
|
-
--md-ref-palette-error60:#ff5450;
|
124
|
-
--md-ref-palette-error70:#ff8982;
|
125
|
-
--md-ref-palette-error80:#ffb3ad;
|
126
|
-
--md-ref-palette-error90:#ffdad7;
|
127
|
-
--md-ref-palette-error95:#ffedeb;
|
128
|
-
--md-ref-palette-error98:#fff8f7;
|
129
|
-
--md-ref-palette-error99:#fffbff;
|
130
|
-
--md-ref-palette-error100:#FFFFFF;
|
131
|
-
|
132
|
-
/* neutral palette */
|
133
|
-
--md-ref-palette-neutral0:#000000;
|
134
|
-
--md-ref-palette-neutral5:#111111;
|
135
|
-
--md-ref-palette-neutral10:#1C1C1C;
|
136
|
-
--md-ref-palette-neutral15:#262626;
|
137
|
-
--md-ref-palette-neutral20:#313131;
|
138
|
-
--md-ref-palette-neutral25:#3C3C3C;
|
139
|
-
--md-ref-palette-neutral30:#474747;
|
140
|
-
--md-ref-palette-neutral35:#535353;
|
141
|
-
--md-ref-palette-neutral40:#5F5F5F;
|
142
|
-
--md-ref-palette-neutral50:#787878;
|
143
|
-
--md-ref-palette-neutral60:#929292;
|
144
|
-
--md-ref-palette-neutral70:#ACACAC;
|
145
|
-
--md-ref-palette-neutral80:#C8C8C8;
|
146
|
-
--md-ref-palette-neutral90:#E4E4E4;
|
147
|
-
--md-ref-palette-neutral95:#F0F0F0;
|
148
|
-
--md-ref-palette-neutral98:#F9F9F9;
|
149
|
-
--md-ref-palette-neutral99:#FEFEFE;
|
150
|
-
--md-ref-palette-neutral100:#FFFFFF;
|
151
51
|
}
|
@@ -0,0 +1,23 @@
|
|
1
|
+
body {
|
2
|
+
font-variation-settings: 'FILL' 1;
|
3
|
+
|
4
|
+
/* shape corner */
|
5
|
+
--md-sys-shape-corner-none: 0px;
|
6
|
+
--md-sys-shape-corner-small: 5px;
|
7
|
+
--md-sys-shape-corner-medium: 10px;
|
8
|
+
--md-sys-shape-corner-large: 30px;
|
9
|
+
--md-sys-shape-corner-full: 999px;
|
10
|
+
|
11
|
+
/* md-switch */
|
12
|
+
--md-switch-selected-handle-color: var(--md-sys-color-on-primary);
|
13
|
+
--md-switch-selected-track-color: var(--md-sys-color-primary);
|
14
|
+
|
15
|
+
/* md component shapes */
|
16
|
+
--md-switch-handle-shape: var(--md-sys-shape-corner-full);
|
17
|
+
--md-switch-track-shape: var(--md-sys-shape-corner-full);
|
18
|
+
--md-filter-chip-container-shape: var(--md-sys-shape-corner-full);
|
19
|
+
--md-text-button-container-shape: var(--md-sys-shape-corner-small);
|
20
|
+
--md-filled-button-container-shape: var(--md-sys-shape-corner-small);
|
21
|
+
--md-outlined-button-container-shape: var(--md-sys-shape-corner-small);
|
22
|
+
--md-elevated-button-container-shape: var(--md-sys-shape-corner-small);
|
23
|
+
}
|
@@ -0,0 +1,22 @@
|
|
1
|
+
body {
|
2
|
+
/* oops note style */
|
3
|
+
--oops-note-icon-font: normal 24px var(--md-icon-font, 'Material Symbols Outlined');
|
4
|
+
--oops-note-icon-color: var(--md-sys-color-on-surface);
|
5
|
+
--oops-note-icon-border: 2px solid var(--md-sys-color-outline);
|
6
|
+
--oops-note-icon-border-radius: 50px;
|
7
|
+
--oops-note-icon-padding: var(--padding-default);
|
8
|
+
--oops-note-title-margin: 7px 0 2px 0;
|
9
|
+
--oops-note-title-font: bold 14px var(--theme-font);
|
10
|
+
--oops-note-title-color: var(--md-sys-color-secondary);
|
11
|
+
--oops-note-description-font: normal 12px var(--theme-font);
|
12
|
+
--oops-note-description-color: var(--md-sys-color-primary);
|
13
|
+
}
|
14
|
+
@media only screen and (max-width: 460px) {
|
15
|
+
body {
|
16
|
+
--oops-note-icon-padding: var(--padding-narrow);
|
17
|
+
--oops-note-icon-font: normal 18px var(--md-icon-font, 'Material Symbols Outlined');
|
18
|
+
--oops-note-title-font: bold 13px var(--theme-font);
|
19
|
+
--oops-note-title-margin: var(--margin-narrow) 0 2px 0;
|
20
|
+
--oops-note-description-font: normal 0px var(--theme-font);
|
21
|
+
}
|
22
|
+
}
|
@@ -0,0 +1,47 @@
|
|
1
|
+
body {
|
2
|
+
--report-background-color: var(--md-sys-color-background);
|
3
|
+
--report-padding: 15px;
|
4
|
+
--report-title-margin: 0 0 0 10px;
|
5
|
+
--report-title-border: none;
|
6
|
+
--report-title-color: var(--md-sys-color-secondary);
|
7
|
+
--report-title-icon-color: var(--md-sys-color-primary);
|
8
|
+
--report-title-icon-margin: 0 3px 2px 0;
|
9
|
+
--report-title-icon-size: 14px;
|
10
|
+
--report-title-with-grid-padding: 0;
|
11
|
+
--report-component-border-radius: var(--border-radius);
|
12
|
+
|
13
|
+
--report-header-background-color: var(--md-sys-color-surface);
|
14
|
+
--report-header-border: 1px solid var(--report-header-border-color);
|
15
|
+
--report-header-border-color: var(--md-sys-color-outline);
|
16
|
+
--report-header-padding: 5px 0 5px 5px;
|
17
|
+
--report-header-color: var(--secondary-text-color);
|
18
|
+
--report-header-font: normal 1em/1.5 var(--theme-font);
|
19
|
+
--report-header-fontsize: 13px;
|
20
|
+
|
21
|
+
--report-record-background-color: #fff;
|
22
|
+
--report-record-odd-background-color: #f6f6f6;
|
23
|
+
--report-record-field-padding: 7px 10px;
|
24
|
+
--report-record-field-border-bottom: 1px solid rgba(0, 0, 0, 0.1);
|
25
|
+
--report-record-wide-fontsize: 13px;
|
26
|
+
--report-record-focused-background-color: #ffde3b47;
|
27
|
+
--report-record-focused-border: 1px dashed rgba(0, 0, 0, 0.5);
|
28
|
+
|
29
|
+
--report-totalized-background-color: #efefef;
|
30
|
+
--report-totalized-border: 1px solid rgba(0, 0, 0, 0.1);
|
31
|
+
--report-totalized-color: var(--secondary-text-color);
|
32
|
+
|
33
|
+
--report-grouped-background-color: #607d8bbf;
|
34
|
+
--report-grouped-border: 1px solid rgba(0, 0, 0, 0.2);
|
35
|
+
--report-grouped-color: #fff;
|
36
|
+
}
|
37
|
+
|
38
|
+
@media print {
|
39
|
+
body {
|
40
|
+
--report-header-padding: 5px;
|
41
|
+
--report-record-field-padding: 5px;
|
42
|
+
--report-record-wide-fontsize: 10px;
|
43
|
+
--report-grouped-background-color: #d7d7d7;
|
44
|
+
--report-grouped-color: #000;
|
45
|
+
--report-totalized-color: #000;
|
46
|
+
}
|
47
|
+
}
|
package/themes/spacing.css
CHANGED
@@ -1,4 +1,5 @@
|
|
1
1
|
:root {
|
2
|
+
/* spacing */
|
2
3
|
--spacing-none: 0px;
|
3
4
|
--spacing-tiny: 2px;
|
4
5
|
--spacing-small: 4px;
|
@@ -6,6 +7,7 @@
|
|
6
7
|
--spacing-large: 12px;
|
7
8
|
--spacing-huge: 24px;
|
8
9
|
|
10
|
+
/* icon size */
|
9
11
|
--icon-size-tiny: 14px;
|
10
12
|
--icon-size-small: 18px;
|
11
13
|
--icon-size-medium: 24px;
|
@@ -13,31 +15,9 @@
|
|
13
15
|
--icon-size-huge: 48px;
|
14
16
|
|
15
17
|
/* form element height */
|
16
|
-
--form-element-height-tiny:18px;
|
17
|
-
--form-element-height-small:24px;
|
18
|
-
--form-element-height-medium:30px;
|
19
|
-
--form-element-height-large:40px;
|
20
|
-
--form-element-height-huge:55px;
|
21
|
-
|
22
|
-
/* shape corner */
|
23
|
-
--md-sys-shape-corner-none:0px;
|
24
|
-
--md-sys-shape-corner-small:5px;
|
25
|
-
--md-sys-shape-corner-medium:10px;
|
26
|
-
--md-sys-shape-corner-large:30px;
|
27
|
-
--md-sys-shape-corner-full:999px;
|
28
|
-
|
29
|
-
/* typescale corner */
|
30
|
-
--md-sys-typescale-label-tiny-size:11px;
|
31
|
-
--md-sys-typescale-label-small-size:13px;
|
32
|
-
--md-sys-typescale-label-medium-size:14px;
|
33
|
-
--md-sys-typescale-label-large-size:18px;
|
34
|
-
--md-sys-typescale-label-huge-size:24px;
|
35
|
-
|
36
|
-
--md-sys-typescale-label-medium-line-height:1;
|
37
|
-
|
38
|
-
--md-sys-typescale-label-tiny-weight:200;
|
39
|
-
--md-sys-typescale-label-small-weight:300;
|
40
|
-
--md-sys-typescale-label-medium-weight:500;
|
41
|
-
--md-sys-typescale-label-large-weight:700;
|
42
|
-
--md-sys-typescale-label-full-weight:900;
|
18
|
+
--form-element-height-tiny: 18px;
|
19
|
+
--form-element-height-small: 24px;
|
20
|
+
--form-element-height-medium: 30px;
|
21
|
+
--form-element-height-large: 40px;
|
22
|
+
--form-element-height-huge: 55px;
|
43
23
|
}
|
package/themes/state-color.css
CHANGED
@@ -0,0 +1,11 @@
|
|
1
|
+
body {
|
2
|
+
--tooltip-padding: 4px 4px 4px 4px;
|
3
|
+
--tooltip-background-color: rgba(0, 0, 0, 0.7);
|
4
|
+
--tooltip-font: bold 11px var(--theme-font);
|
5
|
+
/*
|
6
|
+
--tooltip-left-positon-left: auto;
|
7
|
+
--tooltip-left-position-top: 7px;
|
8
|
+
--tooltip-left-position-right: 110%;
|
9
|
+
--tooltip-left-position-animation: tooltip-left 0.3s ease-out 0s 1 normal;
|
10
|
+
*/
|
11
|
+
}
|
package/themes/dark-hc.css
DELETED
@@ -1,151 +0,0 @@
|
|
1
|
-
.dark-high-contrast {
|
2
|
-
--md-sys-color-primary: rgb(252 250 255);
|
3
|
-
--md-sys-color-surface-tint: rgb(178 197 255);
|
4
|
-
--md-sys-color-on-primary: rgb(0 0 0);
|
5
|
-
--md-sys-color-primary-container: rgb(184 201 255);
|
6
|
-
--md-sys-color-on-primary-container: rgb(0 0 0);
|
7
|
-
--md-sys-color-secondary: rgb(248 251 255);
|
8
|
-
--md-sys-color-on-secondary: rgb(0 0 0);
|
9
|
-
--md-sys-color-secondary-container: rgb(147 211 247);
|
10
|
-
--md-sys-color-on-secondary-container: rgb(0 0 0);
|
11
|
-
--md-sys-color-tertiary: rgb(238 255 242);
|
12
|
-
--md-sys-color-on-tertiary: rgb(0 0 0);
|
13
|
-
--md-sys-color-tertiary-container: rgb(148 218 179);
|
14
|
-
--md-sys-color-on-tertiary-container: rgb(0 0 0);
|
15
|
-
--md-sys-color-error: rgb(255 249 249);
|
16
|
-
--md-sys-color-on-error: rgb(0 0 0);
|
17
|
-
--md-sys-color-error-container: rgb(255 185 180);
|
18
|
-
--md-sys-color-on-error-container: rgb(0 0 0);
|
19
|
-
--md-sys-color-background: rgb(18 19 24);
|
20
|
-
--md-sys-color-on-background: rgb(227 226 233);
|
21
|
-
--md-sys-color-surface: rgb(18 19 24);
|
22
|
-
--md-sys-color-on-surface: rgb(255 255 255);
|
23
|
-
--md-sys-color-surface-variant: rgb(69 70 79);
|
24
|
-
--md-sys-color-on-surface-variant: rgb(252 250 255);
|
25
|
-
--md-sys-color-outline: rgb(201 202 212);
|
26
|
-
--md-sys-color-outline-variant: rgb(201 202 212);
|
27
|
-
--md-sys-color-shadow: rgb(0 0 0);
|
28
|
-
--md-sys-color-scrim: rgb(0 0 0);
|
29
|
-
--md-sys-color-inverse-surface: rgb(227 226 233);
|
30
|
-
--md-sys-color-inverse-on-surface: rgb(0 0 0);
|
31
|
-
--md-sys-color-inverse-primary: rgb(16 39 90);
|
32
|
-
--md-sys-color-primary-fixed: rgb(224 230 255);
|
33
|
-
--md-sys-color-on-primary-fixed: rgb(0 0 0);
|
34
|
-
--md-sys-color-primary-fixed-dim: rgb(184 201 255);
|
35
|
-
--md-sys-color-on-primary-fixed-variant: rgb(0 19 61);
|
36
|
-
--md-sys-color-secondary-fixed: rgb(205 235 255);
|
37
|
-
--md-sys-color-on-secondary-fixed: rgb(0 0 0);
|
38
|
-
--md-sys-color-secondary-fixed-dim: rgb(147 211 247);
|
39
|
-
--md-sys-color-on-secondary-fixed-variant: rgb(0 25 36);
|
40
|
-
--md-sys-color-tertiary-fixed: rgb(175 246 206);
|
41
|
-
--md-sys-color-on-tertiary-fixed: rgb(0 0 0);
|
42
|
-
--md-sys-color-tertiary-fixed-dim: rgb(148 218 179);
|
43
|
-
--md-sys-color-on-tertiary-fixed-variant: rgb(0 27 14);
|
44
|
-
--md-sys-color-surface-dim: rgb(18 19 24);
|
45
|
-
--md-sys-color-surface-bright: rgb(56 57 63);
|
46
|
-
--md-sys-color-surface-container-lowest: rgb(13 14 19);
|
47
|
-
--md-sys-color-surface-container-low: rgb(26 27 33);
|
48
|
-
--md-sys-color-surface-container: rgb(30 31 37);
|
49
|
-
--md-sys-color-surface-container-high: rgb(41 42 47);
|
50
|
-
--md-sys-color-surface-container-highest: rgb(51 52 58);
|
51
|
-
|
52
|
-
/* primary palette */
|
53
|
-
--md-ref-palette-primary0:#000000;
|
54
|
-
--md-ref-palette-primary5:#000E32;
|
55
|
-
--md-ref-palette-primary10:#001848;
|
56
|
-
--md-ref-palette-primary15:#00215E;
|
57
|
-
--md-ref-palette-primary20:#002B74;
|
58
|
-
--md-ref-palette-primary25:#002B74;
|
59
|
-
--md-ref-palette-primary30:#0040A2;
|
60
|
-
--md-ref-palette-primary35:#002B74;
|
61
|
-
--md-ref-palette-primary40:#1957CA;
|
62
|
-
--md-ref-palette-primary50:#3E71E5;
|
63
|
-
--md-ref-palette-primary60:#5C8BFF;
|
64
|
-
--md-ref-palette-primary70:#89A9FF;
|
65
|
-
--md-ref-palette-primary80:#B2C5FF;
|
66
|
-
--md-ref-palette-primary90:#DAE2FF;
|
67
|
-
--md-ref-palette-primary95:#EEF0FF;
|
68
|
-
--md-ref-palette-primary98:#FAF8FF;
|
69
|
-
--md-ref-palette-primary99:#FEFBFF;
|
70
|
-
--md-ref-palette-primary100:#FFFFFF;
|
71
|
-
|
72
|
-
/* secondary palette */
|
73
|
-
--md-ref-palette-secondary0:#000000;
|
74
|
-
--md-ref-palette-secondary5:#00131D;
|
75
|
-
--md-ref-palette-secondary10:#001E2C;
|
76
|
-
--md-ref-palette-secondary15:#00293A;
|
77
|
-
--md-ref-palette-secondary20:#003549;
|
78
|
-
--md-ref-palette-secondary25:#004058;
|
79
|
-
--md-ref-palette-secondary30:#004C68;
|
80
|
-
--md-ref-palette-secondary35:#005978;
|
81
|
-
--md-ref-palette-secondary40:#006689;
|
82
|
-
--md-ref-palette-secondary50:#0080AC;
|
83
|
-
--md-ref-palette-secondary60:#009BCF;
|
84
|
-
--md-ref-palette-secondary70:#00B8F4;
|
85
|
-
--md-ref-palette-secondary80:#79D1FF;
|
86
|
-
--md-ref-palette-secondary90:#C3E8FF;
|
87
|
-
--md-ref-palette-secondary95:#E3F3FF;
|
88
|
-
--md-ref-palette-secondary98:#F5FAFF;
|
89
|
-
--md-ref-palette-secondary99:#FBFCFF;
|
90
|
-
--md-ref-palette-secondary100:#FFFFFF;
|
91
|
-
|
92
|
-
/* tertiary palette */
|
93
|
-
--md-ref-palette-tertiary0:#000000;
|
94
|
-
--md-ref-palette-tertiary5:#00150A;
|
95
|
-
--md-ref-palette-tertiary10:#002113;
|
96
|
-
--md-ref-palette-tertiary15:#002C1B;
|
97
|
-
--md-ref-palette-tertiary20:#003823;
|
98
|
-
--md-ref-palette-tertiary25:#00452B;
|
99
|
-
--md-ref-palette-tertiary30:#005234;
|
100
|
-
--md-ref-palette-tertiary35:#005F3E;
|
101
|
-
--md-ref-palette-tertiary40:#006C47;
|
102
|
-
--md-ref-palette-tertiary50:#00885A;
|
103
|
-
--md-ref-palette-tertiary60:#31A372;
|
104
|
-
--md-ref-palette-tertiary70:#51BF8B;
|
105
|
-
--md-ref-palette-tertiary80:#6EDBA5;
|
106
|
-
--md-ref-palette-tertiary90:#A2F4C7;
|
107
|
-
--md-ref-palette-tertiary95:#BFFFD9;
|
108
|
-
--md-ref-palette-tertiary98:#E8FFEF;
|
109
|
-
--md-ref-palette-tertiary99:#F4FFF5;
|
110
|
-
--md-ref-palette-tertiary100:#FFFFFF;
|
111
|
-
|
112
|
-
/* error palette */
|
113
|
-
--md-ref-palette-error0:#000000;
|
114
|
-
--md-ref-palette-error5:#2d0102;
|
115
|
-
--md-ref-palette-error10:#410304;
|
116
|
-
--md-ref-palette-error15:#540507;
|
117
|
-
--md-ref-palette-error20:#68070a;
|
118
|
-
--md-ref-palette-error25:#7d0b0e;
|
119
|
-
--md-ref-palette-error30:#930f14;
|
120
|
-
--md-ref-palette-error35:#a91319;
|
121
|
-
--md-ref-palette-error40:#bc1620;
|
122
|
-
--md-ref-palette-error50:#e03236;
|
123
|
-
--md-ref-palette-error60:#ff5450;
|
124
|
-
--md-ref-palette-error70:#ff8982;
|
125
|
-
--md-ref-palette-error80:#ffb3ad;
|
126
|
-
--md-ref-palette-error90:#ffdad7;
|
127
|
-
--md-ref-palette-error95:#ffedeb;
|
128
|
-
--md-ref-palette-error98:#fff8f7;
|
129
|
-
--md-ref-palette-error99:#fffbff;
|
130
|
-
--md-ref-palette-error100:#FFFFFF;
|
131
|
-
|
132
|
-
/* neutral palette */
|
133
|
-
--md-ref-palette-neutral0:#000000;
|
134
|
-
--md-ref-palette-neutral5:#111111;
|
135
|
-
--md-ref-palette-neutral10:#1C1C1C;
|
136
|
-
--md-ref-palette-neutral15:#262626;
|
137
|
-
--md-ref-palette-neutral20:#313131;
|
138
|
-
--md-ref-palette-neutral25:#3C3C3C;
|
139
|
-
--md-ref-palette-neutral30:#474747;
|
140
|
-
--md-ref-palette-neutral35:#535353;
|
141
|
-
--md-ref-palette-neutral40:#5F5F5F;
|
142
|
-
--md-ref-palette-neutral50:#787878;
|
143
|
-
--md-ref-palette-neutral60:#929292;
|
144
|
-
--md-ref-palette-neutral70:#ACACAC;
|
145
|
-
--md-ref-palette-neutral80:#C8C8C8;
|
146
|
-
--md-ref-palette-neutral90:#E4E4E4;
|
147
|
-
--md-ref-palette-neutral95:#F0F0F0;
|
148
|
-
--md-ref-palette-neutral98:#F9F9F9;
|
149
|
-
--md-ref-palette-neutral99:#FEFEFE;
|
150
|
-
--md-ref-palette-neutral100:#FFFFFF;
|
151
|
-
}
|
package/themes/dark-mc.css
DELETED
@@ -1,151 +0,0 @@
|
|
1
|
-
.dark-medium-contrast {
|
2
|
-
--md-sys-color-primary: rgb(184 201 255);
|
3
|
-
--md-sys-color-surface-tint: rgb(178 197 255);
|
4
|
-
--md-sys-color-on-primary: rgb(0 19 61);
|
5
|
-
--md-sys-color-primary-container: rgb(124 143 200);
|
6
|
-
--md-sys-color-on-primary-container: rgb(0 0 0);
|
7
|
-
--md-sys-color-secondary: rgb(147 211 247);
|
8
|
-
--md-sys-color-on-secondary: rgb(0 25 36);
|
9
|
-
--md-sys-color-secondary-container: rgb(88 152 186);
|
10
|
-
--md-sys-color-on-secondary-container: rgb(0 0 0);
|
11
|
-
--md-sys-color-tertiary: #cffce3;
|
12
|
-
--md-sys-color-on-tertiary: rgb(0 27 14);
|
13
|
-
--md-sys-color-tertiary-container: #005234;
|
14
|
-
--md-sys-color-on-tertiary-container: #cffce3;
|
15
|
-
--md-sys-color-error: #fbafa9;
|
16
|
-
--md-sys-color-on-error: #fe594e;
|
17
|
-
--md-sys-color-error-container: #fe594e;
|
18
|
-
--md-sys-color-on-error-container: #fbafa9;
|
19
|
-
--md-sys-color-background: rgb(18 19 24);
|
20
|
-
--md-sys-color-on-background: rgb(227 226 233);
|
21
|
-
--md-sys-color-surface: rgb(18 19 24);
|
22
|
-
--md-sys-color-on-surface: rgb(252 250 255);
|
23
|
-
--md-sys-color-surface-variant: rgb(69 70 79);
|
24
|
-
--md-sys-color-on-surface-variant: rgb(201 202 212);
|
25
|
-
--md-sys-color-outline: rgb(161 162 172);
|
26
|
-
--md-sys-color-outline-variant: rgb(129 131 140);
|
27
|
-
--md-sys-color-shadow: rgb(0 0 0);
|
28
|
-
--md-sys-color-scrim: rgb(0 0 0);
|
29
|
-
--md-sys-color-inverse-surface: rgb(227 226 233);
|
30
|
-
--md-sys-color-inverse-on-surface: rgb(41 42 47);
|
31
|
-
--md-sys-color-inverse-primary: rgb(50 70 122);
|
32
|
-
--md-sys-color-primary-fixed: rgb(218 226 255);
|
33
|
-
--md-sys-color-on-primary-fixed: rgb(0 15 51);
|
34
|
-
--md-sys-color-primary-fixed-dim: rgb(178 197 255);
|
35
|
-
--md-sys-color-on-primary-fixed-variant: rgb(31 52 102);
|
36
|
-
--md-sys-color-secondary-fixed: rgb(195 232 255);
|
37
|
-
--md-sys-color-on-secondary-fixed: rgb(0 19 29);
|
38
|
-
--md-sys-color-secondary-fixed-dim: rgb(143 207 243);
|
39
|
-
--md-sys-color-on-secondary-fixed-variant: rgb(0 59 81);
|
40
|
-
--md-sys-color-tertiary-fixed: #c7e6d5;
|
41
|
-
--md-sys-color-on-tertiary-fixed: rgb(0 21 10);
|
42
|
-
--md-sys-color-tertiary-fixed-dim: #c7e6d5;
|
43
|
-
--md-sys-color-on-tertiary-fixed-variant: rgb(0 63 39);
|
44
|
-
--md-sys-color-surface-dim: rgb(18 19 24);
|
45
|
-
--md-sys-color-surface-bright: rgb(56 57 63);
|
46
|
-
--md-sys-color-surface-container-lowest: rgb(13 14 19);
|
47
|
-
--md-sys-color-surface-container-low: rgb(26 27 33);
|
48
|
-
--md-sys-color-surface-container: rgb(30 31 37);
|
49
|
-
--md-sys-color-surface-container-high: rgb(41 42 47);
|
50
|
-
--md-sys-color-surface-container-highest: rgb(51 52 58);
|
51
|
-
|
52
|
-
/* primary palette */
|
53
|
-
--md-ref-palette-primary0:#000000;
|
54
|
-
--md-ref-palette-primary5:#000E32;
|
55
|
-
--md-ref-palette-primary10:#001848;
|
56
|
-
--md-ref-palette-primary15:#00215E;
|
57
|
-
--md-ref-palette-primary20:#002B74;
|
58
|
-
--md-ref-palette-primary25:#002B74;
|
59
|
-
--md-ref-palette-primary30:#0040A2;
|
60
|
-
--md-ref-palette-primary35:#002B74;
|
61
|
-
--md-ref-palette-primary40:#1957CA;
|
62
|
-
--md-ref-palette-primary50:#3E71E5;
|
63
|
-
--md-ref-palette-primary60:#5C8BFF;
|
64
|
-
--md-ref-palette-primary70:#89A9FF;
|
65
|
-
--md-ref-palette-primary80:#B2C5FF;
|
66
|
-
--md-ref-palette-primary90:#DAE2FF;
|
67
|
-
--md-ref-palette-primary95:#EEF0FF;
|
68
|
-
--md-ref-palette-primary98:#FAF8FF;
|
69
|
-
--md-ref-palette-primary99:#FEFBFF;
|
70
|
-
--md-ref-palette-primary100:#FFFFFF;
|
71
|
-
|
72
|
-
/* secondary palette */
|
73
|
-
--md-ref-palette-secondary0:#000000;
|
74
|
-
--md-ref-palette-secondary5:#00131D;
|
75
|
-
--md-ref-palette-secondary10:#001E2C;
|
76
|
-
--md-ref-palette-secondary15:#00293A;
|
77
|
-
--md-ref-palette-secondary20:#003549;
|
78
|
-
--md-ref-palette-secondary25:#004058;
|
79
|
-
--md-ref-palette-secondary30:#004C68;
|
80
|
-
--md-ref-palette-secondary35:#005978;
|
81
|
-
--md-ref-palette-secondary40:#006689;
|
82
|
-
--md-ref-palette-secondary50:#0080AC;
|
83
|
-
--md-ref-palette-secondary60:#009BCF;
|
84
|
-
--md-ref-palette-secondary70:#00B8F4;
|
85
|
-
--md-ref-palette-secondary80:#79D1FF;
|
86
|
-
--md-ref-palette-secondary90:#C3E8FF;
|
87
|
-
--md-ref-palette-secondary95:#E3F3FF;
|
88
|
-
--md-ref-palette-secondary98:#F5FAFF;
|
89
|
-
--md-ref-palette-secondary99:#FBFCFF;
|
90
|
-
--md-ref-palette-secondary100:#FFFFFF;
|
91
|
-
|
92
|
-
/* tertiary palette */
|
93
|
-
--md-ref-palette-tertiary0:#000000;
|
94
|
-
--md-ref-palette-tertiary5:#00150A;
|
95
|
-
--md-ref-palette-tertiary10:#002113;
|
96
|
-
--md-ref-palette-tertiary15:#002C1B;
|
97
|
-
--md-ref-palette-tertiary20:#003823;
|
98
|
-
--md-ref-palette-tertiary25:#00452B;
|
99
|
-
--md-ref-palette-tertiary30:#005234;
|
100
|
-
--md-ref-palette-tertiary35:#005F3E;
|
101
|
-
--md-ref-palette-tertiary40:#006C47;
|
102
|
-
--md-ref-palette-tertiary50:#00885A;
|
103
|
-
--md-ref-palette-tertiary60:#31A372;
|
104
|
-
--md-ref-palette-tertiary70:#51BF8B;
|
105
|
-
--md-ref-palette-tertiary80:#6EDBA5;
|
106
|
-
--md-ref-palette-tertiary90:#A2F4C7;
|
107
|
-
--md-ref-palette-tertiary95:#BFFFD9;
|
108
|
-
--md-ref-palette-tertiary98:#E8FFEF;
|
109
|
-
--md-ref-palette-tertiary99:#F4FFF5;
|
110
|
-
--md-ref-palette-tertiary100:#FFFFFF;
|
111
|
-
|
112
|
-
/* error palette */
|
113
|
-
--md-ref-palette-error0:#000000;
|
114
|
-
--md-ref-palette-error5:#2d0102;
|
115
|
-
--md-ref-palette-error10:#410304;
|
116
|
-
--md-ref-palette-error15:#540507;
|
117
|
-
--md-ref-palette-error20:#68070a;
|
118
|
-
--md-ref-palette-error25:#7d0b0e;
|
119
|
-
--md-ref-palette-error30:#930f14;
|
120
|
-
--md-ref-palette-error35:#a91319;
|
121
|
-
--md-ref-palette-error40:#bc1620;
|
122
|
-
--md-ref-palette-error50:#e03236;
|
123
|
-
--md-ref-palette-error60:#ff5450;
|
124
|
-
--md-ref-palette-error70:#ff8982;
|
125
|
-
--md-ref-palette-error80:#ffb3ad;
|
126
|
-
--md-ref-palette-error90:#ffdad7;
|
127
|
-
--md-ref-palette-error95:#ffedeb;
|
128
|
-
--md-ref-palette-error98:#fff8f7;
|
129
|
-
--md-ref-palette-error99:#fffbff;
|
130
|
-
--md-ref-palette-error100:#FFFFFF;
|
131
|
-
|
132
|
-
/* neutral palette */
|
133
|
-
--md-ref-palette-neutral0:#000000;
|
134
|
-
--md-ref-palette-neutral5:#111111;
|
135
|
-
--md-ref-palette-neutral10:#1C1C1C;
|
136
|
-
--md-ref-palette-neutral15:#262626;
|
137
|
-
--md-ref-palette-neutral20:#313131;
|
138
|
-
--md-ref-palette-neutral25:#3C3C3C;
|
139
|
-
--md-ref-palette-neutral30:#474747;
|
140
|
-
--md-ref-palette-neutral35:#535353;
|
141
|
-
--md-ref-palette-neutral40:#5F5F5F;
|
142
|
-
--md-ref-palette-neutral50:#787878;
|
143
|
-
--md-ref-palette-neutral60:#929292;
|
144
|
-
--md-ref-palette-neutral70:#ACACAC;
|
145
|
-
--md-ref-palette-neutral80:#C8C8C8;
|
146
|
-
--md-ref-palette-neutral90:#E4E4E4;
|
147
|
-
--md-ref-palette-neutral95:#F0F0F0;
|
148
|
-
--md-ref-palette-neutral98:#F9F9F9;
|
149
|
-
--md-ref-palette-neutral99:#FEFEFE;
|
150
|
-
--md-ref-palette-neutral100:#FFFFFF;
|
151
|
-
}
|