@yuuvis/material 2.3.1 → 2.3.3
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 +9 -9
package/package.json
CHANGED
package/scss/token/_token.scss
CHANGED
|
@@ -188,12 +188,12 @@ $_spacing-base: t.rem(16px);
|
|
|
188
188
|
|
|
189
189
|
//Status
|
|
190
190
|
// Color for status success, could be used for text-color, surfaces, outlines
|
|
191
|
-
success: light-dark(#{map.get(theme-color.success-palette(), 30)}, #{map.get(theme-color.success-palette(), 95)}),
|
|
192
|
-
on-success: map.get(theme-color.success-palette(), 100),
|
|
191
|
+
success: light-dark(#{map.get(theme-color.success-palette(), 30)}, #{map.get(theme-color.success-palette(), 95)}),
|
|
192
|
+
on-success: light-dark(#{map.get(theme-color.success-palette(), 100)}, #{map.get(theme-color.success-palette(), 30)}),
|
|
193
193
|
// Surface color for status success containers
|
|
194
|
-
success-container: map.get(theme-color.success-palette(), 95),
|
|
194
|
+
success-container: light-dark(#{map.get(theme-color.success-palette(), 95)}, #{map.get(theme-color.success-palette(), 30)}),
|
|
195
195
|
// Color of the text put on a success color container background
|
|
196
|
-
on-success-container: map.get(theme-color.success-palette(), 30),
|
|
196
|
+
on-success-container: light-dark(#{map.get(theme-color.success-palette(), 30)}, #{map.get(theme-color.success-palette(), 90)}),
|
|
197
197
|
|
|
198
198
|
// Color for status danger, could be used for text-color, surfaces, outlines
|
|
199
199
|
danger: var(--mat-sys-error), //(Could be used for text-color, outlines, surfaces)
|
|
@@ -205,16 +205,16 @@ $_spacing-base: t.rem(16px);
|
|
|
205
205
|
|
|
206
206
|
// Color for status warning, could be used for text-color, surfaces, outlines
|
|
207
207
|
warning: light-dark(#{map.get(theme-color.warning-palette(), 30)}, #{map.get(theme-color.warning-palette(), 95)}), //(Could be used for text-color, outlines, surfaces)
|
|
208
|
-
on-warning: map.get(theme-color.
|
|
208
|
+
on-warning: light-dark(#{map.get(theme-color.success-palette(), 100)}, #{map.get(theme-color.success-palette(), 30)}),
|
|
209
209
|
// Surface color for status warning containers
|
|
210
|
-
warning-container: map.get(theme-color.
|
|
210
|
+
warning-container: light-dark(#{map.get(theme-color.success-palette(), 95)}, #{map.get(theme-color.success-palette(), 30)}),
|
|
211
211
|
// Color of the text put on a warning color container background
|
|
212
|
-
on-warning-container: map.get(theme-color.
|
|
212
|
+
on-warning-container: light-dark(#{map.get(theme-color.success-palette(), 30)}, #{map.get(theme-color.success-palette(), 90)}),
|
|
213
213
|
|
|
214
214
|
//Inverse
|
|
215
215
|
inverse-surface: var(--mat-sys-inverse-surface),
|
|
216
216
|
inverse-surface-90: rgb(from var(--mat-sys-inverse-surface) r g b / 0.9),
|
|
217
|
-
on-inverse-surface:
|
|
217
|
+
on-inverse-surface: light-dark(#{map.get(theme-color.primary-palette(), 'neutral', 95)}, #{map.get(theme-color.primary-palette(), 'neutral', 10)}),
|
|
218
218
|
|
|
219
219
|
//Surfaces
|
|
220
220
|
surface: var(--mat-sys-surface),
|
|
@@ -255,7 +255,7 @@ $_spacing-base: t.rem(16px);
|
|
|
255
255
|
pane-surface-floating: var(--mat-sys-surface),
|
|
256
256
|
on-pane-surface: var(--mat-sys-on-surface),
|
|
257
257
|
pane-surface-floating-inverse: rgb(from var(--mat-sys-inverse-surface) r g b / 0.9),
|
|
258
|
-
on-pane-surface-floating-inverse:
|
|
258
|
+
on-pane-surface-floating-inverse: light-dark(#{map.get(theme-color.primary-palette(), 'neutral', 95)}, #{map.get(theme-color.primary-palette(), 'neutral', 10)}),
|
|
259
259
|
|
|
260
260
|
// BARS
|
|
261
261
|
bar-surface: var(--mat-sys-surface),
|