@yuuvis/material 2.0.4 → 2.0.6
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/package.json +1 -1
- package/scss/token/_token.scss +16 -0
package/package.json
CHANGED
package/scss/token/_token.scss
CHANGED
|
@@ -100,9 +100,14 @@ $outline: var(--mat-sys-outline);
|
|
|
100
100
|
$outline-variant: var(--mat-sys-outline-variant);
|
|
101
101
|
|
|
102
102
|
//Level (Could be used for text-color, surfaces, outlines)
|
|
103
|
+
|
|
104
|
+
// Primary color
|
|
103
105
|
$primary: var(--mat-sys-primary);
|
|
106
|
+
// Color of the text put on a primary color background
|
|
104
107
|
$on-primary: var(--mat-sys-on-primary);
|
|
108
|
+
// Primary color container (used for surfaces, outlines, text-color)
|
|
105
109
|
$primary-container: var(--mat-sys-primary-container);
|
|
110
|
+
// Color of the text put on a primary color container background
|
|
106
111
|
$on-primary-container: var(--mat-sys-on-primary-container);
|
|
107
112
|
|
|
108
113
|
//Brand (Could be used for text-color, surfaces, outlines)
|
|
@@ -110,19 +115,30 @@ $brand: light-dark(#{map.get(theme-color.$primary-palette, 'neutral', 10)}, #{ma
|
|
|
110
115
|
$on-brand: light-dark(#{map.get(theme-color.$primary-palette, 'neutral', 90)}, #{map.get(theme-color.$primary-palette, 'neutral', 90)});
|
|
111
116
|
|
|
112
117
|
//Status
|
|
118
|
+
// Color for status success, could be used for text-color, surfaces, outlines
|
|
113
119
|
$success: light-dark(#006B54, #9EE3B5); //(Could be used for text-color, outlines)
|
|
120
|
+
// Background color for status success containers
|
|
114
121
|
$success-container: #9EE3B5;
|
|
122
|
+
// Color of the text put on a success color container background
|
|
115
123
|
$on-success-container: #295C4C;
|
|
116
124
|
|
|
125
|
+
// Color for status danger, could be used for text-color, surfaces, outlines
|
|
117
126
|
$danger: var(--mat-sys-error); //(Could be used for text-color, outlines)
|
|
127
|
+
// Background color for status danger containers
|
|
118
128
|
$danger-container: var(--mat-sys-error-container);
|
|
129
|
+
// Color of the text put on a danger color container background
|
|
119
130
|
$on-danger-container: var(--mat-sys-on-error-container);
|
|
120
131
|
|
|
132
|
+
// Color for status warning, could be used for text-color, surfaces, outlines
|
|
121
133
|
$warning: light-dark(#615106,#FDF2BA); //(Could be used for text-color, outlines)
|
|
134
|
+
// Background color for status warning containers
|
|
122
135
|
$warning-container: #FDF2BA;
|
|
136
|
+
// Color of the text put on a warning color container background
|
|
123
137
|
$on-warning-container: #615106;
|
|
124
138
|
|
|
125
139
|
//Surfaces
|
|
140
|
+
|
|
141
|
+
|
|
126
142
|
$surface: var(--mat-sys-surface);
|
|
127
143
|
$surface-container-low: var(--mat-sys-surface-container);
|
|
128
144
|
$surface-container: var(--mat-sys-surface-container-high);
|