mirror of
https://github.com/flutter/flutter
synced 2024-08-25 02:46:31 +00:00
Reverts "Reland - Introduce tone-based surfaces and accent color add-ons - Part 2 (#144001)" (#144262)
Reverts flutter/flutter#144001 Initiated by: Piinks Reason for reverting: Failing goldens at the tip of tree Original PR Author: QuncCccccc Reviewed By: {HansMuller} This change reverts the following previous change: Original Description: Reverts flutter/flutter#143973 This is a reland for #138521 with an updated g3fix(cl/605555997). Local test: cl/609608958.
This commit is contained in:
parent
7f2b238c55
commit
2eee0b5750
|
@ -443,7 +443,7 @@ class Cards extends StatelessWidget {
|
||||||
SizedBox(
|
SizedBox(
|
||||||
width: cardWidth,
|
width: cardWidth,
|
||||||
child: Card(
|
child: Card(
|
||||||
color: Theme.of(context).colorScheme.surfaceContainerHighest,
|
color: Theme.of(context).colorScheme.surfaceVariant,
|
||||||
elevation: 0,
|
elevation: 0,
|
||||||
child: Container(
|
child: Container(
|
||||||
padding: const EdgeInsets.fromLTRB(10, 5, 5, 10),
|
padding: const EdgeInsets.fromLTRB(10, 5, 5, 10),
|
||||||
|
@ -1279,7 +1279,7 @@ class _IconToggleButtonState extends State<IconToggleButton> {
|
||||||
ButtonStyle enabledFilledButtonStyle(bool selected, ColorScheme colors) {
|
ButtonStyle enabledFilledButtonStyle(bool selected, ColorScheme colors) {
|
||||||
return IconButton.styleFrom(
|
return IconButton.styleFrom(
|
||||||
foregroundColor: selected ? colors.onPrimary : colors.primary,
|
foregroundColor: selected ? colors.onPrimary : colors.primary,
|
||||||
backgroundColor: selected ? colors.primary : colors.surfaceContainerHighest,
|
backgroundColor: selected ? colors.primary : colors.surfaceVariant,
|
||||||
disabledForegroundColor: colors.onSurface.withOpacity(0.38),
|
disabledForegroundColor: colors.onSurface.withOpacity(0.38),
|
||||||
disabledBackgroundColor: colors.onSurface.withOpacity(0.12),
|
disabledBackgroundColor: colors.onSurface.withOpacity(0.12),
|
||||||
hoverColor: selected
|
hoverColor: selected
|
||||||
|
@ -1306,7 +1306,7 @@ ButtonStyle enabledFilledTonalButtonStyle(bool selected, ColorScheme colors) {
|
||||||
foregroundColor:
|
foregroundColor:
|
||||||
selected ? colors.onSecondaryContainer : colors.onSurfaceVariant,
|
selected ? colors.onSecondaryContainer : colors.onSurfaceVariant,
|
||||||
backgroundColor:
|
backgroundColor:
|
||||||
selected ? colors.secondaryContainer : colors.surfaceContainerHighest,
|
selected ? colors.secondaryContainer : colors.surfaceVariant,
|
||||||
hoverColor: selected
|
hoverColor: selected
|
||||||
? colors.onSecondaryContainer.withOpacity(0.08)
|
? colors.onSecondaryContainer.withOpacity(0.08)
|
||||||
: colors.onSurfaceVariant.withOpacity(0.08),
|
: colors.onSurfaceVariant.withOpacity(0.08),
|
||||||
|
@ -2350,7 +2350,7 @@ class ComponentGroupDecoration extends StatelessWidget {
|
||||||
child: Card(
|
child: Card(
|
||||||
margin: EdgeInsets.zero,
|
margin: EdgeInsets.zero,
|
||||||
elevation: 0,
|
elevation: 0,
|
||||||
color: Theme.of(context).colorScheme.surfaceContainerHighest.withOpacity(0.3),
|
color: Theme.of(context).colorScheme.surfaceVariant.withOpacity(0.3),
|
||||||
child: Padding(
|
child: Padding(
|
||||||
padding: const EdgeInsets.symmetric(vertical: 20.0),
|
padding: const EdgeInsets.symmetric(vertical: 20.0),
|
||||||
child: Center(
|
child: Center(
|
||||||
|
|
|
@ -202,7 +202,7 @@ class KeyPad extends StatelessWidget {
|
||||||
),
|
),
|
||||||
Expanded(
|
Expanded(
|
||||||
child: Material(
|
child: Material(
|
||||||
color: themeData.colorScheme.surface,
|
color: themeData.colorScheme.background,
|
||||||
child: Column(
|
child: Column(
|
||||||
children: <Widget>[
|
children: <Widget>[
|
||||||
CalcKey('\u232B', calcState!.handleDelTap),
|
CalcKey('\u232B', calcState!.handleDelTap),
|
||||||
|
|
|
@ -203,7 +203,7 @@ class _ChipDemoState extends State<ChipDemo> {
|
||||||
assert(name.length > 1);
|
assert(name.length > 1);
|
||||||
final int hash = name.hashCode & 0xffff;
|
final int hash = name.hashCode & 0xffff;
|
||||||
final double hue = (360.0 * hash / (1 << 15)) % 360.0;
|
final double hue = (360.0 * hash / (1 << 15)) % 360.0;
|
||||||
final double themeValue = HSVColor.fromColor(theme.colorScheme.surface).value;
|
final double themeValue = HSVColor.fromColor(theme.colorScheme.background).value;
|
||||||
return HSVColor.fromAHSV(1.0, hue, 0.4, themeValue).toColor();
|
return HSVColor.fromAHSV(1.0, hue, 0.4, themeValue).toColor();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -114,10 +114,12 @@ const ColorScheme kShrineColorScheme = ColorScheme(
|
||||||
primary: kShrinePink100,
|
primary: kShrinePink100,
|
||||||
secondary: kShrinePink50,
|
secondary: kShrinePink50,
|
||||||
surface: kShrineSurfaceWhite,
|
surface: kShrineSurfaceWhite,
|
||||||
|
background: kShrineBackgroundWhite,
|
||||||
error: kShrineErrorRed,
|
error: kShrineErrorRed,
|
||||||
onPrimary: kShrineBrown900,
|
onPrimary: kShrineBrown900,
|
||||||
onSecondary: kShrineBrown900,
|
onSecondary: kShrineBrown900,
|
||||||
onSurface: kShrineBrown900,
|
onSurface: kShrineBrown900,
|
||||||
|
onBackground: kShrineBrown900,
|
||||||
onError: kShrineSurfaceWhite,
|
onError: kShrineSurfaceWhite,
|
||||||
brightness: Brightness.light,
|
brightness: Brightness.light,
|
||||||
);
|
);
|
||||||
|
|
|
@ -23,7 +23,7 @@ ThemeData _buildDarkTheme() {
|
||||||
secondary: secondaryColor,
|
secondary: secondaryColor,
|
||||||
onPrimary: Colors.white,
|
onPrimary: Colors.white,
|
||||||
error: const Color(0xFFB00020),
|
error: const Color(0xFFB00020),
|
||||||
surface: const Color(0xFF202124),
|
background: const Color(0xFF202124),
|
||||||
);
|
);
|
||||||
final ThemeData base = ThemeData(
|
final ThemeData base = ThemeData(
|
||||||
useMaterial3: false,
|
useMaterial3: false,
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
{
|
{
|
||||||
"version": "v0_206",
|
"version": "v0_162",
|
||||||
|
|
||||||
"md.comp.badge.color": "error",
|
"md.comp.badge.color": "error",
|
||||||
"md.comp.badge.large.color": "error",
|
"md.comp.badge.large.color": "error",
|
||||||
|
|
|
@ -1,9 +1,10 @@
|
||||||
{
|
{
|
||||||
"version": "v0_206",
|
"version": "v0_162",
|
||||||
|
|
||||||
"md.comp.banner.container.color": "surfaceContainerLow",
|
"md.comp.banner.container.color": "surface",
|
||||||
"md.comp.banner.container.elevation": "md.sys.elevation.level1",
|
"md.comp.banner.container.elevation": "md.sys.elevation.level1",
|
||||||
"md.comp.banner.container.shape": "md.sys.shape.corner.none",
|
"md.comp.banner.container.shape": "md.sys.shape.corner.none",
|
||||||
|
"md.comp.banner.container.surface-tint-layer.color": "surfaceTint",
|
||||||
"md.comp.banner.desktop.with-single-line.container.height": 52.0,
|
"md.comp.banner.desktop.with-single-line.container.height": 52.0,
|
||||||
"md.comp.banner.desktop.with-three-lines.container.height": 90.0,
|
"md.comp.banner.desktop.with-three-lines.container.height": 90.0,
|
||||||
"md.comp.banner.desktop.with-two-lines.with-image.container.height": 72.0,
|
"md.comp.banner.desktop.with-two-lines.with-image.container.height": 72.0,
|
||||||
|
|
|
@ -1,8 +1,9 @@
|
||||||
{
|
{
|
||||||
"version": "v0_206",
|
"version": "v0_162",
|
||||||
|
|
||||||
"md.comp.bottom-app-bar.container.color": "surfaceContainer",
|
"md.comp.bottom-app-bar.container.color": "surface",
|
||||||
"md.comp.bottom-app-bar.container.elevation": "md.sys.elevation.level2",
|
"md.comp.bottom-app-bar.container.elevation": "md.sys.elevation.level2",
|
||||||
"md.comp.bottom-app-bar.container.height": 80.0,
|
"md.comp.bottom-app-bar.container.height": 80.0,
|
||||||
"md.comp.bottom-app-bar.container.shape": "md.sys.shape.corner.none"
|
"md.comp.bottom-app-bar.container.shape": "md.sys.shape.corner.none",
|
||||||
|
"md.comp.bottom-app-bar.container.surface-tint-layer.color": "surfaceTint"
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,20 +1,18 @@
|
||||||
{
|
{
|
||||||
"version": "v0_206",
|
"version": "v0_162",
|
||||||
|
|
||||||
"md.comp.elevated-button.container.color": "surfaceContainerLow",
|
"md.comp.elevated-button.container.color": "surface",
|
||||||
"md.comp.elevated-button.container.elevation": "md.sys.elevation.level1",
|
"md.comp.elevated-button.container.elevation": "md.sys.elevation.level1",
|
||||||
"md.comp.elevated-button.container.height": 40.0,
|
"md.comp.elevated-button.container.height": 40.0,
|
||||||
"md.comp.elevated-button.container.shadow-color": "shadow",
|
"md.comp.elevated-button.container.shadow-color": "shadow",
|
||||||
"md.comp.elevated-button.container.shape": "md.sys.shape.corner.full",
|
"md.comp.elevated-button.container.shape": "md.sys.shape.corner.full",
|
||||||
|
"md.comp.elevated-button.container.surface-tint-layer.color": "surfaceTint",
|
||||||
"md.comp.elevated-button.disabled.container.color": "onSurface",
|
"md.comp.elevated-button.disabled.container.color": "onSurface",
|
||||||
"md.comp.elevated-button.disabled.container.elevation": "md.sys.elevation.level0",
|
"md.comp.elevated-button.disabled.container.elevation": "md.sys.elevation.level0",
|
||||||
"md.comp.elevated-button.disabled.container.opacity": 0.12,
|
"md.comp.elevated-button.disabled.container.opacity": 0.12,
|
||||||
"md.comp.elevated-button.disabled.label-text.color": "onSurface",
|
"md.comp.elevated-button.disabled.label-text.color": "onSurface",
|
||||||
"md.comp.elevated-button.disabled.label-text.opacity": 0.38,
|
"md.comp.elevated-button.disabled.label-text.opacity": 0.38,
|
||||||
"md.comp.elevated-button.focus.container.elevation": "md.sys.elevation.level1",
|
"md.comp.elevated-button.focus.container.elevation": "md.sys.elevation.level1",
|
||||||
"md.comp.elevated-button.focus.indicator.color": "secondary",
|
|
||||||
"md.comp.elevated-button.focus.indicator.outline.offset": "md.sys.state.focus-indicator.outer-offset",
|
|
||||||
"md.comp.elevated-button.focus.indicator.thickness": "md.sys.state.focus-indicator.thickness",
|
|
||||||
"md.comp.elevated-button.focus.label-text.color": "primary",
|
"md.comp.elevated-button.focus.label-text.color": "primary",
|
||||||
"md.comp.elevated-button.focus.state-layer.color": "primary",
|
"md.comp.elevated-button.focus.state-layer.color": "primary",
|
||||||
"md.comp.elevated-button.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
|
"md.comp.elevated-button.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
{
|
{
|
||||||
"version": "v0_206",
|
"version": "v0_162",
|
||||||
|
|
||||||
"md.comp.filled-button.container.color": "primary",
|
"md.comp.filled-button.container.color": "primary",
|
||||||
"md.comp.filled-button.container.elevation": "md.sys.elevation.level0",
|
"md.comp.filled-button.container.elevation": "md.sys.elevation.level0",
|
||||||
|
@ -12,9 +12,6 @@
|
||||||
"md.comp.filled-button.disabled.label-text.color": "onSurface",
|
"md.comp.filled-button.disabled.label-text.color": "onSurface",
|
||||||
"md.comp.filled-button.disabled.label-text.opacity": 0.38,
|
"md.comp.filled-button.disabled.label-text.opacity": 0.38,
|
||||||
"md.comp.filled-button.focus.container.elevation": "md.sys.elevation.level0",
|
"md.comp.filled-button.focus.container.elevation": "md.sys.elevation.level0",
|
||||||
"md.comp.filled-button.focus.indicator.color": "secondary",
|
|
||||||
"md.comp.filled-button.focus.indicator.outline.offset": "md.sys.state.focus-indicator.outer-offset",
|
|
||||||
"md.comp.filled-button.focus.indicator.thickness": "md.sys.state.focus-indicator.thickness",
|
|
||||||
"md.comp.filled-button.focus.label-text.color": "onPrimary",
|
"md.comp.filled-button.focus.label-text.color": "onPrimary",
|
||||||
"md.comp.filled-button.focus.state-layer.color": "onPrimary",
|
"md.comp.filled-button.focus.state-layer.color": "onPrimary",
|
||||||
"md.comp.filled-button.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
|
"md.comp.filled-button.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
{
|
{
|
||||||
"version": "v0_206",
|
"version": "v0_162",
|
||||||
|
|
||||||
"md.comp.filled-tonal-button.container.color": "secondaryContainer",
|
"md.comp.filled-tonal-button.container.color": "secondaryContainer",
|
||||||
"md.comp.filled-tonal-button.container.elevation": "md.sys.elevation.level0",
|
"md.comp.filled-tonal-button.container.elevation": "md.sys.elevation.level0",
|
||||||
|
@ -12,9 +12,6 @@
|
||||||
"md.comp.filled-tonal-button.disabled.label-text.color": "onSurface",
|
"md.comp.filled-tonal-button.disabled.label-text.color": "onSurface",
|
||||||
"md.comp.filled-tonal-button.disabled.label-text.opacity": 0.38,
|
"md.comp.filled-tonal-button.disabled.label-text.opacity": 0.38,
|
||||||
"md.comp.filled-tonal-button.focus.container.elevation": "md.sys.elevation.level0",
|
"md.comp.filled-tonal-button.focus.container.elevation": "md.sys.elevation.level0",
|
||||||
"md.comp.filled-tonal-button.focus.indicator.color": "secondary",
|
|
||||||
"md.comp.filled-tonal-button.focus.indicator.outline.offset": "md.sys.state.focus-indicator.outer-offset",
|
|
||||||
"md.comp.filled-tonal-button.focus.indicator.thickness": "md.sys.state.focus-indicator.thickness",
|
|
||||||
"md.comp.filled-tonal-button.focus.label-text.color": "onSecondaryContainer",
|
"md.comp.filled-tonal-button.focus.label-text.color": "onSecondaryContainer",
|
||||||
"md.comp.filled-tonal-button.focus.state-layer.color": "onSecondaryContainer",
|
"md.comp.filled-tonal-button.focus.state-layer.color": "onSecondaryContainer",
|
||||||
"md.comp.filled-tonal-button.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
|
"md.comp.filled-tonal-button.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
{
|
{
|
||||||
"version": "v0_206",
|
"version": "v0_162",
|
||||||
|
|
||||||
"md.comp.outlined-button.container.height": 40.0,
|
"md.comp.outlined-button.container.height": 40.0,
|
||||||
"md.comp.outlined-button.container.shape": "md.sys.shape.corner.full",
|
"md.comp.outlined-button.container.shape": "md.sys.shape.corner.full",
|
||||||
|
@ -7,9 +7,6 @@
|
||||||
"md.comp.outlined-button.disabled.label-text.opacity": 0.38,
|
"md.comp.outlined-button.disabled.label-text.opacity": 0.38,
|
||||||
"md.comp.outlined-button.disabled.outline.color": "onSurface",
|
"md.comp.outlined-button.disabled.outline.color": "onSurface",
|
||||||
"md.comp.outlined-button.disabled.outline.opacity": 0.12,
|
"md.comp.outlined-button.disabled.outline.opacity": 0.12,
|
||||||
"md.comp.outlined-button.focus.indicator.color": "secondary",
|
|
||||||
"md.comp.outlined-button.focus.indicator.outline.offset": "md.sys.state.focus-indicator.outer-offset",
|
|
||||||
"md.comp.outlined-button.focus.indicator.thickness": "md.sys.state.focus-indicator.thickness",
|
|
||||||
"md.comp.outlined-button.focus.label-text.color": "primary",
|
"md.comp.outlined-button.focus.label-text.color": "primary",
|
||||||
"md.comp.outlined-button.focus.outline.color": "primary",
|
"md.comp.outlined-button.focus.outline.color": "primary",
|
||||||
"md.comp.outlined-button.focus.state-layer.color": "primary",
|
"md.comp.outlined-button.focus.state-layer.color": "primary",
|
||||||
|
|
|
@ -1,13 +1,10 @@
|
||||||
{
|
{
|
||||||
"version": "v0_206",
|
"version": "v0_162",
|
||||||
|
|
||||||
"md.comp.text-button.container.height": 40.0,
|
"md.comp.text-button.container.height": 40.0,
|
||||||
"md.comp.text-button.container.shape": "md.sys.shape.corner.full",
|
"md.comp.text-button.container.shape": "md.sys.shape.corner.full",
|
||||||
"md.comp.text-button.disabled.label-text.color": "onSurface",
|
"md.comp.text-button.disabled.label-text.color": "onSurface",
|
||||||
"md.comp.text-button.disabled.label-text.opacity": 0.38,
|
"md.comp.text-button.disabled.label-text.opacity": 0.38,
|
||||||
"md.comp.text-button.focus.indicator.color": "secondary",
|
|
||||||
"md.comp.text-button.focus.indicator.outline.offset": "md.sys.state.focus-indicator.outer-offset",
|
|
||||||
"md.comp.text-button.focus.indicator.thickness": "md.sys.state.focus-indicator.thickness",
|
|
||||||
"md.comp.text-button.focus.label-text.color": "primary",
|
"md.comp.text-button.focus.label-text.color": "primary",
|
||||||
"md.comp.text-button.focus.state-layer.color": "primary",
|
"md.comp.text-button.focus.state-layer.color": "primary",
|
||||||
"md.comp.text-button.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
|
"md.comp.text-button.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
|
||||||
|
|
|
@ -1,10 +1,11 @@
|
||||||
{
|
{
|
||||||
"version": "v0_206",
|
"version": "v0_162",
|
||||||
|
|
||||||
"md.comp.elevated-card.container.color": "surfaceContainerLow",
|
"md.comp.elevated-card.container.color": "surface",
|
||||||
"md.comp.elevated-card.container.elevation": "md.sys.elevation.level1",
|
"md.comp.elevated-card.container.elevation": "md.sys.elevation.level1",
|
||||||
"md.comp.elevated-card.container.shadow-color": "shadow",
|
"md.comp.elevated-card.container.shadow-color": "shadow",
|
||||||
"md.comp.elevated-card.container.shape": "md.sys.shape.corner.medium",
|
"md.comp.elevated-card.container.shape": "md.sys.shape.corner.medium",
|
||||||
|
"md.comp.elevated-card.container.surface-tint-layer.color": "surfaceTint",
|
||||||
"md.comp.elevated-card.disabled.container.color": "surface",
|
"md.comp.elevated-card.disabled.container.color": "surface",
|
||||||
"md.comp.elevated-card.disabled.container.elevation": "md.sys.elevation.level1",
|
"md.comp.elevated-card.disabled.container.elevation": "md.sys.elevation.level1",
|
||||||
"md.comp.elevated-card.disabled.container.opacity": 0.38,
|
"md.comp.elevated-card.disabled.container.opacity": 0.38,
|
||||||
|
@ -12,9 +13,6 @@
|
||||||
"md.comp.elevated-card.dragged.state-layer.color": "onSurface",
|
"md.comp.elevated-card.dragged.state-layer.color": "onSurface",
|
||||||
"md.comp.elevated-card.dragged.state-layer.opacity": "md.sys.state.dragged.state-layer-opacity",
|
"md.comp.elevated-card.dragged.state-layer.opacity": "md.sys.state.dragged.state-layer-opacity",
|
||||||
"md.comp.elevated-card.focus.container.elevation": "md.sys.elevation.level1",
|
"md.comp.elevated-card.focus.container.elevation": "md.sys.elevation.level1",
|
||||||
"md.comp.elevated-card.focus.indicator.color": "secondary",
|
|
||||||
"md.comp.elevated-card.focus.indicator.outline.offset": "md.sys.state.focus-indicator.outer-offset",
|
|
||||||
"md.comp.elevated-card.focus.indicator.thickness": "md.sys.state.focus-indicator.thickness",
|
|
||||||
"md.comp.elevated-card.focus.state-layer.color": "onSurface",
|
"md.comp.elevated-card.focus.state-layer.color": "onSurface",
|
||||||
"md.comp.elevated-card.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
|
"md.comp.elevated-card.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
|
||||||
"md.comp.elevated-card.hover.container.elevation": "md.sys.elevation.level2",
|
"md.comp.elevated-card.hover.container.elevation": "md.sys.elevation.level2",
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
{
|
{
|
||||||
"version": "v0_206",
|
"version": "v0_162",
|
||||||
|
|
||||||
"md.comp.filled-card.container.color": "surfaceContainerHighest",
|
"md.comp.filled-card.container.color": "surfaceVariant",
|
||||||
"md.comp.filled-card.container.elevation": "md.sys.elevation.level0",
|
"md.comp.filled-card.container.elevation": "md.sys.elevation.level0",
|
||||||
"md.comp.filled-card.container.shadow-color": "shadow",
|
"md.comp.filled-card.container.shadow-color": "shadow",
|
||||||
"md.comp.filled-card.container.shape": "md.sys.shape.corner.medium",
|
"md.comp.filled-card.container.shape": "md.sys.shape.corner.medium",
|
||||||
|
@ -12,9 +12,6 @@
|
||||||
"md.comp.filled-card.dragged.state-layer.color": "onSurface",
|
"md.comp.filled-card.dragged.state-layer.color": "onSurface",
|
||||||
"md.comp.filled-card.dragged.state-layer.opacity": "md.sys.state.dragged.state-layer-opacity",
|
"md.comp.filled-card.dragged.state-layer.opacity": "md.sys.state.dragged.state-layer-opacity",
|
||||||
"md.comp.filled-card.focus.container.elevation": "md.sys.elevation.level0",
|
"md.comp.filled-card.focus.container.elevation": "md.sys.elevation.level0",
|
||||||
"md.comp.filled-card.focus.indicator.color": "secondary",
|
|
||||||
"md.comp.filled-card.focus.indicator.outline.offset": "md.sys.state.focus-indicator.outer-offset",
|
|
||||||
"md.comp.filled-card.focus.indicator.thickness": "md.sys.state.focus-indicator.thickness",
|
|
||||||
"md.comp.filled-card.focus.state-layer.color": "onSurface",
|
"md.comp.filled-card.focus.state-layer.color": "onSurface",
|
||||||
"md.comp.filled-card.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
|
"md.comp.filled-card.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
|
||||||
"md.comp.filled-card.hover.container.elevation": "md.sys.elevation.level1",
|
"md.comp.filled-card.hover.container.elevation": "md.sys.elevation.level1",
|
||||||
|
|
|
@ -1,10 +1,11 @@
|
||||||
{
|
{
|
||||||
"version": "v0_206",
|
"version": "v0_162",
|
||||||
|
|
||||||
"md.comp.outlined-card.container.color": "surface",
|
"md.comp.outlined-card.container.color": "surface",
|
||||||
"md.comp.outlined-card.container.elevation": "md.sys.elevation.level0",
|
"md.comp.outlined-card.container.elevation": "md.sys.elevation.level0",
|
||||||
"md.comp.outlined-card.container.shadow-color": "shadow",
|
"md.comp.outlined-card.container.shadow-color": "shadow",
|
||||||
"md.comp.outlined-card.container.shape": "md.sys.shape.corner.medium",
|
"md.comp.outlined-card.container.shape": "md.sys.shape.corner.medium",
|
||||||
|
"md.comp.outlined-card.container.surface-tint-layer.color": "surfaceTint",
|
||||||
"md.comp.outlined-card.disabled.container.elevation": "md.sys.elevation.level0",
|
"md.comp.outlined-card.disabled.container.elevation": "md.sys.elevation.level0",
|
||||||
"md.comp.outlined-card.disabled.outline.color": "outline",
|
"md.comp.outlined-card.disabled.outline.color": "outline",
|
||||||
"md.comp.outlined-card.disabled.outline.opacity": 0.12,
|
"md.comp.outlined-card.disabled.outline.opacity": 0.12,
|
||||||
|
@ -13,9 +14,6 @@
|
||||||
"md.comp.outlined-card.dragged.state-layer.color": "onSurface",
|
"md.comp.outlined-card.dragged.state-layer.color": "onSurface",
|
||||||
"md.comp.outlined-card.dragged.state-layer.opacity": "md.sys.state.dragged.state-layer-opacity",
|
"md.comp.outlined-card.dragged.state-layer.opacity": "md.sys.state.dragged.state-layer-opacity",
|
||||||
"md.comp.outlined-card.focus.container.elevation": "md.sys.elevation.level0",
|
"md.comp.outlined-card.focus.container.elevation": "md.sys.elevation.level0",
|
||||||
"md.comp.outlined-card.focus.indicator.color": "secondary",
|
|
||||||
"md.comp.outlined-card.focus.indicator.outline.offset": "md.sys.state.focus-indicator.outer-offset",
|
|
||||||
"md.comp.outlined-card.focus.indicator.thickness": "md.sys.state.focus-indicator.thickness",
|
|
||||||
"md.comp.outlined-card.focus.outline.color": "onSurface",
|
"md.comp.outlined-card.focus.outline.color": "onSurface",
|
||||||
"md.comp.outlined-card.focus.state-layer.color": "onSurface",
|
"md.comp.outlined-card.focus.state-layer.color": "onSurface",
|
||||||
"md.comp.outlined-card.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
|
"md.comp.outlined-card.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
{
|
{
|
||||||
"version": "v0_206",
|
"version": "v0_202",
|
||||||
|
|
||||||
"md.comp.carousel-item.container.color": "surface",
|
"md.comp.carousel-item.container.color": "surface",
|
||||||
"md.comp.carousel-item.container.elevation": "md.sys.elevation.level0",
|
"md.comp.carousel-item.container.elevation": "md.sys.elevation.level0",
|
||||||
|
@ -9,9 +9,6 @@
|
||||||
"md.comp.carousel-item.disabled.container.elevation": "md.sys.elevation.level0",
|
"md.comp.carousel-item.disabled.container.elevation": "md.sys.elevation.level0",
|
||||||
"md.comp.carousel-item.disabled.container.opacity": 0.38,
|
"md.comp.carousel-item.disabled.container.opacity": 0.38,
|
||||||
"md.comp.carousel-item.focus.container.elevation": "md.sys.elevation.level0",
|
"md.comp.carousel-item.focus.container.elevation": "md.sys.elevation.level0",
|
||||||
"md.comp.carousel-item.focus.indicator.color": "secondary",
|
|
||||||
"md.comp.carousel-item.focus.indicator.outline.offset": "md.sys.state.focus-indicator.outer-offset",
|
|
||||||
"md.comp.carousel-item.focus.indicator.thickness": "md.sys.state.focus-indicator.thickness",
|
|
||||||
"md.comp.carousel-item.focus.state-layer.color": "onSurface",
|
"md.comp.carousel-item.focus.state-layer.color": "onSurface",
|
||||||
"md.comp.carousel-item.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
|
"md.comp.carousel-item.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
|
||||||
"md.comp.carousel-item.hover.container.elevation": "md.sys.elevation.level1",
|
"md.comp.carousel-item.hover.container.elevation": "md.sys.elevation.level1",
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
{
|
{
|
||||||
"version": "v0_206",
|
"version": "v0_162",
|
||||||
|
|
||||||
"md.comp.checkbox.container.size": 18.0,
|
"md.comp.checkbox.container.size": 18.0,
|
||||||
"md.comp.checkbox.error.focus.state-layer.color": "error",
|
"md.comp.checkbox.error.focus.state-layer.color": "error",
|
||||||
|
@ -8,9 +8,6 @@
|
||||||
"md.comp.checkbox.error.hover.state-layer.opacity": "md.sys.state.hover.state-layer-opacity",
|
"md.comp.checkbox.error.hover.state-layer.opacity": "md.sys.state.hover.state-layer-opacity",
|
||||||
"md.comp.checkbox.error.pressed.state-layer.color": "error",
|
"md.comp.checkbox.error.pressed.state-layer.color": "error",
|
||||||
"md.comp.checkbox.error.pressed.state-layer.opacity": "md.sys.state.pressed.state-layer-opacity",
|
"md.comp.checkbox.error.pressed.state-layer.opacity": "md.sys.state.pressed.state-layer-opacity",
|
||||||
"md.comp.checkbox.focus.indicator.color": "secondary",
|
|
||||||
"md.comp.checkbox.focus.indicator.outline.offset": "md.sys.state.focus-indicator.outer-offset",
|
|
||||||
"md.comp.checkbox.focus.indicator.thickness": "md.sys.state.focus-indicator.thickness",
|
|
||||||
"md.comp.checkbox.icon.size": 18.0,
|
"md.comp.checkbox.icon.size": 18.0,
|
||||||
"md.comp.checkbox.selected.container.color": "primary",
|
"md.comp.checkbox.selected.container.color": "primary",
|
||||||
"md.comp.checkbox.selected.disabled.container.color": "onSurface",
|
"md.comp.checkbox.selected.disabled.container.color": "onSurface",
|
||||||
|
|
|
@ -1,15 +1,16 @@
|
||||||
{
|
{
|
||||||
"version": "v0_206",
|
"version": "v0_162",
|
||||||
|
|
||||||
"md.comp.assist-chip.container.height": 32.0,
|
"md.comp.assist-chip.container.height": 32.0,
|
||||||
"md.comp.assist-chip.container.shape": "md.sys.shape.corner.small",
|
"md.comp.assist-chip.container.shape": "md.sys.shape.corner.small",
|
||||||
|
"md.comp.assist-chip.container.surface-tint-layer.color": "surfaceTint",
|
||||||
"md.comp.assist-chip.disabled.label-text.color": "onSurface",
|
"md.comp.assist-chip.disabled.label-text.color": "onSurface",
|
||||||
"md.comp.assist-chip.disabled.label-text.opacity": 0.38,
|
"md.comp.assist-chip.disabled.label-text.opacity": 0.38,
|
||||||
"md.comp.assist-chip.dragged.container.elevation": "md.sys.elevation.level4",
|
"md.comp.assist-chip.dragged.container.elevation": "md.sys.elevation.level4",
|
||||||
"md.comp.assist-chip.dragged.label-text.color": "onSurface",
|
"md.comp.assist-chip.dragged.label-text.color": "onSurface",
|
||||||
"md.comp.assist-chip.dragged.state-layer.color": "onSurface",
|
"md.comp.assist-chip.dragged.state-layer.color": "onSurface",
|
||||||
"md.comp.assist-chip.dragged.state-layer.opacity": "md.sys.state.dragged.state-layer-opacity",
|
"md.comp.assist-chip.dragged.state-layer.opacity": "md.sys.state.dragged.state-layer-opacity",
|
||||||
"md.comp.assist-chip.elevated.container.color": "surfaceContainerLow",
|
"md.comp.assist-chip.elevated.container.color": "surface",
|
||||||
"md.comp.assist-chip.elevated.container.elevation": "md.sys.elevation.level1",
|
"md.comp.assist-chip.elevated.container.elevation": "md.sys.elevation.level1",
|
||||||
"md.comp.assist-chip.elevated.container.shadow-color": "shadow",
|
"md.comp.assist-chip.elevated.container.shadow-color": "shadow",
|
||||||
"md.comp.assist-chip.elevated.disabled.container.color": "onSurface",
|
"md.comp.assist-chip.elevated.disabled.container.color": "onSurface",
|
||||||
|
@ -24,9 +25,6 @@
|
||||||
"md.comp.assist-chip.flat.focus.outline.color": "onSurface",
|
"md.comp.assist-chip.flat.focus.outline.color": "onSurface",
|
||||||
"md.comp.assist-chip.flat.outline.color": "outline",
|
"md.comp.assist-chip.flat.outline.color": "outline",
|
||||||
"md.comp.assist-chip.flat.outline.width": 1.0,
|
"md.comp.assist-chip.flat.outline.width": 1.0,
|
||||||
"md.comp.assist-chip.focus.indicator.color": "secondary",
|
|
||||||
"md.comp.assist-chip.focus.indicator.outline.offset": "md.sys.state.focus-indicator.outer-offset",
|
|
||||||
"md.comp.assist-chip.focus.indicator.thickness": "md.sys.state.focus-indicator.thickness",
|
|
||||||
"md.comp.assist-chip.focus.label-text.color": "onSurface",
|
"md.comp.assist-chip.focus.label-text.color": "onSurface",
|
||||||
"md.comp.assist-chip.focus.state-layer.color": "onSurface",
|
"md.comp.assist-chip.focus.state-layer.color": "onSurface",
|
||||||
"md.comp.assist-chip.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
|
"md.comp.assist-chip.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
|
||||||
|
|
|
@ -1,8 +1,9 @@
|
||||||
{
|
{
|
||||||
"version": "v0_206",
|
"version": "v0_162",
|
||||||
|
|
||||||
"md.comp.filter-chip.container.height": 32.0,
|
"md.comp.filter-chip.container.height": 32.0,
|
||||||
"md.comp.filter-chip.container.shape": "md.sys.shape.corner.small",
|
"md.comp.filter-chip.container.shape": "md.sys.shape.corner.small",
|
||||||
|
"md.comp.filter-chip.container.surface-tint-layer.color": "surfaceTint",
|
||||||
"md.comp.filter-chip.disabled.label-text.color": "onSurface",
|
"md.comp.filter-chip.disabled.label-text.color": "onSurface",
|
||||||
"md.comp.filter-chip.disabled.label-text.opacity": 0.38,
|
"md.comp.filter-chip.disabled.label-text.opacity": 0.38,
|
||||||
"md.comp.filter-chip.dragged.container.elevation": "md.sys.elevation.level4",
|
"md.comp.filter-chip.dragged.container.elevation": "md.sys.elevation.level4",
|
||||||
|
@ -15,7 +16,7 @@
|
||||||
"md.comp.filter-chip.elevated.hover.container.elevation": "md.sys.elevation.level2",
|
"md.comp.filter-chip.elevated.hover.container.elevation": "md.sys.elevation.level2",
|
||||||
"md.comp.filter-chip.elevated.pressed.container.elevation": "md.sys.elevation.level1",
|
"md.comp.filter-chip.elevated.pressed.container.elevation": "md.sys.elevation.level1",
|
||||||
"md.comp.filter-chip.elevated.selected.container.color": "secondaryContainer",
|
"md.comp.filter-chip.elevated.selected.container.color": "secondaryContainer",
|
||||||
"md.comp.filter-chip.elevated.unselected.container.color": "surfaceContainerLow",
|
"md.comp.filter-chip.elevated.unselected.container.color": "surface",
|
||||||
"md.comp.filter-chip.flat.container.elevation": "md.sys.elevation.level0",
|
"md.comp.filter-chip.flat.container.elevation": "md.sys.elevation.level0",
|
||||||
"md.comp.filter-chip.flat.disabled.selected.container.color": "onSurface",
|
"md.comp.filter-chip.flat.disabled.selected.container.color": "onSurface",
|
||||||
"md.comp.filter-chip.flat.disabled.selected.container.opacity": 0.12,
|
"md.comp.filter-chip.flat.disabled.selected.container.opacity": 0.12,
|
||||||
|
@ -32,9 +33,6 @@
|
||||||
"md.comp.filter-chip.flat.unselected.outline.color": "outline",
|
"md.comp.filter-chip.flat.unselected.outline.color": "outline",
|
||||||
"md.comp.filter-chip.flat.unselected.outline.width": 1.0,
|
"md.comp.filter-chip.flat.unselected.outline.width": 1.0,
|
||||||
"md.comp.filter-chip.flat.unselected.pressed.container.elevation": "md.sys.elevation.level0",
|
"md.comp.filter-chip.flat.unselected.pressed.container.elevation": "md.sys.elevation.level0",
|
||||||
"md.comp.filter-chip.focus.indicator.color": "secondary",
|
|
||||||
"md.comp.filter-chip.focus.indicator.outline.offset": "md.sys.state.focus-indicator.outer-offset",
|
|
||||||
"md.comp.filter-chip.focus.indicator.thickness": "md.sys.state.focus-indicator.thickness",
|
|
||||||
"md.comp.filter-chip.label-text.text-style": "labelLarge",
|
"md.comp.filter-chip.label-text.text-style": "labelLarge",
|
||||||
"md.comp.filter-chip.selected.dragged.label-text.color": "onSecondaryContainer",
|
"md.comp.filter-chip.selected.dragged.label-text.color": "onSecondaryContainer",
|
||||||
"md.comp.filter-chip.selected.dragged.state-layer.color": "onSecondaryContainer",
|
"md.comp.filter-chip.selected.dragged.state-layer.color": "onSecondaryContainer",
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
{
|
{
|
||||||
"version": "v0_206",
|
"version": "v0_162",
|
||||||
|
|
||||||
"md.comp.input-chip.container.elevation": "md.sys.elevation.level0",
|
"md.comp.input-chip.container.elevation": "md.sys.elevation.level0",
|
||||||
"md.comp.input-chip.container.height": 32.0,
|
"md.comp.input-chip.container.height": 32.0,
|
||||||
|
@ -11,9 +11,6 @@
|
||||||
"md.comp.input-chip.disabled.unselected.outline.color": "onSurface",
|
"md.comp.input-chip.disabled.unselected.outline.color": "onSurface",
|
||||||
"md.comp.input-chip.disabled.unselected.outline.opacity": 0.12,
|
"md.comp.input-chip.disabled.unselected.outline.opacity": 0.12,
|
||||||
"md.comp.input-chip.dragged.container.elevation": "md.sys.elevation.level4",
|
"md.comp.input-chip.dragged.container.elevation": "md.sys.elevation.level4",
|
||||||
"md.comp.input-chip.focus.indicator.color": "secondary",
|
|
||||||
"md.comp.input-chip.focus.indicator.outline.offset": "md.sys.state.focus-indicator.outer-offset",
|
|
||||||
"md.comp.input-chip.focus.indicator.thickness": "md.sys.state.focus-indicator.thickness",
|
|
||||||
"md.comp.input-chip.label-text.text-style": "labelLarge",
|
"md.comp.input-chip.label-text.text-style": "labelLarge",
|
||||||
"md.comp.input-chip.selected.container.color": "secondaryContainer",
|
"md.comp.input-chip.selected.container.color": "secondaryContainer",
|
||||||
"md.comp.input-chip.selected.dragged.label-text.color": "onSecondaryContainer",
|
"md.comp.input-chip.selected.dragged.label-text.color": "onSecondaryContainer",
|
||||||
|
|
|
@ -1,15 +1,16 @@
|
||||||
{
|
{
|
||||||
"version": "v0_206",
|
"version": "v0_162",
|
||||||
|
|
||||||
"md.comp.suggestion-chip.container.height": 32.0,
|
"md.comp.suggestion-chip.container.height": 32.0,
|
||||||
"md.comp.suggestion-chip.container.shape": "md.sys.shape.corner.small",
|
"md.comp.suggestion-chip.container.shape": "md.sys.shape.corner.small",
|
||||||
|
"md.comp.suggestion-chip.container.surface-tint-layer.color": "surfaceTint",
|
||||||
"md.comp.suggestion-chip.disabled.label-text.color": "onSurface",
|
"md.comp.suggestion-chip.disabled.label-text.color": "onSurface",
|
||||||
"md.comp.suggestion-chip.disabled.label-text.opacity": 0.38,
|
"md.comp.suggestion-chip.disabled.label-text.opacity": 0.38,
|
||||||
"md.comp.suggestion-chip.dragged.container.elevation": "md.sys.elevation.level4",
|
"md.comp.suggestion-chip.dragged.container.elevation": "md.sys.elevation.level4",
|
||||||
"md.comp.suggestion-chip.dragged.label-text.color": "onSurfaceVariant",
|
"md.comp.suggestion-chip.dragged.label-text.color": "onSurfaceVariant",
|
||||||
"md.comp.suggestion-chip.dragged.state-layer.color": "onSurfaceVariant",
|
"md.comp.suggestion-chip.dragged.state-layer.color": "onSurfaceVariant",
|
||||||
"md.comp.suggestion-chip.dragged.state-layer.opacity": "md.sys.state.dragged.state-layer-opacity",
|
"md.comp.suggestion-chip.dragged.state-layer.opacity": "md.sys.state.dragged.state-layer-opacity",
|
||||||
"md.comp.suggestion-chip.elevated.container.color": "surfaceContainerLow",
|
"md.comp.suggestion-chip.elevated.container.color": "surface",
|
||||||
"md.comp.suggestion-chip.elevated.container.elevation": "md.sys.elevation.level1",
|
"md.comp.suggestion-chip.elevated.container.elevation": "md.sys.elevation.level1",
|
||||||
"md.comp.suggestion-chip.elevated.container.shadow-color": "shadow",
|
"md.comp.suggestion-chip.elevated.container.shadow-color": "shadow",
|
||||||
"md.comp.suggestion-chip.elevated.disabled.container.color": "onSurface",
|
"md.comp.suggestion-chip.elevated.disabled.container.color": "onSurface",
|
||||||
|
@ -24,9 +25,6 @@
|
||||||
"md.comp.suggestion-chip.flat.focus.outline.color": "onSurfaceVariant",
|
"md.comp.suggestion-chip.flat.focus.outline.color": "onSurfaceVariant",
|
||||||
"md.comp.suggestion-chip.flat.outline.color": "outline",
|
"md.comp.suggestion-chip.flat.outline.color": "outline",
|
||||||
"md.comp.suggestion-chip.flat.outline.width": 1.0,
|
"md.comp.suggestion-chip.flat.outline.width": 1.0,
|
||||||
"md.comp.suggestion-chip.focus.indicator.color": "secondary",
|
|
||||||
"md.comp.suggestion-chip.focus.indicator.outline.offset": "md.sys.state.focus-indicator.outer-offset",
|
|
||||||
"md.comp.suggestion-chip.focus.indicator.thickness": "md.sys.state.focus-indicator.thickness",
|
|
||||||
"md.comp.suggestion-chip.focus.label-text.color": "onSurfaceVariant",
|
"md.comp.suggestion-chip.focus.label-text.color": "onSurfaceVariant",
|
||||||
"md.comp.suggestion-chip.focus.state-layer.color": "onSurfaceVariant",
|
"md.comp.suggestion-chip.focus.state-layer.color": "onSurfaceVariant",
|
||||||
"md.comp.suggestion-chip.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
|
"md.comp.suggestion-chip.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
{
|
{
|
||||||
"version": "v0_206",
|
"version": "v0_162",
|
||||||
|
|
||||||
"md.sys.color.background": "md.ref.palette.neutral6",
|
"md.sys.color.background": "md.ref.palette.neutral10",
|
||||||
"md.sys.color.error": "md.ref.palette.error80",
|
"md.sys.color.error": "md.ref.palette.error80",
|
||||||
"md.sys.color.error-container": "md.ref.palette.error30",
|
"md.sys.color.error-container": "md.ref.palette.error30",
|
||||||
"md.sys.color.inverse-on-surface": "md.ref.palette.neutral20",
|
"md.sys.color.inverse-on-surface": "md.ref.palette.neutral20",
|
||||||
|
@ -36,7 +36,7 @@
|
||||||
"md.sys.color.secondary-fixed": "md.ref.palette.secondary90",
|
"md.sys.color.secondary-fixed": "md.ref.palette.secondary90",
|
||||||
"md.sys.color.secondary-fixed-dim": "md.ref.palette.secondary80",
|
"md.sys.color.secondary-fixed-dim": "md.ref.palette.secondary80",
|
||||||
"md.sys.color.shadow": "md.ref.palette.neutral0",
|
"md.sys.color.shadow": "md.ref.palette.neutral0",
|
||||||
"md.sys.color.surface": "md.ref.palette.neutral6",
|
"md.sys.color.surface": "md.ref.palette.neutral10",
|
||||||
"md.sys.color.surface-bright": "md.ref.palette.neutral24",
|
"md.sys.color.surface-bright": "md.ref.palette.neutral24",
|
||||||
"md.sys.color.surface-container": "md.ref.palette.neutral12",
|
"md.sys.color.surface-container": "md.ref.palette.neutral12",
|
||||||
"md.sys.color.surface-container-high": "md.ref.palette.neutral17",
|
"md.sys.color.surface-container-high": "md.ref.palette.neutral17",
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
{
|
{
|
||||||
"version": "v0_206",
|
"version": "v0_162",
|
||||||
|
|
||||||
"md.sys.color.background": "md.ref.palette.neutral98",
|
"md.sys.color.background": "md.ref.palette.neutral99",
|
||||||
"md.sys.color.error": "md.ref.palette.error40",
|
"md.sys.color.error": "md.ref.palette.error40",
|
||||||
"md.sys.color.error-container": "md.ref.palette.error90",
|
"md.sys.color.error-container": "md.ref.palette.error90",
|
||||||
"md.sys.color.inverse-on-surface": "md.ref.palette.neutral95",
|
"md.sys.color.inverse-on-surface": "md.ref.palette.neutral95",
|
||||||
|
@ -36,7 +36,7 @@
|
||||||
"md.sys.color.secondary-fixed": "md.ref.palette.secondary90",
|
"md.sys.color.secondary-fixed": "md.ref.palette.secondary90",
|
||||||
"md.sys.color.secondary-fixed-dim": "md.ref.palette.secondary80",
|
"md.sys.color.secondary-fixed-dim": "md.ref.palette.secondary80",
|
||||||
"md.sys.color.shadow": "md.ref.palette.neutral0",
|
"md.sys.color.shadow": "md.ref.palette.neutral0",
|
||||||
"md.sys.color.surface": "md.ref.palette.neutral98",
|
"md.sys.color.surface": "md.ref.palette.neutral99",
|
||||||
"md.sys.color.surface-bright": "md.ref.palette.neutral98",
|
"md.sys.color.surface-bright": "md.ref.palette.neutral98",
|
||||||
"md.sys.color.surface-container": "md.ref.palette.neutral94",
|
"md.sys.color.surface-container": "md.ref.palette.neutral94",
|
||||||
"md.sys.color.surface-container-high": "md.ref.palette.neutral92",
|
"md.sys.color.surface-container-high": "md.ref.palette.neutral92",
|
||||||
|
|
|
@ -1,10 +1,11 @@
|
||||||
{
|
{
|
||||||
"version": "v0_206",
|
"version": "v0_162",
|
||||||
|
|
||||||
"md.comp.date-picker.docked.container.color": "surfaceContainerHigh",
|
"md.comp.date-picker.docked.container.color": "surface",
|
||||||
"md.comp.date-picker.docked.container.elevation": "md.sys.elevation.level3",
|
"md.comp.date-picker.docked.container.elevation": "md.sys.elevation.level3",
|
||||||
"md.comp.date-picker.docked.container.height": 456.0,
|
"md.comp.date-picker.docked.container.height": 456.0,
|
||||||
"md.comp.date-picker.docked.container.shape": "md.sys.shape.corner.large",
|
"md.comp.date-picker.docked.container.shape": "md.sys.shape.corner.large",
|
||||||
|
"md.comp.date-picker.docked.container.surface-tint-layer.color": "surfaceTint",
|
||||||
"md.comp.date-picker.docked.container.width": 360.0,
|
"md.comp.date-picker.docked.container.width": 360.0,
|
||||||
"md.comp.date-picker.docked.date.container.height": 48.0,
|
"md.comp.date-picker.docked.date.container.height": 48.0,
|
||||||
"md.comp.date-picker.docked.date.container.shape": "md.sys.shape.corner.full",
|
"md.comp.date-picker.docked.date.container.shape": "md.sys.shape.corner.full",
|
||||||
|
|
|
@ -1,10 +1,11 @@
|
||||||
{
|
{
|
||||||
"version": "v0_206",
|
"version": "v0_162",
|
||||||
|
|
||||||
"md.comp.date-input.modal.container.color": "surfaceContainerHigh",
|
"md.comp.date-input.modal.container.color": "surface",
|
||||||
"md.comp.date-input.modal.container.elevation": "md.sys.elevation.level3",
|
"md.comp.date-input.modal.container.elevation": "md.sys.elevation.level3",
|
||||||
"md.comp.date-input.modal.container.height": 512.0,
|
"md.comp.date-input.modal.container.height": 512.0,
|
||||||
"md.comp.date-input.modal.container.shape": "md.sys.shape.corner.extra-large",
|
"md.comp.date-input.modal.container.shape": "md.sys.shape.corner.extra-large",
|
||||||
|
"md.comp.date-input.modal.container.surface-tint-layer.color": "surfaceTint",
|
||||||
"md.comp.date-input.modal.container.width": 328.0,
|
"md.comp.date-input.modal.container.width": 328.0,
|
||||||
"md.comp.date-input.modal.header.container.height": 120.0,
|
"md.comp.date-input.modal.header.container.height": 120.0,
|
||||||
"md.comp.date-input.modal.header.container.width": 328.0,
|
"md.comp.date-input.modal.header.container.width": 328.0,
|
||||||
|
|
|
@ -1,10 +1,11 @@
|
||||||
{
|
{
|
||||||
"version": "v0_206",
|
"version": "v0_162",
|
||||||
|
|
||||||
"md.comp.date-picker.modal.container.color": "surfaceContainerHigh",
|
"md.comp.date-picker.modal.container.color": "surface",
|
||||||
"md.comp.date-picker.modal.container.elevation": "md.sys.elevation.level3",
|
"md.comp.date-picker.modal.container.elevation": "md.sys.elevation.level3",
|
||||||
"md.comp.date-picker.modal.container.height": 568.0,
|
"md.comp.date-picker.modal.container.height": 568.0,
|
||||||
"md.comp.date-picker.modal.container.shape": "md.sys.shape.corner.extra-large",
|
"md.comp.date-picker.modal.container.shape": "md.sys.shape.corner.extra-large",
|
||||||
|
"md.comp.date-picker.modal.container.surface-tint-layer.color": "surfaceTint",
|
||||||
"md.comp.date-picker.modal.container.width": 360.0,
|
"md.comp.date-picker.modal.container.width": 360.0,
|
||||||
"md.comp.date-picker.modal.date.container.height": 40.0,
|
"md.comp.date-picker.modal.date.container.height": 40.0,
|
||||||
"md.comp.date-picker.modal.date.container.shape": "md.sys.shape.corner.full",
|
"md.comp.date-picker.modal.date.container.shape": "md.sys.shape.corner.full",
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
{
|
{
|
||||||
"version": "v0_206",
|
"version": "v0_162",
|
||||||
|
|
||||||
"md.comp.dialog.action.focus.label-text.color": "primary",
|
"md.comp.dialog.action.focus.label-text.color": "primary",
|
||||||
"md.comp.dialog.action.focus.state-layer.color": "primary",
|
"md.comp.dialog.action.focus.state-layer.color": "primary",
|
||||||
|
@ -12,9 +12,10 @@
|
||||||
"md.comp.dialog.action.pressed.label-text.color": "primary",
|
"md.comp.dialog.action.pressed.label-text.color": "primary",
|
||||||
"md.comp.dialog.action.pressed.state-layer.color": "primary",
|
"md.comp.dialog.action.pressed.state-layer.color": "primary",
|
||||||
"md.comp.dialog.action.pressed.state-layer.opacity": "md.sys.state.pressed.state-layer-opacity",
|
"md.comp.dialog.action.pressed.state-layer.opacity": "md.sys.state.pressed.state-layer-opacity",
|
||||||
"md.comp.dialog.container.color": "surfaceContainerHigh",
|
"md.comp.dialog.container.color": "surface",
|
||||||
"md.comp.dialog.container.elevation": "md.sys.elevation.level3",
|
"md.comp.dialog.container.elevation": "md.sys.elevation.level3",
|
||||||
"md.comp.dialog.container.shape": "md.sys.shape.corner.extra-large",
|
"md.comp.dialog.container.shape": "md.sys.shape.corner.extra-large",
|
||||||
|
"md.comp.dialog.container.surface-tint-layer.color": "surfaceTint",
|
||||||
"md.comp.dialog.headline.color": "onSurface",
|
"md.comp.dialog.headline.color": "onSurface",
|
||||||
"md.comp.dialog.headline.text-style": "headlineSmall",
|
"md.comp.dialog.headline.text-style": "headlineSmall",
|
||||||
"md.comp.dialog.supporting-text.color": "onSurfaceVariant",
|
"md.comp.dialog.supporting-text.color": "onSurfaceVariant",
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
{
|
{
|
||||||
"version": "v0_206",
|
"version": "v0_162",
|
||||||
|
|
||||||
"md.comp.full-screen-dialog.container.color": "surface",
|
"md.comp.full-screen-dialog.container.color": "surface",
|
||||||
"md.comp.full-screen-dialog.container.elevation": "md.sys.elevation.level0",
|
"md.comp.full-screen-dialog.container.elevation": "md.sys.elevation.level0",
|
||||||
|
@ -18,10 +18,10 @@
|
||||||
"md.comp.full-screen-dialog.header.container.color": "surface",
|
"md.comp.full-screen-dialog.header.container.color": "surface",
|
||||||
"md.comp.full-screen-dialog.header.container.elevation": "md.sys.elevation.level0",
|
"md.comp.full-screen-dialog.header.container.elevation": "md.sys.elevation.level0",
|
||||||
"md.comp.full-screen-dialog.header.container.height": 56.0,
|
"md.comp.full-screen-dialog.header.container.height": 56.0,
|
||||||
|
"md.comp.full-screen-dialog.header.container.surface-tint-layer.color": "surfaceTint",
|
||||||
"md.comp.full-screen-dialog.header.headline.color": "onSurface",
|
"md.comp.full-screen-dialog.header.headline.color": "onSurface",
|
||||||
"md.comp.full-screen-dialog.header.headline.text-style": "titleLarge",
|
"md.comp.full-screen-dialog.header.headline.text-style": "titleLarge",
|
||||||
"md.comp.full-screen-dialog.header.icon.color": "onSurface",
|
"md.comp.full-screen-dialog.header.icon.color": "onSurface",
|
||||||
"md.comp.full-screen-dialog.header.icon.size": 24.0,
|
"md.comp.full-screen-dialog.header.icon.size": 24.0,
|
||||||
"md.comp.full-screen-dialog.header.on-scroll.container.color": "surfaceContainer",
|
|
||||||
"md.comp.full-screen-dialog.header.on-scroll.container.elevation": "md.sys.elevation.level2"
|
"md.comp.full-screen-dialog.header.on-scroll.container.elevation": "md.sys.elevation.level2"
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
{
|
{
|
||||||
"version": "v0_206",
|
"version": "v0_162",
|
||||||
|
|
||||||
"md.comp.divider.color": "outlineVariant",
|
"md.comp.divider.color": "outlineVariant",
|
||||||
"md.comp.divider.thickness": 1.0
|
"md.comp.divider.thickness": 1.0
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
{
|
{
|
||||||
"version": "v0_206",
|
"version": "v0_162",
|
||||||
|
|
||||||
"md.sys.elevation.level0": 0.0,
|
"md.sys.elevation.level0": 0.0,
|
||||||
"md.sys.elevation.level1": 1.0,
|
"md.sys.elevation.level1": 1.0,
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
{
|
{
|
||||||
"version": "v0_206",
|
"version": "v0_162",
|
||||||
|
|
||||||
"md.comp.extended-fab.primary.container.color": "primaryContainer",
|
"md.comp.extended-fab.primary.container.color": "primaryContainer",
|
||||||
"md.comp.extended-fab.primary.container.elevation": "md.sys.elevation.level3",
|
"md.comp.extended-fab.primary.container.elevation": "md.sys.elevation.level3",
|
||||||
|
@ -8,9 +8,6 @@
|
||||||
"md.comp.extended-fab.primary.container.shape": "md.sys.shape.corner.large",
|
"md.comp.extended-fab.primary.container.shape": "md.sys.shape.corner.large",
|
||||||
"md.comp.extended-fab.primary.focus.container.elevation": "md.sys.elevation.level3",
|
"md.comp.extended-fab.primary.focus.container.elevation": "md.sys.elevation.level3",
|
||||||
"md.comp.extended-fab.primary.focus.icon.color": "onPrimaryContainer",
|
"md.comp.extended-fab.primary.focus.icon.color": "onPrimaryContainer",
|
||||||
"md.comp.extended-fab.primary.focus.indicator.color": "secondary",
|
|
||||||
"md.comp.extended-fab.primary.focus.indicator.outline.offset": "md.sys.state.focus-indicator.outer-offset",
|
|
||||||
"md.comp.extended-fab.primary.focus.indicator.thickness": "md.sys.state.focus-indicator.thickness",
|
|
||||||
"md.comp.extended-fab.primary.focus.label-text.color": "onPrimaryContainer",
|
"md.comp.extended-fab.primary.focus.label-text.color": "onPrimaryContainer",
|
||||||
"md.comp.extended-fab.primary.focus.state-layer.color": "onPrimaryContainer",
|
"md.comp.extended-fab.primary.focus.state-layer.color": "onPrimaryContainer",
|
||||||
"md.comp.extended-fab.primary.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
|
"md.comp.extended-fab.primary.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
{
|
{
|
||||||
"version": "v0_206",
|
"version": "v0_162",
|
||||||
|
|
||||||
"md.comp.fab.primary.large.container.color": "primaryContainer",
|
"md.comp.fab.primary.large.container.color": "primaryContainer",
|
||||||
"md.comp.fab.primary.large.container.elevation": "md.sys.elevation.level3",
|
"md.comp.fab.primary.large.container.elevation": "md.sys.elevation.level3",
|
||||||
|
@ -9,9 +9,6 @@
|
||||||
"md.comp.fab.primary.large.container.width": 96.0,
|
"md.comp.fab.primary.large.container.width": 96.0,
|
||||||
"md.comp.fab.primary.large.focus.container.elevation": "md.sys.elevation.level3",
|
"md.comp.fab.primary.large.focus.container.elevation": "md.sys.elevation.level3",
|
||||||
"md.comp.fab.primary.large.focus.icon.color": "onPrimaryContainer",
|
"md.comp.fab.primary.large.focus.icon.color": "onPrimaryContainer",
|
||||||
"md.comp.fab.primary.large.focus.indicator.color": "secondary",
|
|
||||||
"md.comp.fab.primary.large.focus.indicator.outline.offset": "md.sys.state.focus-indicator.outer-offset",
|
|
||||||
"md.comp.fab.primary.large.focus.indicator.thickness": "md.sys.state.focus-indicator.thickness",
|
|
||||||
"md.comp.fab.primary.large.focus.state-layer.color": "onPrimaryContainer",
|
"md.comp.fab.primary.large.focus.state-layer.color": "onPrimaryContainer",
|
||||||
"md.comp.fab.primary.large.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
|
"md.comp.fab.primary.large.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
|
||||||
"md.comp.fab.primary.large.hover.container.elevation": "md.sys.elevation.level4",
|
"md.comp.fab.primary.large.hover.container.elevation": "md.sys.elevation.level4",
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
{
|
{
|
||||||
"version": "v0_206",
|
"version": "v0_162",
|
||||||
|
|
||||||
"md.comp.fab.primary.container.color": "primaryContainer",
|
"md.comp.fab.primary.container.color": "primaryContainer",
|
||||||
"md.comp.fab.primary.container.elevation": "md.sys.elevation.level3",
|
"md.comp.fab.primary.container.elevation": "md.sys.elevation.level3",
|
||||||
|
@ -9,9 +9,6 @@
|
||||||
"md.comp.fab.primary.container.width": 56.0,
|
"md.comp.fab.primary.container.width": 56.0,
|
||||||
"md.comp.fab.primary.focus.container.elevation": "md.sys.elevation.level3",
|
"md.comp.fab.primary.focus.container.elevation": "md.sys.elevation.level3",
|
||||||
"md.comp.fab.primary.focus.icon.color": "onPrimaryContainer",
|
"md.comp.fab.primary.focus.icon.color": "onPrimaryContainer",
|
||||||
"md.comp.fab.primary.focus.indicator.color": "secondary",
|
|
||||||
"md.comp.fab.primary.focus.indicator.outline.offset": "md.sys.state.focus-indicator.outer-offset",
|
|
||||||
"md.comp.fab.primary.focus.indicator.thickness": "md.sys.state.focus-indicator.thickness",
|
|
||||||
"md.comp.fab.primary.focus.state-layer.color": "onPrimaryContainer",
|
"md.comp.fab.primary.focus.state-layer.color": "onPrimaryContainer",
|
||||||
"md.comp.fab.primary.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
|
"md.comp.fab.primary.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
|
||||||
"md.comp.fab.primary.hover.container.elevation": "md.sys.elevation.level4",
|
"md.comp.fab.primary.hover.container.elevation": "md.sys.elevation.level4",
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
{
|
{
|
||||||
"version": "v0_206",
|
"version": "v0_162",
|
||||||
|
|
||||||
"md.comp.fab.primary.small.container.color": "primaryContainer",
|
"md.comp.fab.primary.small.container.color": "primaryContainer",
|
||||||
"md.comp.fab.primary.small.container.elevation": "md.sys.elevation.level3",
|
"md.comp.fab.primary.small.container.elevation": "md.sys.elevation.level3",
|
||||||
|
@ -9,9 +9,6 @@
|
||||||
"md.comp.fab.primary.small.container.width": 40.0,
|
"md.comp.fab.primary.small.container.width": 40.0,
|
||||||
"md.comp.fab.primary.small.focus.container.elevation": "md.sys.elevation.level3",
|
"md.comp.fab.primary.small.focus.container.elevation": "md.sys.elevation.level3",
|
||||||
"md.comp.fab.primary.small.focus.icon.color": "onPrimaryContainer",
|
"md.comp.fab.primary.small.focus.icon.color": "onPrimaryContainer",
|
||||||
"md.comp.fab.primary.small.focus.indicator.color": "secondary",
|
|
||||||
"md.comp.fab.primary.small.focus.indicator.outline.offset": "md.sys.state.focus-indicator.outer-offset",
|
|
||||||
"md.comp.fab.primary.small.focus.indicator.thickness": "md.sys.state.focus-indicator.thickness",
|
|
||||||
"md.comp.fab.primary.small.focus.state-layer.color": "onPrimaryContainer",
|
"md.comp.fab.primary.small.focus.state-layer.color": "onPrimaryContainer",
|
||||||
"md.comp.fab.primary.small.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
|
"md.comp.fab.primary.small.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
|
||||||
"md.comp.fab.primary.small.hover.container.elevation": "md.sys.elevation.level4",
|
"md.comp.fab.primary.small.hover.container.elevation": "md.sys.elevation.level4",
|
||||||
|
|
|
@ -1,11 +1,8 @@
|
||||||
{
|
{
|
||||||
"version": "v0_206",
|
"version": "v0_162",
|
||||||
|
|
||||||
"md.comp.icon-button.disabled.icon.color": "onSurface",
|
"md.comp.icon-button.disabled.icon.color": "onSurface",
|
||||||
"md.comp.icon-button.disabled.icon.opacity": 0.38,
|
"md.comp.icon-button.disabled.icon.opacity": 0.38,
|
||||||
"md.comp.icon-button.focus.indicator.color": "secondary",
|
|
||||||
"md.comp.icon-button.focus.indicator.outline.offset": "md.sys.state.focus-indicator.outer-offset",
|
|
||||||
"md.comp.icon-button.focus.indicator.thickness": "md.sys.state.focus-indicator.thickness",
|
|
||||||
"md.comp.icon-button.icon.size": 24.0,
|
"md.comp.icon-button.icon.size": 24.0,
|
||||||
"md.comp.icon-button.selected.focus.icon.color": "primary",
|
"md.comp.icon-button.selected.focus.icon.color": "primary",
|
||||||
"md.comp.icon-button.selected.focus.state-layer.color": "primary",
|
"md.comp.icon-button.selected.focus.state-layer.color": "primary",
|
||||||
|
@ -17,9 +14,8 @@
|
||||||
"md.comp.icon-button.selected.pressed.icon.color": "primary",
|
"md.comp.icon-button.selected.pressed.icon.color": "primary",
|
||||||
"md.comp.icon-button.selected.pressed.state-layer.color": "primary",
|
"md.comp.icon-button.selected.pressed.state-layer.color": "primary",
|
||||||
"md.comp.icon-button.selected.pressed.state-layer.opacity": "md.sys.state.pressed.state-layer-opacity",
|
"md.comp.icon-button.selected.pressed.state-layer.opacity": "md.sys.state.pressed.state-layer-opacity",
|
||||||
"md.comp.icon-button.state-layer.height": 40.0,
|
|
||||||
"md.comp.icon-button.state-layer.shape": "md.sys.shape.corner.full",
|
"md.comp.icon-button.state-layer.shape": "md.sys.shape.corner.full",
|
||||||
"md.comp.icon-button.state-layer.width": 40.0,
|
"md.comp.icon-button.state-layer.size": 40.0,
|
||||||
"md.comp.icon-button.unselected.focus.icon.color": "onSurfaceVariant",
|
"md.comp.icon-button.unselected.focus.icon.color": "onSurfaceVariant",
|
||||||
"md.comp.icon-button.unselected.focus.state-layer.color": "onSurfaceVariant",
|
"md.comp.icon-button.unselected.focus.state-layer.color": "onSurfaceVariant",
|
||||||
"md.comp.icon-button.unselected.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
|
"md.comp.icon-button.unselected.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
|
||||||
|
|
|
@ -1,18 +1,14 @@
|
||||||
{
|
{
|
||||||
"version": "v0_206",
|
"version": "v0_162",
|
||||||
|
|
||||||
"md.comp.filled-icon-button.container.color": "primary",
|
"md.comp.filled-icon-button.container.color": "primary",
|
||||||
"md.comp.filled-icon-button.container.height": 40.0,
|
|
||||||
"md.comp.filled-icon-button.container.shape": "md.sys.shape.corner.full",
|
"md.comp.filled-icon-button.container.shape": "md.sys.shape.corner.full",
|
||||||
"md.comp.filled-icon-button.container.width": 40.0,
|
"md.comp.filled-icon-button.container.size": 40.0,
|
||||||
"md.comp.filled-icon-button.disabled.container.color": "onSurface",
|
"md.comp.filled-icon-button.disabled.container.color": "onSurface",
|
||||||
"md.comp.filled-icon-button.disabled.container.opacity": 0.12,
|
"md.comp.filled-icon-button.disabled.container.opacity": 0.12,
|
||||||
"md.comp.filled-icon-button.disabled.icon.color": "onSurface",
|
"md.comp.filled-icon-button.disabled.icon.color": "onSurface",
|
||||||
"md.comp.filled-icon-button.disabled.icon.opacity": 0.38,
|
"md.comp.filled-icon-button.disabled.icon.opacity": 0.38,
|
||||||
"md.comp.filled-icon-button.focus.icon.color": "onPrimary",
|
"md.comp.filled-icon-button.focus.icon.color": "onPrimary",
|
||||||
"md.comp.filled-icon-button.focus.indicator.color": "secondary",
|
|
||||||
"md.comp.filled-icon-button.focus.indicator.outline.offset": "md.sys.state.focus-indicator.outer-offset",
|
|
||||||
"md.comp.filled-icon-button.focus.indicator.thickness": "md.sys.state.focus-indicator.thickness",
|
|
||||||
"md.comp.filled-icon-button.focus.state-layer.color": "onPrimary",
|
"md.comp.filled-icon-button.focus.state-layer.color": "onPrimary",
|
||||||
"md.comp.filled-icon-button.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
|
"md.comp.filled-icon-button.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
|
||||||
"md.comp.filled-icon-button.hover.icon.color": "onPrimary",
|
"md.comp.filled-icon-button.hover.icon.color": "onPrimary",
|
||||||
|
@ -38,5 +34,5 @@
|
||||||
"md.comp.filled-icon-button.toggle.unselected.icon.color": "primary",
|
"md.comp.filled-icon-button.toggle.unselected.icon.color": "primary",
|
||||||
"md.comp.filled-icon-button.toggle.unselected.pressed.icon.color": "primary",
|
"md.comp.filled-icon-button.toggle.unselected.pressed.icon.color": "primary",
|
||||||
"md.comp.filled-icon-button.toggle.unselected.pressed.state-layer.color": "primary",
|
"md.comp.filled-icon-button.toggle.unselected.pressed.state-layer.color": "primary",
|
||||||
"md.comp.filled-icon-button.unselected.container.color": "surfaceContainerHighest"
|
"md.comp.filled-icon-button.unselected.container.color": "surfaceVariant"
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,18 +1,14 @@
|
||||||
{
|
{
|
||||||
"version": "v0_206",
|
"version": "v0_162",
|
||||||
|
|
||||||
"md.comp.filled-tonal-icon-button.container.color": "secondaryContainer",
|
"md.comp.filled-tonal-icon-button.container.color": "secondaryContainer",
|
||||||
"md.comp.filled-tonal-icon-button.container.height": 40.0,
|
|
||||||
"md.comp.filled-tonal-icon-button.container.shape": "md.sys.shape.corner.full",
|
"md.comp.filled-tonal-icon-button.container.shape": "md.sys.shape.corner.full",
|
||||||
"md.comp.filled-tonal-icon-button.container.width": 40.0,
|
"md.comp.filled-tonal-icon-button.container.size": 40.0,
|
||||||
"md.comp.filled-tonal-icon-button.disabled.container.color": "onSurface",
|
"md.comp.filled-tonal-icon-button.disabled.container.color": "onSurface",
|
||||||
"md.comp.filled-tonal-icon-button.disabled.container.opacity": 0.12,
|
"md.comp.filled-tonal-icon-button.disabled.container.opacity": 0.12,
|
||||||
"md.comp.filled-tonal-icon-button.disabled.icon.color": "onSurface",
|
"md.comp.filled-tonal-icon-button.disabled.icon.color": "onSurface",
|
||||||
"md.comp.filled-tonal-icon-button.disabled.icon.opacity": 0.38,
|
"md.comp.filled-tonal-icon-button.disabled.icon.opacity": 0.38,
|
||||||
"md.comp.filled-tonal-icon-button.focus.icon.color": "onSecondaryContainer",
|
"md.comp.filled-tonal-icon-button.focus.icon.color": "onSecondaryContainer",
|
||||||
"md.comp.filled-tonal-icon-button.focus.indicator.color": "secondary",
|
|
||||||
"md.comp.filled-tonal-icon-button.focus.indicator.outline.offset": "md.sys.state.focus-indicator.outer-offset",
|
|
||||||
"md.comp.filled-tonal-icon-button.focus.indicator.thickness": "md.sys.state.focus-indicator.thickness",
|
|
||||||
"md.comp.filled-tonal-icon-button.focus.state-layer.color": "onSecondaryContainer",
|
"md.comp.filled-tonal-icon-button.focus.state-layer.color": "onSecondaryContainer",
|
||||||
"md.comp.filled-tonal-icon-button.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
|
"md.comp.filled-tonal-icon-button.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
|
||||||
"md.comp.filled-tonal-icon-button.hover.icon.color": "onSecondaryContainer",
|
"md.comp.filled-tonal-icon-button.hover.icon.color": "onSecondaryContainer",
|
||||||
|
@ -38,5 +34,5 @@
|
||||||
"md.comp.filled-tonal-icon-button.toggle.unselected.icon.color": "onSurfaceVariant",
|
"md.comp.filled-tonal-icon-button.toggle.unselected.icon.color": "onSurfaceVariant",
|
||||||
"md.comp.filled-tonal-icon-button.toggle.unselected.pressed.icon.color": "onSurfaceVariant",
|
"md.comp.filled-tonal-icon-button.toggle.unselected.pressed.icon.color": "onSurfaceVariant",
|
||||||
"md.comp.filled-tonal-icon-button.toggle.unselected.pressed.state-layer.color": "onSurfaceVariant",
|
"md.comp.filled-tonal-icon-button.toggle.unselected.pressed.state-layer.color": "onSurfaceVariant",
|
||||||
"md.comp.filled-tonal-icon-button.unselected.container.color": "surfaceContainerHighest"
|
"md.comp.filled-tonal-icon-button.unselected.container.color": "surfaceVariant"
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,18 +1,14 @@
|
||||||
{
|
{
|
||||||
"version": "v0_206",
|
"version": "v0_162",
|
||||||
|
|
||||||
"md.comp.outlined-icon-button.container.height": 40.0,
|
|
||||||
"md.comp.outlined-icon-button.container.shape": "md.sys.shape.corner.full",
|
"md.comp.outlined-icon-button.container.shape": "md.sys.shape.corner.full",
|
||||||
"md.comp.outlined-icon-button.container.width": 40.0,
|
"md.comp.outlined-icon-button.container.size": 40.0,
|
||||||
"md.comp.outlined-icon-button.disabled.icon.color": "onSurface",
|
"md.comp.outlined-icon-button.disabled.icon.color": "onSurface",
|
||||||
"md.comp.outlined-icon-button.disabled.icon.opacity": 0.38,
|
"md.comp.outlined-icon-button.disabled.icon.opacity": 0.38,
|
||||||
"md.comp.outlined-icon-button.disabled.selected.container.color": "onSurface",
|
"md.comp.outlined-icon-button.disabled.selected.container.color": "onSurface",
|
||||||
"md.comp.outlined-icon-button.disabled.selected.container.opacity": 0.12,
|
"md.comp.outlined-icon-button.disabled.selected.container.opacity": 0.12,
|
||||||
"md.comp.outlined-icon-button.disabled.unselected.outline.color": "onSurface",
|
"md.comp.outlined-icon-button.disabled.unselected.outline.color": "onSurface",
|
||||||
"md.comp.outlined-icon-button.disabled.unselected.outline.opacity": 0.12,
|
"md.comp.outlined-icon-button.disabled.unselected.outline.opacity": 0.12,
|
||||||
"md.comp.outlined-icon-button.focus.indicator.color": "secondary",
|
|
||||||
"md.comp.outlined-icon-button.focus.indicator.outline.offset": "md.sys.state.focus-indicator.outer-offset",
|
|
||||||
"md.comp.outlined-icon-button.focus.indicator.thickness": "md.sys.state.focus-indicator.thickness",
|
|
||||||
"md.comp.outlined-icon-button.focus.state-layer.opacity": "md.sys.state.hover.state-layer-opacity",
|
"md.comp.outlined-icon-button.focus.state-layer.opacity": "md.sys.state.hover.state-layer-opacity",
|
||||||
"md.comp.outlined-icon-button.hover.state-layer.opacity": "md.sys.state.hover.state-layer-opacity",
|
"md.comp.outlined-icon-button.hover.state-layer.opacity": "md.sys.state.hover.state-layer-opacity",
|
||||||
"md.comp.outlined-icon-button.icon.size": 24.0,
|
"md.comp.outlined-icon-button.icon.size": 24.0,
|
||||||
|
|
|
@ -1,11 +1,6 @@
|
||||||
{
|
{
|
||||||
"version": "v0_206",
|
"version": "v0_162",
|
||||||
|
|
||||||
"md.comp.list.divider.leading-space": 16.0,
|
|
||||||
"md.comp.list.divider.trailing-space": 16.0,
|
|
||||||
"md.comp.list.focus.indicator.color": "secondary",
|
|
||||||
"md.comp.list.focus.indicator.outline.offset": "md.sys.state.focus-indicator.inner-offset",
|
|
||||||
"md.comp.list.focus.indicator.thickness": "md.sys.state.focus-indicator.thickness",
|
|
||||||
"md.comp.list.list-item.container.color": "surface",
|
"md.comp.list.list-item.container.color": "surface",
|
||||||
"md.comp.list.list-item.container.elevation": "md.sys.elevation.level0",
|
"md.comp.list.list-item.container.elevation": "md.sys.elevation.level0",
|
||||||
"md.comp.list.list-item.container.shape": "md.sys.shape.corner.none",
|
"md.comp.list.list-item.container.shape": "md.sys.shape.corner.none",
|
||||||
|
@ -42,11 +37,10 @@
|
||||||
"md.comp.list.list-item.leading-avatar.shape": "md.sys.shape.corner.full",
|
"md.comp.list.list-item.leading-avatar.shape": "md.sys.shape.corner.full",
|
||||||
"md.comp.list.list-item.leading-avatar.size": 40.0,
|
"md.comp.list.list-item.leading-avatar.size": 40.0,
|
||||||
"md.comp.list.list-item.leading-icon.color": "onSurfaceVariant",
|
"md.comp.list.list-item.leading-icon.color": "onSurfaceVariant",
|
||||||
"md.comp.list.list-item.leading-icon.size": 24.0,
|
"md.comp.list.list-item.leading-icon.size": 18.0,
|
||||||
"md.comp.list.list-item.leading-image.height": 56.0,
|
"md.comp.list.list-item.leading-image.height": 56.0,
|
||||||
"md.comp.list.list-item.leading-image.shape": "md.sys.shape.corner.none",
|
"md.comp.list.list-item.leading-image.shape": "md.sys.shape.corner.none",
|
||||||
"md.comp.list.list-item.leading-image.width": 56.0,
|
"md.comp.list.list-item.leading-image.width": 56.0,
|
||||||
"md.comp.list.list-item.leading-space": 16.0,
|
|
||||||
"md.comp.list.list-item.leading-video.shape": "md.sys.shape.corner.none",
|
"md.comp.list.list-item.leading-video.shape": "md.sys.shape.corner.none",
|
||||||
"md.comp.list.list-item.leading-video.width": 100.0,
|
"md.comp.list.list-item.leading-video.width": 100.0,
|
||||||
"md.comp.list.list-item.one-line.container.height": 56.0,
|
"md.comp.list.list-item.one-line.container.height": 56.0,
|
||||||
|
@ -64,7 +58,6 @@
|
||||||
"md.comp.list.list-item.three-line.container.height": 88.0,
|
"md.comp.list.list-item.three-line.container.height": 88.0,
|
||||||
"md.comp.list.list-item.trailing-icon.color": "onSurfaceVariant",
|
"md.comp.list.list-item.trailing-icon.color": "onSurfaceVariant",
|
||||||
"md.comp.list.list-item.trailing-icon.size": 24.0,
|
"md.comp.list.list-item.trailing-icon.size": 24.0,
|
||||||
"md.comp.list.list-item.trailing-space": 16.0,
|
|
||||||
"md.comp.list.list-item.trailing-supporting-text.color": "onSurfaceVariant",
|
"md.comp.list.list-item.trailing-supporting-text.color": "onSurfaceVariant",
|
||||||
"md.comp.list.list-item.trailing-supporting-text.text-style": "labelSmall",
|
"md.comp.list.list-item.trailing-supporting-text.text-style": "labelSmall",
|
||||||
"md.comp.list.list-item.two-line.container.height": 72.0,
|
"md.comp.list.list-item.two-line.container.height": 72.0,
|
||||||
|
|
|
@ -1,15 +1,10 @@
|
||||||
{
|
{
|
||||||
"version": "v0_206",
|
"version": "v0_162",
|
||||||
|
|
||||||
"md.comp.menu.container.color": "surfaceContainer",
|
"md.comp.menu.container.color": "surface",
|
||||||
"md.comp.menu.container.elevation": "md.sys.elevation.level2",
|
"md.comp.menu.container.elevation": "md.sys.elevation.level2",
|
||||||
"md.comp.menu.container.shadow-color": "shadow",
|
"md.comp.menu.container.shadow-color": "shadow",
|
||||||
"md.comp.menu.container.shape": "md.sys.shape.corner.extra-small",
|
"md.comp.menu.container.shape": "md.sys.shape.corner.extra-small",
|
||||||
"md.comp.menu.focus.indicator.color": "secondary",
|
"md.comp.menu.container.surface-tint-layer.color": "surfaceTint",
|
||||||
"md.comp.menu.focus.indicator.outline.offset": "md.sys.state.focus-indicator.inner-offset",
|
"md.comp.menu.list-item.selected.container.color": "surfaceVariant"
|
||||||
"md.comp.menu.focus.indicator.thickness": "md.sys.state.focus-indicator.thickness",
|
|
||||||
"md.comp.menu.list-item.selected.container.color": "secondaryContainer",
|
|
||||||
"md.comp.menu.list-item.selected.label-text.color": "onSecondaryContainer",
|
|
||||||
"md.comp.menu.list-item.selected.with-leading-icon.trailing-icon.color": "onSecondaryContainer",
|
|
||||||
"md.comp.menu.menu-list-item-with-leading-icon-icon-color": "onSecondaryContainer"
|
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
{
|
{
|
||||||
"version": "v0_206",
|
"version": "v0_162",
|
||||||
|
|
||||||
"md.sys.motion.duration.extra-long1Ms": 700.0,
|
"md.sys.motion.duration.extra-long1Ms": 700.0,
|
||||||
"md.sys.motion.duration.extra-long2Ms": 800.0,
|
"md.sys.motion.duration.extra-long2Ms": 800.0,
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
{
|
{
|
||||||
"version": "v0_206",
|
"version": "v0_162",
|
||||||
|
|
||||||
"md.comp.navigation-bar.active.focus.icon.color": "onSecondaryContainer",
|
"md.comp.navigation-bar.active.focus.icon.color": "onSecondaryContainer",
|
||||||
"md.comp.navigation-bar.active.focus.label-text.color": "onSurface",
|
"md.comp.navigation-bar.active.focus.label-text.color": "onSurface",
|
||||||
|
@ -16,13 +16,11 @@
|
||||||
"md.comp.navigation-bar.active.pressed.icon.color": "onSecondaryContainer",
|
"md.comp.navigation-bar.active.pressed.icon.color": "onSecondaryContainer",
|
||||||
"md.comp.navigation-bar.active.pressed.label-text.color": "onSurface",
|
"md.comp.navigation-bar.active.pressed.label-text.color": "onSurface",
|
||||||
"md.comp.navigation-bar.active.pressed.state-layer.color": "onSurface",
|
"md.comp.navigation-bar.active.pressed.state-layer.color": "onSurface",
|
||||||
"md.comp.navigation-bar.container.color": "surfaceContainer",
|
"md.comp.navigation-bar.container.color": "surface",
|
||||||
"md.comp.navigation-bar.container.elevation": "md.sys.elevation.level2",
|
"md.comp.navigation-bar.container.elevation": "md.sys.elevation.level2",
|
||||||
"md.comp.navigation-bar.container.height": 80.0,
|
"md.comp.navigation-bar.container.height": 80.0,
|
||||||
"md.comp.navigation-bar.container.shape": "md.sys.shape.corner.none",
|
"md.comp.navigation-bar.container.shape": "md.sys.shape.corner.none",
|
||||||
"md.comp.navigation-bar.focus.indicator.color": "secondary",
|
"md.comp.navigation-bar.container.surface-tint-layer.color": "surfaceTint",
|
||||||
"md.comp.navigation-bar.focus.indicator.outline.offset": "md.sys.state.focus-indicator.inner-offset",
|
|
||||||
"md.comp.navigation-bar.focus.indicator.thickness": "md.sys.state.focus-indicator.thickness",
|
|
||||||
"md.comp.navigation-bar.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
|
"md.comp.navigation-bar.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
|
||||||
"md.comp.navigation-bar.hover.state-layer.opacity": "md.sys.state.hover.state-layer-opacity",
|
"md.comp.navigation-bar.hover.state-layer.opacity": "md.sys.state.hover.state-layer-opacity",
|
||||||
"md.comp.navigation-bar.icon.size": 24.0,
|
"md.comp.navigation-bar.icon.size": 24.0,
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
{
|
{
|
||||||
"version": "v0_206",
|
"version": "v0_162",
|
||||||
|
|
||||||
"md.comp.navigation-drawer.active.focus.icon.color": "onSecondaryContainer",
|
"md.comp.navigation-drawer.active.focus.icon.color": "onSecondaryContainer",
|
||||||
"md.comp.navigation-drawer.active.focus.label-text.color": "onSecondaryContainer",
|
"md.comp.navigation-drawer.active.focus.label-text.color": "onSecondaryContainer",
|
||||||
|
@ -17,12 +17,11 @@
|
||||||
"md.comp.navigation-drawer.active.pressed.label-text.color": "onSecondaryContainer",
|
"md.comp.navigation-drawer.active.pressed.label-text.color": "onSecondaryContainer",
|
||||||
"md.comp.navigation-drawer.active.pressed.state-layer.color": "onSecondaryContainer",
|
"md.comp.navigation-drawer.active.pressed.state-layer.color": "onSecondaryContainer",
|
||||||
"md.comp.navigation-drawer.bottom.container.shape": "md.sys.shape.corner.large.top",
|
"md.comp.navigation-drawer.bottom.container.shape": "md.sys.shape.corner.large.top",
|
||||||
|
"md.comp.navigation-drawer.container.color": "surface",
|
||||||
"md.comp.navigation-drawer.container.height": 100.0,
|
"md.comp.navigation-drawer.container.height": 100.0,
|
||||||
"md.comp.navigation-drawer.container.shape": "md.sys.shape.corner.large.end",
|
"md.comp.navigation-drawer.container.shape": "md.sys.shape.corner.large.end",
|
||||||
|
"md.comp.navigation-drawer.container.surface-tint-layer.color": "surfaceTint",
|
||||||
"md.comp.navigation-drawer.container.width": 360.0,
|
"md.comp.navigation-drawer.container.width": 360.0,
|
||||||
"md.comp.navigation-drawer.focus.indicator.color": "secondary",
|
|
||||||
"md.comp.navigation-drawer.focus.indicator.outline.offset": "md.sys.state.focus-indicator.inner-offset",
|
|
||||||
"md.comp.navigation-drawer.focus.indicator.thickness": "md.sys.state.focus-indicator.thickness",
|
|
||||||
"md.comp.navigation-drawer.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
|
"md.comp.navigation-drawer.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
|
||||||
"md.comp.navigation-drawer.headline.color": "onSurfaceVariant",
|
"md.comp.navigation-drawer.headline.color": "onSurfaceVariant",
|
||||||
"md.comp.navigation-drawer.headline.text-style": "titleSmall",
|
"md.comp.navigation-drawer.headline.text-style": "titleSmall",
|
||||||
|
@ -42,9 +41,7 @@
|
||||||
"md.comp.navigation-drawer.label-text.text-style": "labelLarge",
|
"md.comp.navigation-drawer.label-text.text-style": "labelLarge",
|
||||||
"md.comp.navigation-drawer.large-badge-label.color": "onSurfaceVariant",
|
"md.comp.navigation-drawer.large-badge-label.color": "onSurfaceVariant",
|
||||||
"md.comp.navigation-drawer.large-badge-label.text-style": "labelLarge",
|
"md.comp.navigation-drawer.large-badge-label.text-style": "labelLarge",
|
||||||
"md.comp.navigation-drawer.modal.container.color": "surfaceContainerLow",
|
|
||||||
"md.comp.navigation-drawer.modal.container.elevation": "md.sys.elevation.level1",
|
"md.comp.navigation-drawer.modal.container.elevation": "md.sys.elevation.level1",
|
||||||
"md.comp.navigation-drawer.pressed.state-layer.opacity": "md.sys.state.pressed.state-layer-opacity",
|
"md.comp.navigation-drawer.pressed.state-layer.opacity": "md.sys.state.pressed.state-layer-opacity",
|
||||||
"md.comp.navigation-drawer.standard.container.color": "surface",
|
|
||||||
"md.comp.navigation-drawer.standard.container.elevation": "md.sys.elevation.level0"
|
"md.comp.navigation-drawer.standard.container.elevation": "md.sys.elevation.level0"
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
{
|
{
|
||||||
"version": "v0_206",
|
"version": "v0_162",
|
||||||
|
|
||||||
"md.comp.navigation-rail.active.focus.icon.color": "onSecondaryContainer",
|
"md.comp.navigation-rail.active.focus.icon.color": "onSecondaryContainer",
|
||||||
"md.comp.navigation-rail.active.focus.label-text.color": "onSurface",
|
"md.comp.navigation-rail.active.focus.label-text.color": "onSurface",
|
||||||
|
@ -35,6 +35,17 @@
|
||||||
"md.comp.navigation-rail.inactive.pressed.label-text.color": "onSurface",
|
"md.comp.navigation-rail.inactive.pressed.label-text.color": "onSurface",
|
||||||
"md.comp.navigation-rail.inactive.pressed.state-layer.color": "onSurface",
|
"md.comp.navigation-rail.inactive.pressed.state-layer.color": "onSurface",
|
||||||
"md.comp.navigation-rail.label-text.text-style": "labelMedium",
|
"md.comp.navigation-rail.label-text.text-style": "labelMedium",
|
||||||
|
"md.comp.navigation-rail.menu.focus.icon.color": "onSurface",
|
||||||
|
"md.comp.navigation-rail.menu.focus.state-layer.color": "onSurface",
|
||||||
|
"md.comp.navigation-rail.menu.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
|
||||||
|
"md.comp.navigation-rail.menu.hover.icon.color": "onSurface",
|
||||||
|
"md.comp.navigation-rail.menu.hover.state-layer.color": "onSurface",
|
||||||
|
"md.comp.navigation-rail.menu.hover.state-layer.opacity": "md.sys.state.hover.state-layer-opacity",
|
||||||
|
"md.comp.navigation-rail.menu.icon.color": "onSurfaceVariant",
|
||||||
|
"md.comp.navigation-rail.menu.icon.size": 24.0,
|
||||||
|
"md.comp.navigation-rail.menu.pressed.icon.color": "onSurface",
|
||||||
|
"md.comp.navigation-rail.menu.pressed.state-layer.color": "onSurface",
|
||||||
|
"md.comp.navigation-rail.menu.pressed.state-layer.opacity": "md.sys.state.pressed.state-layer-opacity",
|
||||||
"md.comp.navigation-rail.no-label.active-indicator.height": 56.0,
|
"md.comp.navigation-rail.no-label.active-indicator.height": 56.0,
|
||||||
"md.comp.navigation-rail.no-label.active-indicator.shape": "md.sys.shape.corner.full",
|
"md.comp.navigation-rail.no-label.active-indicator.shape": "md.sys.shape.corner.full",
|
||||||
"md.comp.navigation-rail.pressed.state-layer.opacity": "md.sys.state.pressed.state-layer-opacity"
|
"md.comp.navigation-rail.pressed.state-layer.opacity": "md.sys.state.pressed.state-layer-opacity"
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
{
|
{
|
||||||
"version": "v0_206",
|
"version": "v0_162",
|
||||||
|
|
||||||
"md.comp.primary-navigation-tab.active.focus.state-layer.color": "primary",
|
"md.comp.primary-navigation-tab.active.focus.state-layer.color": "primary",
|
||||||
"md.comp.primary-navigation-tab.active.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
|
"md.comp.primary-navigation-tab.active.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
|
||||||
|
@ -13,9 +13,8 @@
|
||||||
"md.comp.primary-navigation-tab.container.elevation": "md.sys.elevation.level0",
|
"md.comp.primary-navigation-tab.container.elevation": "md.sys.elevation.level0",
|
||||||
"md.comp.primary-navigation-tab.container.height": 48.0,
|
"md.comp.primary-navigation-tab.container.height": 48.0,
|
||||||
"md.comp.primary-navigation-tab.container.shape": "md.sys.shape.corner.none",
|
"md.comp.primary-navigation-tab.container.shape": "md.sys.shape.corner.none",
|
||||||
"md.comp.primary-navigation-tab.focus.indicator.color": "secondary",
|
"md.comp.primary-navigation-tab.divider.color": "surfaceVariant",
|
||||||
"md.comp.primary-navigation-tab.focus.indicator.outline.offset": "md.sys.state.focus-indicator.inner-offset",
|
"md.comp.primary-navigation-tab.divider.height": 1.0,
|
||||||
"md.comp.primary-navigation-tab.focus.indicator.thickness": "md.sys.state.focus-indicator.thickness",
|
|
||||||
"md.comp.primary-navigation-tab.inactive.focus.state-layer.color": "onSurface",
|
"md.comp.primary-navigation-tab.inactive.focus.state-layer.color": "onSurface",
|
||||||
"md.comp.primary-navigation-tab.inactive.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
|
"md.comp.primary-navigation-tab.inactive.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
|
||||||
"md.comp.primary-navigation-tab.inactive.hover.state-layer.color": "onSurface",
|
"md.comp.primary-navigation-tab.inactive.hover.state-layer.color": "onSurface",
|
||||||
|
|
|
@ -1,17 +1,14 @@
|
||||||
{
|
{
|
||||||
"version": "v0_206",
|
"version": "v0_162",
|
||||||
|
|
||||||
"md.comp.secondary-navigation-tab.active-indicator.color": "primary",
|
|
||||||
"md.comp.secondary-navigation-tab.active-indicator.height": 2.0,
|
|
||||||
"md.comp.secondary-navigation-tab.active.label-text.color": "onSurface",
|
"md.comp.secondary-navigation-tab.active.label-text.color": "onSurface",
|
||||||
"md.comp.secondary-navigation-tab.container.color": "surface",
|
"md.comp.secondary-navigation-tab.container.color": "surface",
|
||||||
"md.comp.secondary-navigation-tab.container.elevation": "md.sys.elevation.level0",
|
"md.comp.secondary-navigation-tab.container.elevation": "md.sys.elevation.level0",
|
||||||
"md.comp.secondary-navigation-tab.container.height": 48.0,
|
"md.comp.secondary-navigation-tab.container.height": 48.0,
|
||||||
"md.comp.secondary-navigation-tab.container.shadow-color": "shadow",
|
"md.comp.secondary-navigation-tab.container.shadow-color": "shadow",
|
||||||
"md.comp.secondary-navigation-tab.container.shape": "md.sys.shape.corner.none",
|
"md.comp.secondary-navigation-tab.container.shape": "md.sys.shape.corner.none",
|
||||||
"md.comp.secondary-navigation-tab.focus.indicator.color": "secondary",
|
"md.comp.secondary-navigation-tab.divider.color": "surfaceVariant",
|
||||||
"md.comp.secondary-navigation-tab.focus.indicator.outline.offset": "md.sys.state.focus-indicator.inner-offset",
|
"md.comp.secondary-navigation-tab.divider.height": 1.0,
|
||||||
"md.comp.secondary-navigation-tab.focus.indicator.thickness": "md.sys.state.focus-indicator.thickness",
|
|
||||||
"md.comp.secondary-navigation-tab.focus.label-text.color": "onSurface",
|
"md.comp.secondary-navigation-tab.focus.label-text.color": "onSurface",
|
||||||
"md.comp.secondary-navigation-tab.focus.state-layer.color": "onSurface",
|
"md.comp.secondary-navigation-tab.focus.state-layer.color": "onSurface",
|
||||||
"md.comp.secondary-navigation-tab.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
|
"md.comp.secondary-navigation-tab.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
{
|
{
|
||||||
"version": "v0_206",
|
"version": "v0_162",
|
||||||
|
|
||||||
"md.ref.palette.black": "0xFF000000",
|
"md.ref.palette.black": "0xFF000000",
|
||||||
"md.ref.palette.error0": "0xFF000000",
|
"md.ref.palette.error0": "0xFF000000",
|
||||||
|
@ -16,29 +16,29 @@
|
||||||
"md.ref.palette.error95": "0xFFFCEEEE",
|
"md.ref.palette.error95": "0xFFFCEEEE",
|
||||||
"md.ref.palette.error99": "0xFFFFFBF9",
|
"md.ref.palette.error99": "0xFFFFFBF9",
|
||||||
"md.ref.palette.neutral0": "0xFF000000",
|
"md.ref.palette.neutral0": "0xFF000000",
|
||||||
"md.ref.palette.neutral10": "0xFF1D1B20",
|
"md.ref.palette.neutral10": "0xFF1C1B1F",
|
||||||
"md.ref.palette.neutral100": "0xFFFFFFFF",
|
"md.ref.palette.neutral100": "0xFFFFFFFF",
|
||||||
"md.ref.palette.neutral12": "0xFF211F26",
|
"md.ref.palette.neutral12": "0xFF201F23",
|
||||||
"md.ref.palette.neutral17": "0xFF2B2930",
|
"md.ref.palette.neutral17": "0xFF2B292D",
|
||||||
"md.ref.palette.neutral20": "0xFF322F35",
|
"md.ref.palette.neutral20": "0xFF313033",
|
||||||
"md.ref.palette.neutral22": "0xFF36343B",
|
"md.ref.palette.neutral22": "0xFF313033",
|
||||||
"md.ref.palette.neutral24": "0xFF3B383E",
|
"md.ref.palette.neutral24": "0xFF313033",
|
||||||
"md.ref.palette.neutral30": "0xFF48464C",
|
"md.ref.palette.neutral30": "0xFF484649",
|
||||||
"md.ref.palette.neutral4": "0xFF0F0D13",
|
"md.ref.palette.neutral4": "0xFF0E0E11",
|
||||||
"md.ref.palette.neutral40": "0xFF605D64",
|
"md.ref.palette.neutral40": "0xFF605D62",
|
||||||
"md.ref.palette.neutral50": "0xFF79767D",
|
"md.ref.palette.neutral50": "0xFF787579",
|
||||||
"md.ref.palette.neutral6": "0xFF141218",
|
"md.ref.palette.neutral6": "0xFF141317",
|
||||||
"md.ref.palette.neutral60": "0xFF938F96",
|
"md.ref.palette.neutral60": "0xFF939094",
|
||||||
"md.ref.palette.neutral70": "0xFFAEA9B1",
|
"md.ref.palette.neutral70": "0xFFAEAAAE",
|
||||||
"md.ref.palette.neutral80": "0xFFCAC5CD",
|
"md.ref.palette.neutral80": "0xFFC9C5CA",
|
||||||
"md.ref.palette.neutral87": "0xFFDED8E1",
|
"md.ref.palette.neutral87": "0xFFDDD8DD",
|
||||||
"md.ref.palette.neutral90": "0xFFE6E0E9",
|
"md.ref.palette.neutral90": "0xFFE6E1E5",
|
||||||
"md.ref.palette.neutral92": "0xFFECE6F0",
|
"md.ref.palette.neutral92": "0xFFECE7EC",
|
||||||
"md.ref.palette.neutral94": "0xFFF3EDF7",
|
"md.ref.palette.neutral94": "0xFFF1ECF1",
|
||||||
"md.ref.palette.neutral95": "0xFFF5EFF7",
|
"md.ref.palette.neutral95": "0xFFF4EFF4",
|
||||||
"md.ref.palette.neutral96": "0xFFF7F2FA",
|
"md.ref.palette.neutral96": "0xFFF7F2F7",
|
||||||
"md.ref.palette.neutral98": "0xFFFEF7FF",
|
"md.ref.palette.neutral98": "0xFFFDF8FD",
|
||||||
"md.ref.palette.neutral99": "0xFFFFFBFF",
|
"md.ref.palette.neutral99": "0xFFFFFBFE",
|
||||||
"md.ref.palette.neutral-variant0": "0xFF000000",
|
"md.ref.palette.neutral-variant0": "0xFF000000",
|
||||||
"md.ref.palette.neutral-variant10": "0xFF1D1A22",
|
"md.ref.palette.neutral-variant10": "0xFF1D1A22",
|
||||||
"md.ref.palette.neutral-variant100": "0xFFFFFFFF",
|
"md.ref.palette.neutral-variant100": "0xFFFFFFFF",
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
{
|
{
|
||||||
"version": "v0_206",
|
"version": "v0_162",
|
||||||
|
|
||||||
"md.comp.circular-progress-indicator.active-indicator.color": "primary",
|
"md.comp.circular-progress-indicator.active-indicator.color": "primary",
|
||||||
"md.comp.circular-progress-indicator.active-indicator.shape": "md.sys.shape.corner.none",
|
"md.comp.circular-progress-indicator.active-indicator.shape": "md.sys.shape.corner.none",
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
{
|
{
|
||||||
"version": "v0_206",
|
"version": "v0_162",
|
||||||
|
|
||||||
"md.comp.linear-progress-indicator.active-indicator.color": "primary",
|
"md.comp.linear-progress-indicator.active-indicator.color": "primary",
|
||||||
"md.comp.linear-progress-indicator.active-indicator.height": 4.0,
|
"md.comp.linear-progress-indicator.active-indicator.height": 4.0,
|
||||||
|
@ -8,7 +8,7 @@
|
||||||
"md.comp.linear-progress-indicator.four-color.active-indicator.one.color": "primary",
|
"md.comp.linear-progress-indicator.four-color.active-indicator.one.color": "primary",
|
||||||
"md.comp.linear-progress-indicator.four-color.active-indicator.three.color": "tertiary",
|
"md.comp.linear-progress-indicator.four-color.active-indicator.three.color": "tertiary",
|
||||||
"md.comp.linear-progress-indicator.four-color.active-indicator.two.color": "primaryContainer",
|
"md.comp.linear-progress-indicator.four-color.active-indicator.two.color": "primaryContainer",
|
||||||
"md.comp.linear-progress-indicator.track.color": "surfaceContainerHighest",
|
"md.comp.linear-progress-indicator.track.color": "surfaceVariant",
|
||||||
"md.comp.linear-progress-indicator.track.height": 4.0,
|
"md.comp.linear-progress-indicator.track.height": 4.0,
|
||||||
"md.comp.linear-progress-indicator.track.shape": "md.sys.shape.corner.none"
|
"md.comp.linear-progress-indicator.track.shape": "md.sys.shape.corner.none"
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
{
|
{
|
||||||
"version": "v0_206",
|
"version": "v0_162",
|
||||||
|
|
||||||
"md.comp.radio-button.disabled.selected.icon.color": "onSurface",
|
"md.comp.radio-button.disabled.selected.icon.color": "onSurface",
|
||||||
"md.comp.radio-button.disabled.selected.icon.opacity": 0.38,
|
"md.comp.radio-button.disabled.selected.icon.opacity": 0.38,
|
||||||
|
|
|
@ -1,15 +1,13 @@
|
||||||
{
|
{
|
||||||
"version": "v0_206",
|
"version": "v0_158",
|
||||||
|
|
||||||
"md.comp.search-bar.avatar.shape": "md.sys.shape.corner.full",
|
"md.comp.search-bar.avatar.shape": "md.sys.shape.corner.full",
|
||||||
"md.comp.search-bar.avatar.size": 30.0,
|
"md.comp.search-bar.avatar.size": 30.0,
|
||||||
"md.comp.search-bar.container.color": "surfaceContainerHigh",
|
"md.comp.search-bar.container.color": "surface",
|
||||||
"md.comp.search-bar.container.elevation": "md.sys.elevation.level3",
|
"md.comp.search-bar.container.elevation": "md.sys.elevation.level3",
|
||||||
"md.comp.search-bar.container.height": 56.0,
|
"md.comp.search-bar.container.height": 56.0,
|
||||||
"md.comp.search-bar.container.shape": "md.sys.shape.corner.full",
|
"md.comp.search-bar.container.shape": "md.sys.shape.corner.full",
|
||||||
"md.comp.search-bar.focus.indicator.color": "secondary",
|
"md.comp.search-bar.container.surface-tint-layer.color": "surfaceTint",
|
||||||
"md.comp.search-bar.focus.indicator.outline.offset": "md.sys.state.focus-indicator.outer-offset",
|
|
||||||
"md.comp.search-bar.focus.indicator.thickness": "md.sys.state.focus-indicator.thickness",
|
|
||||||
"md.comp.search-bar.hover.state-layer.color": "onSurface",
|
"md.comp.search-bar.hover.state-layer.color": "onSurface",
|
||||||
"md.comp.search-bar.hover.state-layer.opacity": "md.sys.state.hover.state-layer-opacity",
|
"md.comp.search-bar.hover.state-layer.opacity": "md.sys.state.hover.state-layer-opacity",
|
||||||
"md.comp.search-bar.hover.supporting-text.color": "onSurfaceVariant",
|
"md.comp.search-bar.hover.supporting-text.color": "onSurfaceVariant",
|
||||||
|
|
|
@ -1,8 +1,9 @@
|
||||||
{
|
{
|
||||||
"version": "v0_206",
|
"version": "v0_158",
|
||||||
|
|
||||||
"md.comp.search-view.container.color": "surfaceContainerHigh",
|
"md.comp.search-view.container.color": "surface",
|
||||||
"md.comp.search-view.container.elevation": "md.sys.elevation.level3",
|
"md.comp.search-view.container.elevation": "md.sys.elevation.level3",
|
||||||
|
"md.comp.search-view.container.surface-tint-layer.color": "surfaceTint",
|
||||||
"md.comp.search-view.divider.color": "outline",
|
"md.comp.search-view.divider.color": "outline",
|
||||||
"md.comp.search-view.docked.container.shape": "md.sys.shape.corner.extra-large",
|
"md.comp.search-view.docked.container.shape": "md.sys.shape.corner.extra-large",
|
||||||
"md.comp.search-view.docked.header.container.height": 56.0,
|
"md.comp.search-view.docked.header.container.height": 56.0,
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
{
|
{
|
||||||
"version": "v0_206",
|
"version": "v0_162",
|
||||||
|
|
||||||
"md.comp.outlined-segmented-button.container.height": 40.0,
|
"md.comp.outlined-segmented-button.container.height": 40.0,
|
||||||
"md.comp.outlined-segmented-button.disabled.icon.color": "onSurface",
|
"md.comp.outlined-segmented-button.disabled.icon.color": "onSurface",
|
||||||
|
@ -8,9 +8,6 @@
|
||||||
"md.comp.outlined-segmented-button.disabled.label-text.opacity": 0.38,
|
"md.comp.outlined-segmented-button.disabled.label-text.opacity": 0.38,
|
||||||
"md.comp.outlined-segmented-button.disabled.outline.color": "onSurface",
|
"md.comp.outlined-segmented-button.disabled.outline.color": "onSurface",
|
||||||
"md.comp.outlined-segmented-button.disabled.outline.opacity": 0.12,
|
"md.comp.outlined-segmented-button.disabled.outline.opacity": 0.12,
|
||||||
"md.comp.outlined-segmented-button.focus.indicator.color": "secondary",
|
|
||||||
"md.comp.outlined-segmented-button.focus.indicator.outline.offset": "md.sys.state.focus-indicator.outer-offset",
|
|
||||||
"md.comp.outlined-segmented-button.focus.indicator.thickness": "md.sys.state.focus-indicator.thickness",
|
|
||||||
"md.comp.outlined-segmented-button.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
|
"md.comp.outlined-segmented-button.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
|
||||||
"md.comp.outlined-segmented-button.hover.state-layer.opacity": "md.sys.state.hover.state-layer-opacity",
|
"md.comp.outlined-segmented-button.hover.state-layer.opacity": "md.sys.state.hover.state-layer-opacity",
|
||||||
"md.comp.outlined-segmented-button.label-text.text-style": "labelLarge",
|
"md.comp.outlined-segmented-button.label-text.text-style": "labelLarge",
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
{
|
{
|
||||||
"version": "v0_206",
|
"version": "v0_162",
|
||||||
|
|
||||||
"md.sys.shape.corner.extra-large": {
|
"md.sys.shape.corner.extra-large": {
|
||||||
"family": "SHAPE_FAMILY_ROUNDED_CORNERS",
|
"family": "SHAPE_FAMILY_ROUNDED_CORNERS",
|
||||||
|
|
|
@ -1,15 +1,14 @@
|
||||||
{
|
{
|
||||||
"version": "v0_206",
|
"version": "v0_162",
|
||||||
|
|
||||||
"md.comp.sheet.bottom.docked.container.color": "surfaceContainerLow",
|
"md.comp.sheet.bottom.docked.container.color": "surface",
|
||||||
"md.comp.sheet.bottom.docked.container.shape": "md.sys.shape.corner.extra-large.top",
|
"md.comp.sheet.bottom.docked.container.shape": "md.sys.shape.corner.extra-large.top",
|
||||||
|
"md.comp.sheet.bottom.docked.container.surface-tint-layer.color": "surfaceTint",
|
||||||
"md.comp.sheet.bottom.docked.drag-handle.color": "onSurfaceVariant",
|
"md.comp.sheet.bottom.docked.drag-handle.color": "onSurfaceVariant",
|
||||||
"md.comp.sheet.bottom.docked.drag-handle.height": 4.0,
|
"md.comp.sheet.bottom.docked.drag-handle.height": 4.0,
|
||||||
|
"md.comp.sheet.bottom.docked.drag-handle.opacity": 0.4,
|
||||||
"md.comp.sheet.bottom.docked.drag-handle.width": 32.0,
|
"md.comp.sheet.bottom.docked.drag-handle.width": 32.0,
|
||||||
"md.comp.sheet.bottom.docked.minimized.container.shape": "md.sys.shape.corner.none",
|
"md.comp.sheet.bottom.docked.minimized.container.shape": "md.sys.shape.corner.none",
|
||||||
"md.comp.sheet.bottom.docked.modal.container.elevation": "md.sys.elevation.level1",
|
"md.comp.sheet.bottom.docked.modal.container.elevation": "md.sys.elevation.level1",
|
||||||
"md.comp.sheet.bottom.docked.standard.container.elevation": "md.sys.elevation.level1",
|
"md.comp.sheet.bottom.docked.standard.container.elevation": "md.sys.elevation.level1"
|
||||||
"md.comp.sheet.bottom.focus.indicator.color": "secondary",
|
|
||||||
"md.comp.sheet.bottom.focus.indicator.outline.offset": "md.sys.state.focus-indicator.outer-offset",
|
|
||||||
"md.comp.sheet.bottom.focus.indicator.thickness": "md.sys.state.focus-indicator.thickness"
|
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
{
|
{
|
||||||
"version": "v0_206",
|
"version": "v0_162",
|
||||||
|
|
||||||
"md.comp.slider.active.track.color": "primary",
|
"md.comp.slider.active.track.color": "primary",
|
||||||
"md.comp.slider.active.track.height": 4.0,
|
"md.comp.slider.active.track.height": 4.0,
|
||||||
|
@ -23,7 +23,7 @@
|
||||||
"md.comp.slider.hover.handle.color": "primary",
|
"md.comp.slider.hover.handle.color": "primary",
|
||||||
"md.comp.slider.hover.state-layer.color": "primary",
|
"md.comp.slider.hover.state-layer.color": "primary",
|
||||||
"md.comp.slider.hover.state-layer.opacity": "md.sys.state.hover.state-layer-opacity",
|
"md.comp.slider.hover.state-layer.opacity": "md.sys.state.hover.state-layer-opacity",
|
||||||
"md.comp.slider.inactive.track.color": "surfaceContainerHighest",
|
"md.comp.slider.inactive.track.color": "surfaceVariant",
|
||||||
"md.comp.slider.inactive.track.height": 4.0,
|
"md.comp.slider.inactive.track.height": 4.0,
|
||||||
"md.comp.slider.inactive.track.shape": "md.sys.shape.corner.full",
|
"md.comp.slider.inactive.track.shape": "md.sys.shape.corner.full",
|
||||||
"md.comp.slider.label.container.color": "primary",
|
"md.comp.slider.label.container.color": "primary",
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
{
|
{
|
||||||
"version": "v0_206",
|
"version": "v0_162",
|
||||||
|
|
||||||
"md.comp.snackbar.action.focus.label-text.color": "inversePrimary",
|
"md.comp.snackbar.action.focus.label-text.color": "inversePrimary",
|
||||||
"md.comp.snackbar.action.focus.state-layer.color": "inversePrimary",
|
"md.comp.snackbar.action.focus.state-layer.color": "inversePrimary",
|
||||||
|
|
|
@ -1,8 +1,8 @@
|
||||||
{
|
{
|
||||||
"version": "v0_206",
|
"version": "v0_162",
|
||||||
|
|
||||||
"md.sys.state.dragged.state-layer-opacity": 0.16,
|
"md.sys.state.dragged.state-layer-opacity": 0.16,
|
||||||
"md.sys.state.focus.state-layer-opacity": 0.1,
|
"md.sys.state.focus.state-layer-opacity": 0.12,
|
||||||
"md.sys.state.hover.state-layer-opacity": 0.08,
|
"md.sys.state.hover.state-layer-opacity": 0.08,
|
||||||
"md.sys.state.pressed.state-layer-opacity": 0.1
|
"md.sys.state.pressed.state-layer-opacity": 0.12
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
{
|
{
|
||||||
"version": "v0_206",
|
"version": "v0_162",
|
||||||
|
|
||||||
"md.comp.switch.disabled.selected.handle.color": "surface",
|
"md.comp.switch.disabled.selected.handle.color": "surface",
|
||||||
"md.comp.switch.disabled.selected.handle.opacity": 1.0,
|
"md.comp.switch.disabled.selected.handle.opacity": 1.0,
|
||||||
|
@ -9,13 +9,10 @@
|
||||||
"md.comp.switch.disabled.track.opacity": 0.12,
|
"md.comp.switch.disabled.track.opacity": 0.12,
|
||||||
"md.comp.switch.disabled.unselected.handle.color": "onSurface",
|
"md.comp.switch.disabled.unselected.handle.color": "onSurface",
|
||||||
"md.comp.switch.disabled.unselected.handle.opacity": 0.38,
|
"md.comp.switch.disabled.unselected.handle.opacity": 0.38,
|
||||||
"md.comp.switch.disabled.unselected.icon.color": "surfaceContainerHighest",
|
"md.comp.switch.disabled.unselected.icon.color": "surfaceVariant",
|
||||||
"md.comp.switch.disabled.unselected.icon.opacity": 0.38,
|
"md.comp.switch.disabled.unselected.icon.opacity": 0.38,
|
||||||
"md.comp.switch.disabled.unselected.track.color": "surfaceContainerHighest",
|
"md.comp.switch.disabled.unselected.track.color": "surfaceVariant",
|
||||||
"md.comp.switch.disabled.unselected.track.outline.color": "onSurface",
|
"md.comp.switch.disabled.unselected.track.outline.color": "onSurface",
|
||||||
"md.comp.switch.focus.indicator.color": "secondary",
|
|
||||||
"md.comp.switch.focus.indicator.offset": "md.sys.state.focus-indicator.outer-offset",
|
|
||||||
"md.comp.switch.focus.indicator.thickness": "md.sys.state.focus-indicator.thickness",
|
|
||||||
"md.comp.switch.handle.shape": "md.sys.shape.corner.full",
|
"md.comp.switch.handle.shape": "md.sys.shape.corner.full",
|
||||||
"md.comp.switch.pressed.handle.height": 28.0,
|
"md.comp.switch.pressed.handle.height": 28.0,
|
||||||
"md.comp.switch.pressed.handle.width": 28.0,
|
"md.comp.switch.pressed.handle.width": 28.0,
|
||||||
|
@ -47,29 +44,29 @@
|
||||||
"md.comp.switch.track.shape": "md.sys.shape.corner.full",
|
"md.comp.switch.track.shape": "md.sys.shape.corner.full",
|
||||||
"md.comp.switch.track.width": 52.0,
|
"md.comp.switch.track.width": 52.0,
|
||||||
"md.comp.switch.unselected.focus.handle.color": "onSurfaceVariant",
|
"md.comp.switch.unselected.focus.handle.color": "onSurfaceVariant",
|
||||||
"md.comp.switch.unselected.focus.icon.color": "surfaceContainerHighest",
|
"md.comp.switch.unselected.focus.icon.color": "surfaceVariant",
|
||||||
"md.comp.switch.unselected.focus.state-layer.color": "onSurface",
|
"md.comp.switch.unselected.focus.state-layer.color": "onSurface",
|
||||||
"md.comp.switch.unselected.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
|
"md.comp.switch.unselected.focus.state-layer.opacity": "md.sys.state.focus.state-layer-opacity",
|
||||||
"md.comp.switch.unselected.focus.track.color": "surfaceContainerHighest",
|
"md.comp.switch.unselected.focus.track.color": "surfaceVariant",
|
||||||
"md.comp.switch.unselected.focus.track.outline.color": "outline",
|
"md.comp.switch.unselected.focus.track.outline.color": "outline",
|
||||||
"md.comp.switch.unselected.handle.color": "outline",
|
"md.comp.switch.unselected.handle.color": "outline",
|
||||||
"md.comp.switch.unselected.handle.height": 16.0,
|
"md.comp.switch.unselected.handle.height": 16.0,
|
||||||
"md.comp.switch.unselected.handle.width": 16.0,
|
"md.comp.switch.unselected.handle.width": 16.0,
|
||||||
"md.comp.switch.unselected.hover.handle.color": "onSurfaceVariant",
|
"md.comp.switch.unselected.hover.handle.color": "onSurfaceVariant",
|
||||||
"md.comp.switch.unselected.hover.icon.color": "surfaceContainerHighest",
|
"md.comp.switch.unselected.hover.icon.color": "surfaceVariant",
|
||||||
"md.comp.switch.unselected.hover.state-layer.color": "onSurface",
|
"md.comp.switch.unselected.hover.state-layer.color": "onSurface",
|
||||||
"md.comp.switch.unselected.hover.state-layer.opacity": "md.sys.state.hover.state-layer-opacity",
|
"md.comp.switch.unselected.hover.state-layer.opacity": "md.sys.state.hover.state-layer-opacity",
|
||||||
"md.comp.switch.unselected.hover.track.color": "surfaceContainerHighest",
|
"md.comp.switch.unselected.hover.track.color": "surfaceVariant",
|
||||||
"md.comp.switch.unselected.hover.track.outline.color": "outline",
|
"md.comp.switch.unselected.hover.track.outline.color": "outline",
|
||||||
"md.comp.switch.unselected.icon.color": "surfaceContainerHighest",
|
"md.comp.switch.unselected.icon.color": "surfaceVariant",
|
||||||
"md.comp.switch.unselected.icon.size": 16.0,
|
"md.comp.switch.unselected.icon.size": 16.0,
|
||||||
"md.comp.switch.unselected.pressed.handle.color": "onSurfaceVariant",
|
"md.comp.switch.unselected.pressed.handle.color": "onSurfaceVariant",
|
||||||
"md.comp.switch.unselected.pressed.icon.color": "surfaceContainerHighest",
|
"md.comp.switch.unselected.pressed.icon.color": "surfaceVariant",
|
||||||
"md.comp.switch.unselected.pressed.state-layer.color": "onSurface",
|
"md.comp.switch.unselected.pressed.state-layer.color": "onSurface",
|
||||||
"md.comp.switch.unselected.pressed.state-layer.opacity": "md.sys.state.pressed.state-layer-opacity",
|
"md.comp.switch.unselected.pressed.state-layer.opacity": "md.sys.state.pressed.state-layer-opacity",
|
||||||
"md.comp.switch.unselected.pressed.track.color": "surfaceContainerHighest",
|
"md.comp.switch.unselected.pressed.track.color": "surfaceVariant",
|
||||||
"md.comp.switch.unselected.pressed.track.outline.color": "outline",
|
"md.comp.switch.unselected.pressed.track.outline.color": "outline",
|
||||||
"md.comp.switch.unselected.track.color": "surfaceContainerHighest",
|
"md.comp.switch.unselected.track.color": "surfaceVariant",
|
||||||
"md.comp.switch.unselected.track.outline.color": "outline",
|
"md.comp.switch.unselected.track.outline.color": "outline",
|
||||||
"md.comp.switch.with-icon.handle.height": 24.0,
|
"md.comp.switch.with-icon.handle.height": 24.0,
|
||||||
"md.comp.switch.with-icon.handle.width": 24.0
|
"md.comp.switch.with-icon.handle.width": 24.0
|
||||||
|
|
|
@ -1,10 +1,10 @@
|
||||||
{
|
{
|
||||||
"version": "v0_206",
|
"version": "v0_162",
|
||||||
|
|
||||||
"md.comp.filled-text-field.active-indicator.color": "onSurfaceVariant",
|
"md.comp.filled-text-field.active-indicator.color": "onSurfaceVariant",
|
||||||
"md.comp.filled-text-field.active-indicator.height": 1.0,
|
"md.comp.filled-text-field.active-indicator.height": 1.0,
|
||||||
"md.comp.filled-text-field.caret.color": "primary",
|
"md.comp.filled-text-field.caret.color": "primary",
|
||||||
"md.comp.filled-text-field.container.color": "surfaceContainerHighest",
|
"md.comp.filled-text-field.container.color": "surfaceVariant",
|
||||||
"md.comp.filled-text-field.container.shape": "md.sys.shape.corner.extra-small.top",
|
"md.comp.filled-text-field.container.shape": "md.sys.shape.corner.extra-small.top",
|
||||||
"md.comp.filled-text-field.disabled.active-indicator.color": "onSurface",
|
"md.comp.filled-text-field.disabled.active-indicator.color": "onSurface",
|
||||||
"md.comp.filled-text-field.disabled.active-indicator.height": 1.0,
|
"md.comp.filled-text-field.disabled.active-indicator.height": 1.0,
|
||||||
|
@ -44,7 +44,6 @@
|
||||||
"md.comp.filled-text-field.error.trailing-icon.color": "error",
|
"md.comp.filled-text-field.error.trailing-icon.color": "error",
|
||||||
"md.comp.filled-text-field.focus.active-indicator.color": "primary",
|
"md.comp.filled-text-field.focus.active-indicator.color": "primary",
|
||||||
"md.comp.filled-text-field.focus.active-indicator.height": 2.0,
|
"md.comp.filled-text-field.focus.active-indicator.height": 2.0,
|
||||||
"md.comp.filled-text-field.focus.active-indicator.thickness": "md.sys.state.focus-indicator.thickness",
|
|
||||||
"md.comp.filled-text-field.focus.input-text.color": "onSurface",
|
"md.comp.filled-text-field.focus.input-text.color": "onSurface",
|
||||||
"md.comp.filled-text-field.focus.label-text.color": "primary",
|
"md.comp.filled-text-field.focus.label-text.color": "primary",
|
||||||
"md.comp.filled-text-field.focus.leading-icon.color": "onSurfaceVariant",
|
"md.comp.filled-text-field.focus.leading-icon.color": "onSurfaceVariant",
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
{
|
{
|
||||||
"version": "v0_206",
|
"version": "v0_162",
|
||||||
|
|
||||||
"md.comp.outlined-text-field.caret.color": "primary",
|
"md.comp.outlined-text-field.caret.color": "primary",
|
||||||
"md.comp.outlined-text-field.container.shape": "md.sys.shape.corner.extra-small",
|
"md.comp.outlined-text-field.container.shape": "md.sys.shape.corner.extra-small",
|
||||||
|
@ -17,7 +17,6 @@
|
||||||
"md.comp.outlined-text-field.disabled.trailing-icon.color": "onSurface",
|
"md.comp.outlined-text-field.disabled.trailing-icon.color": "onSurface",
|
||||||
"md.comp.outlined-text-field.disabled.trailing-icon.opacity": 0.38,
|
"md.comp.outlined-text-field.disabled.trailing-icon.opacity": 0.38,
|
||||||
"md.comp.outlined-text-field.error.focus.caret.color": "error",
|
"md.comp.outlined-text-field.error.focus.caret.color": "error",
|
||||||
"md.comp.outlined-text-field.error.focus.indicator.outline.color": "error",
|
|
||||||
"md.comp.outlined-text-field.error.focus.input-text.color": "onSurface",
|
"md.comp.outlined-text-field.error.focus.input-text.color": "onSurface",
|
||||||
"md.comp.outlined-text-field.error.focus.label-text.color": "error",
|
"md.comp.outlined-text-field.error.focus.label-text.color": "error",
|
||||||
"md.comp.outlined-text-field.error.focus.leading-icon.color": "onSurfaceVariant",
|
"md.comp.outlined-text-field.error.focus.leading-icon.color": "onSurfaceVariant",
|
||||||
|
@ -36,8 +35,6 @@
|
||||||
"md.comp.outlined-text-field.error.outline.color": "error",
|
"md.comp.outlined-text-field.error.outline.color": "error",
|
||||||
"md.comp.outlined-text-field.error.supporting-text.color": "error",
|
"md.comp.outlined-text-field.error.supporting-text.color": "error",
|
||||||
"md.comp.outlined-text-field.error.trailing-icon.color": "error",
|
"md.comp.outlined-text-field.error.trailing-icon.color": "error",
|
||||||
"md.comp.outlined-text-field.focus.indicator.outline.color": "secondary",
|
|
||||||
"md.comp.outlined-text-field.focus.indicator.outline.thickness": "md.sys.state.focus-indicator.thickness",
|
|
||||||
"md.comp.outlined-text-field.focus.input-text.color": "onSurface",
|
"md.comp.outlined-text-field.focus.input-text.color": "onSurface",
|
||||||
"md.comp.outlined-text-field.focus.label-text.color": "primary",
|
"md.comp.outlined-text-field.focus.label-text.color": "primary",
|
||||||
"md.comp.outlined-text-field.focus.leading-icon.color": "onSurfaceVariant",
|
"md.comp.outlined-text-field.focus.leading-icon.color": "onSurfaceVariant",
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
{
|
{
|
||||||
"version": "v0_206",
|
"version": "v0_162",
|
||||||
|
|
||||||
"md.sys.typescale.body-large.font": "md.ref.typeface.plain",
|
"md.sys.typescale.body-large.font": "md.ref.typeface.plain",
|
||||||
"md.sys.typescale.body-large.line-height": 24.0,
|
"md.sys.typescale.body-large.line-height": 24.0,
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
{
|
{
|
||||||
"version": "v0_206",
|
"version": "v0_162",
|
||||||
|
|
||||||
"md.comp.time-picker.clock-dial.color": "surfaceContainerHighest",
|
"md.comp.time-picker.clock-dial.color": "surfaceVariant",
|
||||||
"md.comp.time-picker.clock-dial.container.size": 256.0,
|
"md.comp.time-picker.clock-dial.container.size": 256.0,
|
||||||
"md.comp.time-picker.clock-dial.label-text.text-style": "bodyLarge",
|
"md.comp.time-picker.clock-dial.label-text.text-style": "bodyLarge",
|
||||||
"md.comp.time-picker.clock-dial.selected.label-text.color": "onPrimary",
|
"md.comp.time-picker.clock-dial.selected.label-text.color": "onPrimary",
|
||||||
|
@ -15,7 +15,7 @@
|
||||||
"md.comp.time-picker.clock-dial.selector.track.container.width": 2.0,
|
"md.comp.time-picker.clock-dial.selector.track.container.width": 2.0,
|
||||||
"md.comp.time-picker.clock-dial.shape": "md.sys.shape.corner.full",
|
"md.comp.time-picker.clock-dial.shape": "md.sys.shape.corner.full",
|
||||||
"md.comp.time-picker.clock-dial.unselected.label-text.color": "onSurface",
|
"md.comp.time-picker.clock-dial.unselected.label-text.color": "onSurface",
|
||||||
"md.comp.time-picker.container.color": "surfaceContainerHigh",
|
"md.comp.time-picker.container.color": "surface",
|
||||||
"md.comp.time-picker.container.elevation": "md.sys.elevation.level3",
|
"md.comp.time-picker.container.elevation": "md.sys.elevation.level3",
|
||||||
"md.comp.time-picker.container.shape": "md.sys.shape.corner.extra-large",
|
"md.comp.time-picker.container.shape": "md.sys.shape.corner.extra-large",
|
||||||
"md.comp.time-picker.headline.color": "onSurfaceVariant",
|
"md.comp.time-picker.headline.color": "onSurfaceVariant",
|
||||||
|
@ -46,6 +46,7 @@
|
||||||
"md.comp.time-picker.period-selector.unselected.pressed.state-layer.color": "onSurfaceVariant",
|
"md.comp.time-picker.period-selector.unselected.pressed.state-layer.color": "onSurfaceVariant",
|
||||||
"md.comp.time-picker.period-selector.vertical.container.height": 80.0,
|
"md.comp.time-picker.period-selector.vertical.container.height": 80.0,
|
||||||
"md.comp.time-picker.period-selector.vertical.container.width": 52.0,
|
"md.comp.time-picker.period-selector.vertical.container.width": 52.0,
|
||||||
|
"md.comp.time-picker.surface-tint-layer.color": "surfaceTint",
|
||||||
"md.comp.time-picker.time-selector.24h-vertical.container.width": 114.0,
|
"md.comp.time-picker.time-selector.24h-vertical.container.width": 114.0,
|
||||||
"md.comp.time-picker.time-selector.container.height": 80.0,
|
"md.comp.time-picker.time-selector.container.height": 80.0,
|
||||||
"md.comp.time-picker.time-selector.container.shape": "md.sys.shape.corner.small",
|
"md.comp.time-picker.time-selector.container.shape": "md.sys.shape.corner.small",
|
||||||
|
@ -64,7 +65,7 @@
|
||||||
"md.comp.time-picker.time-selector.selected.pressed.state-layer.color": "onPrimaryContainer",
|
"md.comp.time-picker.time-selector.selected.pressed.state-layer.color": "onPrimaryContainer",
|
||||||
"md.comp.time-picker.time-selector.separator.color": "onSurface",
|
"md.comp.time-picker.time-selector.separator.color": "onSurface",
|
||||||
"md.comp.time-picker.time-selector.separator.text-style": "displayLarge",
|
"md.comp.time-picker.time-selector.separator.text-style": "displayLarge",
|
||||||
"md.comp.time-picker.time-selector.unselected.container.color": "surfaceContainerHighest",
|
"md.comp.time-picker.time-selector.unselected.container.color": "surfaceVariant",
|
||||||
"md.comp.time-picker.time-selector.unselected.focus.label-text.color": "onSurface",
|
"md.comp.time-picker.time-selector.unselected.focus.label-text.color": "onSurface",
|
||||||
"md.comp.time-picker.time-selector.unselected.focus.state-layer.color": "onSurface",
|
"md.comp.time-picker.time-selector.unselected.focus.state-layer.color": "onSurface",
|
||||||
"md.comp.time-picker.time-selector.unselected.hover.label-text.color": "onSurface",
|
"md.comp.time-picker.time-selector.unselected.hover.label-text.color": "onSurface",
|
||||||
|
|
|
@ -1,10 +1,11 @@
|
||||||
{
|
{
|
||||||
"version": "v0_206",
|
"version": "v0_162",
|
||||||
|
|
||||||
"md.comp.top-app-bar.large.container.color": "surface",
|
"md.comp.top-app-bar.large.container.color": "surface",
|
||||||
"md.comp.top-app-bar.large.container.elevation": "md.sys.elevation.level0",
|
"md.comp.top-app-bar.large.container.elevation": "md.sys.elevation.level0",
|
||||||
"md.comp.top-app-bar.large.container.height": 152.0,
|
"md.comp.top-app-bar.large.container.height": 152.0,
|
||||||
"md.comp.top-app-bar.large.container.shape": "md.sys.shape.corner.none",
|
"md.comp.top-app-bar.large.container.shape": "md.sys.shape.corner.none",
|
||||||
|
"md.comp.top-app-bar.large.container.surface-tint-layer.color": "surfaceTint",
|
||||||
"md.comp.top-app-bar.large.headline.color": "onSurface",
|
"md.comp.top-app-bar.large.headline.color": "onSurface",
|
||||||
"md.comp.top-app-bar.large.headline.text-style": "headlineMedium",
|
"md.comp.top-app-bar.large.headline.text-style": "headlineMedium",
|
||||||
"md.comp.top-app-bar.large.leading-icon.color": "onSurface",
|
"md.comp.top-app-bar.large.leading-icon.color": "onSurface",
|
||||||
|
|
|
@ -1,10 +1,11 @@
|
||||||
{
|
{
|
||||||
"version": "v0_206",
|
"version": "v0_162",
|
||||||
|
|
||||||
"md.comp.top-app-bar.medium.container.color": "surface",
|
"md.comp.top-app-bar.medium.container.color": "surface",
|
||||||
"md.comp.top-app-bar.medium.container.elevation": "md.sys.elevation.level0",
|
"md.comp.top-app-bar.medium.container.elevation": "md.sys.elevation.level0",
|
||||||
"md.comp.top-app-bar.medium.container.height": 112.0,
|
"md.comp.top-app-bar.medium.container.height": 112.0,
|
||||||
"md.comp.top-app-bar.medium.container.shape": "md.sys.shape.corner.none",
|
"md.comp.top-app-bar.medium.container.shape": "md.sys.shape.corner.none",
|
||||||
|
"md.comp.top-app-bar.medium.container.surface-tint-layer.color": "surfaceTint",
|
||||||
"md.comp.top-app-bar.medium.headline.color": "onSurface",
|
"md.comp.top-app-bar.medium.headline.color": "onSurface",
|
||||||
"md.comp.top-app-bar.medium.headline.text-style": "headlineSmall",
|
"md.comp.top-app-bar.medium.headline.text-style": "headlineSmall",
|
||||||
"md.comp.top-app-bar.medium.leading-icon.color": "onSurface",
|
"md.comp.top-app-bar.medium.leading-icon.color": "onSurface",
|
||||||
|
|
|
@ -1,15 +1,15 @@
|
||||||
{
|
{
|
||||||
"version": "v0_206",
|
"version": "v0_162",
|
||||||
|
|
||||||
"md.comp.top-app-bar.small.container.color": "surface",
|
"md.comp.top-app-bar.small.container.color": "surface",
|
||||||
"md.comp.top-app-bar.small.container.elevation": "md.sys.elevation.level0",
|
"md.comp.top-app-bar.small.container.elevation": "md.sys.elevation.level0",
|
||||||
"md.comp.top-app-bar.small.container.height": 64.0,
|
"md.comp.top-app-bar.small.container.height": 64.0,
|
||||||
"md.comp.top-app-bar.small.container.shape": "md.sys.shape.corner.none",
|
"md.comp.top-app-bar.small.container.shape": "md.sys.shape.corner.none",
|
||||||
|
"md.comp.top-app-bar.small.container.surface-tint-layer.color": "surfaceTint",
|
||||||
"md.comp.top-app-bar.small.headline.color": "onSurface",
|
"md.comp.top-app-bar.small.headline.color": "onSurface",
|
||||||
"md.comp.top-app-bar.small.headline.text-style": "titleLarge",
|
"md.comp.top-app-bar.small.headline.text-style": "titleLarge",
|
||||||
"md.comp.top-app-bar.small.leading-icon.color": "onSurface",
|
"md.comp.top-app-bar.small.leading-icon.color": "onSurface",
|
||||||
"md.comp.top-app-bar.small.leading-icon.size": 24.0,
|
"md.comp.top-app-bar.small.leading-icon.size": 24.0,
|
||||||
"md.comp.top-app-bar.small.on-scroll.container.color": "surfaceContainer",
|
|
||||||
"md.comp.top-app-bar.small.on-scroll.container.elevation": "md.sys.elevation.level2",
|
"md.comp.top-app-bar.small.on-scroll.container.elevation": "md.sys.elevation.level2",
|
||||||
"md.comp.top-app-bar.small.trailing-icon.color": "onSurfaceVariant",
|
"md.comp.top-app-bar.small.trailing-icon.color": "onSurfaceVariant",
|
||||||
"md.comp.top-app-bar.small.trailing-icon.size": 24.0
|
"md.comp.top-app-bar.small.trailing-icon.size": 24.0
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
{
|
{
|
||||||
"version": "v0_206",
|
"version": "v0_162",
|
||||||
|
|
||||||
"md.ref.typeface.brand": "Roboto",
|
"md.ref.typeface.brand": "Roboto",
|
||||||
"md.ref.typeface.plain": "Roboto",
|
"md.ref.typeface.plain": "Roboto",
|
||||||
|
|
|
@ -1,5 +1,7 @@
|
||||||
Versions used, v0_206
|
Versions used, v0_162, v0_202, v0_158
|
||||||
md.comp.assist-chip.container.shape,
|
md.comp.assist-chip.container.shape,
|
||||||
|
md.comp.assist-chip.container.surface-tint-layer.color,
|
||||||
|
md.comp.assist-chip.disabled.label-text.color,
|
||||||
md.comp.assist-chip.elevated.container.elevation,
|
md.comp.assist-chip.elevated.container.elevation,
|
||||||
md.comp.assist-chip.elevated.container.shadow-color,
|
md.comp.assist-chip.elevated.container.shadow-color,
|
||||||
md.comp.assist-chip.elevated.disabled.container.color,
|
md.comp.assist-chip.elevated.disabled.container.color,
|
||||||
|
@ -23,11 +25,13 @@ md.comp.badge.large.size,
|
||||||
md.comp.badge.size,
|
md.comp.badge.size,
|
||||||
md.comp.banner.container.color,
|
md.comp.banner.container.color,
|
||||||
md.comp.banner.container.elevation,
|
md.comp.banner.container.elevation,
|
||||||
|
md.comp.banner.container.surface-tint-layer.color,
|
||||||
md.comp.banner.supporting-text.text-style,
|
md.comp.banner.supporting-text.text-style,
|
||||||
md.comp.bottom-app-bar.container.color,
|
md.comp.bottom-app-bar.container.color,
|
||||||
md.comp.bottom-app-bar.container.elevation,
|
md.comp.bottom-app-bar.container.elevation,
|
||||||
md.comp.bottom-app-bar.container.height,
|
md.comp.bottom-app-bar.container.height,
|
||||||
md.comp.bottom-app-bar.container.shape,
|
md.comp.bottom-app-bar.container.shape,
|
||||||
|
md.comp.bottom-app-bar.container.surface-tint-layer.color,
|
||||||
md.comp.checkbox.error.focus.state-layer.color,
|
md.comp.checkbox.error.focus.state-layer.color,
|
||||||
md.comp.checkbox.error.focus.state-layer.opacity,
|
md.comp.checkbox.error.focus.state-layer.opacity,
|
||||||
md.comp.checkbox.error.hover.state-layer.color,
|
md.comp.checkbox.error.hover.state-layer.color,
|
||||||
|
@ -71,6 +75,7 @@ md.comp.circular-progress-indicator.active-indicator.color,
|
||||||
md.comp.date-picker.modal.container.color,
|
md.comp.date-picker.modal.container.color,
|
||||||
md.comp.date-picker.modal.container.elevation,
|
md.comp.date-picker.modal.container.elevation,
|
||||||
md.comp.date-picker.modal.container.shape,
|
md.comp.date-picker.modal.container.shape,
|
||||||
|
md.comp.date-picker.modal.container.surface-tint-layer.color,
|
||||||
md.comp.date-picker.modal.date.focus.state-layer.opacity,
|
md.comp.date-picker.modal.date.focus.state-layer.opacity,
|
||||||
md.comp.date-picker.modal.date.hover.state-layer.opacity,
|
md.comp.date-picker.modal.date.hover.state-layer.opacity,
|
||||||
md.comp.date-picker.modal.date.label-text.text-style,
|
md.comp.date-picker.modal.date.label-text.text-style,
|
||||||
|
@ -119,6 +124,7 @@ md.comp.date-picker.modal.year-selection.year.unselected.pressed.state-layer.col
|
||||||
md.comp.dialog.container.color,
|
md.comp.dialog.container.color,
|
||||||
md.comp.dialog.container.elevation,
|
md.comp.dialog.container.elevation,
|
||||||
md.comp.dialog.container.shape,
|
md.comp.dialog.container.shape,
|
||||||
|
md.comp.dialog.container.surface-tint-layer.color,
|
||||||
md.comp.dialog.headline.text-style,
|
md.comp.dialog.headline.text-style,
|
||||||
md.comp.dialog.supporting-text.text-style,
|
md.comp.dialog.supporting-text.text-style,
|
||||||
md.comp.divider.color,
|
md.comp.divider.color,
|
||||||
|
@ -128,6 +134,7 @@ md.comp.elevated-button.container.elevation,
|
||||||
md.comp.elevated-button.container.height,
|
md.comp.elevated-button.container.height,
|
||||||
md.comp.elevated-button.container.shadow-color,
|
md.comp.elevated-button.container.shadow-color,
|
||||||
md.comp.elevated-button.container.shape,
|
md.comp.elevated-button.container.shape,
|
||||||
|
md.comp.elevated-button.container.surface-tint-layer.color,
|
||||||
md.comp.elevated-button.disabled.container.color,
|
md.comp.elevated-button.disabled.container.color,
|
||||||
md.comp.elevated-button.disabled.container.elevation,
|
md.comp.elevated-button.disabled.container.elevation,
|
||||||
md.comp.elevated-button.disabled.container.opacity,
|
md.comp.elevated-button.disabled.container.opacity,
|
||||||
|
@ -148,6 +155,7 @@ md.comp.elevated-card.container.color,
|
||||||
md.comp.elevated-card.container.elevation,
|
md.comp.elevated-card.container.elevation,
|
||||||
md.comp.elevated-card.container.shadow-color,
|
md.comp.elevated-card.container.shadow-color,
|
||||||
md.comp.elevated-card.container.shape,
|
md.comp.elevated-card.container.shape,
|
||||||
|
md.comp.elevated-card.container.surface-tint-layer.color,
|
||||||
md.comp.extended-fab.primary.container.height,
|
md.comp.extended-fab.primary.container.height,
|
||||||
md.comp.extended-fab.primary.container.shape,
|
md.comp.extended-fab.primary.container.shape,
|
||||||
md.comp.extended-fab.primary.icon.size,
|
md.comp.extended-fab.primary.icon.size,
|
||||||
|
@ -202,9 +210,8 @@ md.comp.filled-card.container.elevation,
|
||||||
md.comp.filled-card.container.shadow-color,
|
md.comp.filled-card.container.shadow-color,
|
||||||
md.comp.filled-card.container.shape,
|
md.comp.filled-card.container.shape,
|
||||||
md.comp.filled-icon-button.container.color,
|
md.comp.filled-icon-button.container.color,
|
||||||
md.comp.filled-icon-button.container.height,
|
|
||||||
md.comp.filled-icon-button.container.shape,
|
md.comp.filled-icon-button.container.shape,
|
||||||
md.comp.filled-icon-button.container.width,
|
md.comp.filled-icon-button.container.size,
|
||||||
md.comp.filled-icon-button.disabled.container.color,
|
md.comp.filled-icon-button.disabled.container.color,
|
||||||
md.comp.filled-icon-button.disabled.container.opacity,
|
md.comp.filled-icon-button.disabled.container.opacity,
|
||||||
md.comp.filled-icon-button.disabled.icon.color,
|
md.comp.filled-icon-button.disabled.icon.color,
|
||||||
|
@ -293,9 +300,8 @@ md.comp.filled-tonal-button.pressed.container.elevation,
|
||||||
md.comp.filled-tonal-button.pressed.state-layer.color,
|
md.comp.filled-tonal-button.pressed.state-layer.color,
|
||||||
md.comp.filled-tonal-button.pressed.state-layer.opacity,
|
md.comp.filled-tonal-button.pressed.state-layer.opacity,
|
||||||
md.comp.filled-tonal-icon-button.container.color,
|
md.comp.filled-tonal-icon-button.container.color,
|
||||||
md.comp.filled-tonal-icon-button.container.height,
|
|
||||||
md.comp.filled-tonal-icon-button.container.shape,
|
md.comp.filled-tonal-icon-button.container.shape,
|
||||||
md.comp.filled-tonal-icon-button.container.width,
|
md.comp.filled-tonal-icon-button.container.size,
|
||||||
md.comp.filled-tonal-icon-button.disabled.container.color,
|
md.comp.filled-tonal-icon-button.disabled.container.color,
|
||||||
md.comp.filled-tonal-icon-button.disabled.container.opacity,
|
md.comp.filled-tonal-icon-button.disabled.container.opacity,
|
||||||
md.comp.filled-tonal-icon-button.disabled.icon.color,
|
md.comp.filled-tonal-icon-button.disabled.icon.color,
|
||||||
|
@ -319,6 +325,8 @@ md.comp.filled-tonal-icon-button.toggle.unselected.icon.color,
|
||||||
md.comp.filled-tonal-icon-button.toggle.unselected.pressed.state-layer.color,
|
md.comp.filled-tonal-icon-button.toggle.unselected.pressed.state-layer.color,
|
||||||
md.comp.filled-tonal-icon-button.unselected.container.color,
|
md.comp.filled-tonal-icon-button.unselected.container.color,
|
||||||
md.comp.filter-chip.container.shape,
|
md.comp.filter-chip.container.shape,
|
||||||
|
md.comp.filter-chip.container.surface-tint-layer.color,
|
||||||
|
md.comp.filter-chip.disabled.label-text.color,
|
||||||
md.comp.filter-chip.elevated.container.elevation,
|
md.comp.filter-chip.elevated.container.elevation,
|
||||||
md.comp.filter-chip.elevated.container.shadow-color,
|
md.comp.filter-chip.elevated.container.shadow-color,
|
||||||
md.comp.filter-chip.elevated.disabled.container.color,
|
md.comp.filter-chip.elevated.disabled.container.color,
|
||||||
|
@ -356,6 +364,7 @@ md.comp.icon-button.selected.icon.color,
|
||||||
md.comp.icon-button.selected.pressed.state-layer.color,
|
md.comp.icon-button.selected.pressed.state-layer.color,
|
||||||
md.comp.icon-button.selected.pressed.state-layer.opacity,
|
md.comp.icon-button.selected.pressed.state-layer.opacity,
|
||||||
md.comp.icon-button.state-layer.shape,
|
md.comp.icon-button.state-layer.shape,
|
||||||
|
md.comp.icon-button.state-layer.size,
|
||||||
md.comp.icon-button.unselected.focus.state-layer.color,
|
md.comp.icon-button.unselected.focus.state-layer.color,
|
||||||
md.comp.icon-button.unselected.focus.state-layer.opacity,
|
md.comp.icon-button.unselected.focus.state-layer.opacity,
|
||||||
md.comp.icon-button.unselected.hover.state-layer.color,
|
md.comp.icon-button.unselected.hover.state-layer.color,
|
||||||
|
@ -416,6 +425,7 @@ md.comp.menu.container.color,
|
||||||
md.comp.menu.container.elevation,
|
md.comp.menu.container.elevation,
|
||||||
md.comp.menu.container.shadow-color,
|
md.comp.menu.container.shadow-color,
|
||||||
md.comp.menu.container.shape,
|
md.comp.menu.container.shape,
|
||||||
|
md.comp.menu.container.surface-tint-layer.color,
|
||||||
md.comp.navigation-bar.active-indicator.color,
|
md.comp.navigation-bar.active-indicator.color,
|
||||||
md.comp.navigation-bar.active-indicator.shape,
|
md.comp.navigation-bar.active-indicator.shape,
|
||||||
md.comp.navigation-bar.active.icon.color,
|
md.comp.navigation-bar.active.icon.color,
|
||||||
|
@ -423,6 +433,7 @@ md.comp.navigation-bar.active.label-text.color,
|
||||||
md.comp.navigation-bar.container.color,
|
md.comp.navigation-bar.container.color,
|
||||||
md.comp.navigation-bar.container.elevation,
|
md.comp.navigation-bar.container.elevation,
|
||||||
md.comp.navigation-bar.container.height,
|
md.comp.navigation-bar.container.height,
|
||||||
|
md.comp.navigation-bar.container.surface-tint-layer.color,
|
||||||
md.comp.navigation-bar.icon.size,
|
md.comp.navigation-bar.icon.size,
|
||||||
md.comp.navigation-bar.inactive.icon.color,
|
md.comp.navigation-bar.inactive.icon.color,
|
||||||
md.comp.navigation-bar.inactive.label-text.color,
|
md.comp.navigation-bar.inactive.label-text.color,
|
||||||
|
@ -433,11 +444,12 @@ md.comp.navigation-drawer.active-indicator.shape,
|
||||||
md.comp.navigation-drawer.active-indicator.width,
|
md.comp.navigation-drawer.active-indicator.width,
|
||||||
md.comp.navigation-drawer.active.icon.color,
|
md.comp.navigation-drawer.active.icon.color,
|
||||||
md.comp.navigation-drawer.active.label-text.color,
|
md.comp.navigation-drawer.active.label-text.color,
|
||||||
|
md.comp.navigation-drawer.container.color,
|
||||||
|
md.comp.navigation-drawer.container.surface-tint-layer.color,
|
||||||
md.comp.navigation-drawer.icon.size,
|
md.comp.navigation-drawer.icon.size,
|
||||||
md.comp.navigation-drawer.inactive.icon.color,
|
md.comp.navigation-drawer.inactive.icon.color,
|
||||||
md.comp.navigation-drawer.inactive.label-text.color,
|
md.comp.navigation-drawer.inactive.label-text.color,
|
||||||
md.comp.navigation-drawer.label-text.text-style,
|
md.comp.navigation-drawer.label-text.text-style,
|
||||||
md.comp.navigation-drawer.modal.container.color,
|
|
||||||
md.comp.navigation-drawer.modal.container.elevation,
|
md.comp.navigation-drawer.modal.container.elevation,
|
||||||
md.comp.navigation-rail.active-indicator.color,
|
md.comp.navigation-rail.active-indicator.color,
|
||||||
md.comp.navigation-rail.active-indicator.shape,
|
md.comp.navigation-rail.active-indicator.shape,
|
||||||
|
@ -471,11 +483,11 @@ md.comp.outlined-card.container.color,
|
||||||
md.comp.outlined-card.container.elevation,
|
md.comp.outlined-card.container.elevation,
|
||||||
md.comp.outlined-card.container.shadow-color,
|
md.comp.outlined-card.container.shadow-color,
|
||||||
md.comp.outlined-card.container.shape,
|
md.comp.outlined-card.container.shape,
|
||||||
|
md.comp.outlined-card.container.surface-tint-layer.color,
|
||||||
md.comp.outlined-card.outline.color,
|
md.comp.outlined-card.outline.color,
|
||||||
md.comp.outlined-card.outline.width,
|
md.comp.outlined-card.outline.width,
|
||||||
md.comp.outlined-icon-button.container.height,
|
|
||||||
md.comp.outlined-icon-button.container.shape,
|
md.comp.outlined-icon-button.container.shape,
|
||||||
md.comp.outlined-icon-button.container.width,
|
md.comp.outlined-icon-button.container.size,
|
||||||
md.comp.outlined-icon-button.disabled.icon.color,
|
md.comp.outlined-icon-button.disabled.icon.color,
|
||||||
md.comp.outlined-icon-button.disabled.icon.opacity,
|
md.comp.outlined-icon-button.disabled.icon.opacity,
|
||||||
md.comp.outlined-icon-button.disabled.selected.container.color,
|
md.comp.outlined-icon-button.disabled.selected.container.color,
|
||||||
|
@ -544,6 +556,8 @@ md.comp.primary-navigation-tab.active.hover.state-layer.color,
|
||||||
md.comp.primary-navigation-tab.active.hover.state-layer.opacity,
|
md.comp.primary-navigation-tab.active.hover.state-layer.opacity,
|
||||||
md.comp.primary-navigation-tab.active.pressed.state-layer.color,
|
md.comp.primary-navigation-tab.active.pressed.state-layer.color,
|
||||||
md.comp.primary-navigation-tab.active.pressed.state-layer.opacity,
|
md.comp.primary-navigation-tab.active.pressed.state-layer.opacity,
|
||||||
|
md.comp.primary-navigation-tab.divider.color,
|
||||||
|
md.comp.primary-navigation-tab.divider.height,
|
||||||
md.comp.primary-navigation-tab.inactive.focus.state-layer.color,
|
md.comp.primary-navigation-tab.inactive.focus.state-layer.color,
|
||||||
md.comp.primary-navigation-tab.inactive.focus.state-layer.opacity,
|
md.comp.primary-navigation-tab.inactive.focus.state-layer.opacity,
|
||||||
md.comp.primary-navigation-tab.inactive.hover.state-layer.color,
|
md.comp.primary-navigation-tab.inactive.hover.state-layer.color,
|
||||||
|
@ -581,6 +595,7 @@ md.comp.search-bar.container.color,
|
||||||
md.comp.search-bar.container.elevation,
|
md.comp.search-bar.container.elevation,
|
||||||
md.comp.search-bar.container.height,
|
md.comp.search-bar.container.height,
|
||||||
md.comp.search-bar.container.shape,
|
md.comp.search-bar.container.shape,
|
||||||
|
md.comp.search-bar.container.surface-tint-layer.color,
|
||||||
md.comp.search-bar.hover.state-layer.color,
|
md.comp.search-bar.hover.state-layer.color,
|
||||||
md.comp.search-bar.hover.state-layer.opacity,
|
md.comp.search-bar.hover.state-layer.opacity,
|
||||||
md.comp.search-bar.input-text.color,
|
md.comp.search-bar.input-text.color,
|
||||||
|
@ -591,6 +606,7 @@ md.comp.search-bar.supporting-text.color,
|
||||||
md.comp.search-bar.supporting-text.text-style,
|
md.comp.search-bar.supporting-text.text-style,
|
||||||
md.comp.search-view.container.color,
|
md.comp.search-view.container.color,
|
||||||
md.comp.search-view.container.elevation,
|
md.comp.search-view.container.elevation,
|
||||||
|
md.comp.search-view.container.surface-tint-layer.color,
|
||||||
md.comp.search-view.divider.color,
|
md.comp.search-view.divider.color,
|
||||||
md.comp.search-view.docked.container.shape,
|
md.comp.search-view.docked.container.shape,
|
||||||
md.comp.search-view.full-screen.container.shape,
|
md.comp.search-view.full-screen.container.shape,
|
||||||
|
@ -600,6 +616,8 @@ md.comp.search-view.header.input-text.text-style,
|
||||||
md.comp.search-view.header.supporting-text.color,
|
md.comp.search-view.header.supporting-text.color,
|
||||||
md.comp.search-view.header.supporting-text.text-style,
|
md.comp.search-view.header.supporting-text.text-style,
|
||||||
md.comp.secondary-navigation-tab.active.label-text.color,
|
md.comp.secondary-navigation-tab.active.label-text.color,
|
||||||
|
md.comp.secondary-navigation-tab.divider.color,
|
||||||
|
md.comp.secondary-navigation-tab.divider.height,
|
||||||
md.comp.secondary-navigation-tab.focus.state-layer.color,
|
md.comp.secondary-navigation-tab.focus.state-layer.color,
|
||||||
md.comp.secondary-navigation-tab.focus.state-layer.opacity,
|
md.comp.secondary-navigation-tab.focus.state-layer.opacity,
|
||||||
md.comp.secondary-navigation-tab.hover.state-layer.color,
|
md.comp.secondary-navigation-tab.hover.state-layer.color,
|
||||||
|
@ -610,8 +628,10 @@ md.comp.secondary-navigation-tab.pressed.state-layer.color,
|
||||||
md.comp.secondary-navigation-tab.pressed.state-layer.opacity,
|
md.comp.secondary-navigation-tab.pressed.state-layer.opacity,
|
||||||
md.comp.sheet.bottom.docked.container.color,
|
md.comp.sheet.bottom.docked.container.color,
|
||||||
md.comp.sheet.bottom.docked.container.shape,
|
md.comp.sheet.bottom.docked.container.shape,
|
||||||
|
md.comp.sheet.bottom.docked.container.surface-tint-layer.color,
|
||||||
md.comp.sheet.bottom.docked.drag-handle.color,
|
md.comp.sheet.bottom.docked.drag-handle.color,
|
||||||
md.comp.sheet.bottom.docked.drag-handle.height,
|
md.comp.sheet.bottom.docked.drag-handle.height,
|
||||||
|
md.comp.sheet.bottom.docked.drag-handle.opacity,
|
||||||
md.comp.sheet.bottom.docked.drag-handle.width,
|
md.comp.sheet.bottom.docked.drag-handle.width,
|
||||||
md.comp.sheet.bottom.docked.modal.container.elevation,
|
md.comp.sheet.bottom.docked.modal.container.elevation,
|
||||||
md.comp.sheet.bottom.docked.standard.container.elevation,
|
md.comp.sheet.bottom.docked.standard.container.elevation,
|
||||||
|
@ -781,6 +801,7 @@ md.comp.top-app-bar.medium.headline.text-style,
|
||||||
md.comp.top-app-bar.small.container.color,
|
md.comp.top-app-bar.small.container.color,
|
||||||
md.comp.top-app-bar.small.container.elevation,
|
md.comp.top-app-bar.small.container.elevation,
|
||||||
md.comp.top-app-bar.small.container.height,
|
md.comp.top-app-bar.small.container.height,
|
||||||
|
md.comp.top-app-bar.small.container.surface-tint-layer.color,
|
||||||
md.comp.top-app-bar.small.headline.color,
|
md.comp.top-app-bar.small.headline.color,
|
||||||
md.comp.top-app-bar.small.headline.text-style,
|
md.comp.top-app-bar.small.headline.text-style,
|
||||||
md.comp.top-app-bar.small.leading-icon.color,
|
md.comp.top-app-bar.small.leading-icon.color,
|
||||||
|
@ -802,21 +823,10 @@ md.ref.palette.neutral-variant80,
|
||||||
md.ref.palette.neutral-variant90,
|
md.ref.palette.neutral-variant90,
|
||||||
md.ref.palette.neutral0,
|
md.ref.palette.neutral0,
|
||||||
md.ref.palette.neutral10,
|
md.ref.palette.neutral10,
|
||||||
md.ref.palette.neutral100,
|
|
||||||
md.ref.palette.neutral12,
|
|
||||||
md.ref.palette.neutral17,
|
|
||||||
md.ref.palette.neutral20,
|
md.ref.palette.neutral20,
|
||||||
md.ref.palette.neutral22,
|
|
||||||
md.ref.palette.neutral24,
|
|
||||||
md.ref.palette.neutral4,
|
|
||||||
md.ref.palette.neutral6,
|
|
||||||
md.ref.palette.neutral87,
|
|
||||||
md.ref.palette.neutral90,
|
md.ref.palette.neutral90,
|
||||||
md.ref.palette.neutral92,
|
|
||||||
md.ref.palette.neutral94,
|
|
||||||
md.ref.palette.neutral95,
|
md.ref.palette.neutral95,
|
||||||
md.ref.palette.neutral96,
|
md.ref.palette.neutral99,
|
||||||
md.ref.palette.neutral98,
|
|
||||||
md.ref.palette.primary10,
|
md.ref.palette.primary10,
|
||||||
md.ref.palette.primary100,
|
md.ref.palette.primary100,
|
||||||
md.ref.palette.primary20,
|
md.ref.palette.primary20,
|
||||||
|
@ -851,43 +861,24 @@ md.sys.color.on-error,
|
||||||
md.sys.color.on-error-container,
|
md.sys.color.on-error-container,
|
||||||
md.sys.color.on-primary,
|
md.sys.color.on-primary,
|
||||||
md.sys.color.on-primary-container,
|
md.sys.color.on-primary-container,
|
||||||
md.sys.color.on-primary-fixed,
|
|
||||||
md.sys.color.on-primary-fixed-variant,
|
|
||||||
md.sys.color.on-secondary,
|
md.sys.color.on-secondary,
|
||||||
md.sys.color.on-secondary-container,
|
md.sys.color.on-secondary-container,
|
||||||
md.sys.color.on-secondary-fixed,
|
|
||||||
md.sys.color.on-secondary-fixed-variant,
|
|
||||||
md.sys.color.on-surface,
|
md.sys.color.on-surface,
|
||||||
md.sys.color.on-surface-variant,
|
md.sys.color.on-surface-variant,
|
||||||
md.sys.color.on-tertiary,
|
md.sys.color.on-tertiary,
|
||||||
md.sys.color.on-tertiary-container,
|
md.sys.color.on-tertiary-container,
|
||||||
md.sys.color.on-tertiary-fixed,
|
|
||||||
md.sys.color.on-tertiary-fixed-variant,
|
|
||||||
md.sys.color.outline,
|
md.sys.color.outline,
|
||||||
md.sys.color.outline-variant,
|
md.sys.color.outline-variant,
|
||||||
md.sys.color.primary,
|
md.sys.color.primary,
|
||||||
md.sys.color.primary-container,
|
md.sys.color.primary-container,
|
||||||
md.sys.color.primary-fixed,
|
|
||||||
md.sys.color.primary-fixed-dim,
|
|
||||||
md.sys.color.scrim,
|
md.sys.color.scrim,
|
||||||
md.sys.color.secondary,
|
md.sys.color.secondary,
|
||||||
md.sys.color.secondary-container,
|
md.sys.color.secondary-container,
|
||||||
md.sys.color.secondary-fixed,
|
|
||||||
md.sys.color.secondary-fixed-dim,
|
|
||||||
md.sys.color.shadow,
|
md.sys.color.shadow,
|
||||||
md.sys.color.surface,
|
md.sys.color.surface,
|
||||||
md.sys.color.surface-bright,
|
|
||||||
md.sys.color.surface-container,
|
|
||||||
md.sys.color.surface-container-high,
|
|
||||||
md.sys.color.surface-container-highest,
|
|
||||||
md.sys.color.surface-container-low,
|
|
||||||
md.sys.color.surface-container-lowest,
|
|
||||||
md.sys.color.surface-dim,
|
|
||||||
md.sys.color.surface-variant,
|
md.sys.color.surface-variant,
|
||||||
md.sys.color.tertiary,
|
md.sys.color.tertiary,
|
||||||
md.sys.color.tertiary-container,
|
md.sys.color.tertiary-container,
|
||||||
md.sys.color.tertiary-fixed,
|
|
||||||
md.sys.color.tertiary-fixed-dim,
|
|
||||||
md.sys.elevation.level0,
|
md.sys.elevation.level0,
|
||||||
md.sys.elevation.level1,
|
md.sys.elevation.level1,
|
||||||
md.sys.elevation.level2,
|
md.sys.elevation.level2,
|
||||||
|
|
|
|
@ -52,9 +52,7 @@ class _${blockName}DefaultsM3 extends ChipThemeData {
|
||||||
? ${componentColor("$tokenGroup$flatVariant.disabled.container")}
|
? ${componentColor("$tokenGroup$flatVariant.disabled.container")}
|
||||||
: ${componentColor("$tokenGroup$elevatedVariant.disabled.container")};
|
: ${componentColor("$tokenGroup$elevatedVariant.disabled.container")};
|
||||||
}
|
}
|
||||||
return _chipVariant == _ChipVariant.flat
|
return ${componentColor("$tokenGroup$flatVariant.container")};
|
||||||
? ${componentColor("$tokenGroup$flatVariant.container")}
|
|
||||||
: ${componentColor("$tokenGroup$elevatedVariant.container")};
|
|
||||||
});
|
});
|
||||||
|
|
||||||
@override
|
@override
|
||||||
|
|
|
@ -24,7 +24,7 @@ class _${blockName}DefaultsM3 extends MaterialBannerThemeData {
|
||||||
Color? get backgroundColor => ${componentColor("md.comp.banner.container")};
|
Color? get backgroundColor => ${componentColor("md.comp.banner.container")};
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Color? get surfaceTintColor => ${colorOrTransparent("md.comp.banner.container.surface-tint-layer.color")};
|
Color? get surfaceTintColor => ${color("md.comp.banner.container.surface-tint-layer.color")};
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Color? get dividerColor => ${color("md.comp.divider.color")};
|
Color? get dividerColor => ${color("md.comp.divider.color")};
|
||||||
|
|
|
@ -26,7 +26,7 @@ class _${blockName}DefaultsM3 extends BottomAppBarTheme {
|
||||||
Color? get color => ${componentColor('md.comp.bottom-app-bar.container')};
|
Color? get color => ${componentColor('md.comp.bottom-app-bar.container')};
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Color? get surfaceTintColor => ${colorOrTransparent('md.comp.bottom-app-bar.container.surface-tint-layer')};
|
Color? get surfaceTintColor => ${componentColor('md.comp.bottom-app-bar.container.surface-tint-layer')};
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Color? get shadowColor => Colors.transparent;
|
Color? get shadowColor => Colors.transparent;
|
||||||
|
|
|
@ -30,7 +30,7 @@ class _${blockName}DefaultsM3 extends BottomSheetThemeData {
|
||||||
Color? get backgroundColor => ${componentColor("md.comp.sheet.bottom.docked.container")};
|
Color? get backgroundColor => ${componentColor("md.comp.sheet.bottom.docked.container")};
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Color? get surfaceTintColor => ${colorOrTransparent("md.comp.sheet.bottom.docked.container.surface-tint-layer")};
|
Color? get surfaceTintColor => ${componentColor("md.comp.sheet.bottom.docked.container.surface-tint-layer")};
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Color? get shadowColor => Colors.transparent;
|
Color? get shadowColor => Colors.transparent;
|
||||||
|
|
|
@ -32,26 +32,14 @@ const ColorScheme _colorSchemeLightM3 = ColorScheme(
|
||||||
onPrimary: Color(${light('md.sys.color.on-primary')}),
|
onPrimary: Color(${light('md.sys.color.on-primary')}),
|
||||||
primaryContainer: Color(${light('md.sys.color.primary-container')}),
|
primaryContainer: Color(${light('md.sys.color.primary-container')}),
|
||||||
onPrimaryContainer: Color(${light('md.sys.color.on-primary-container')}),
|
onPrimaryContainer: Color(${light('md.sys.color.on-primary-container')}),
|
||||||
primaryFixed: Color(${light('md.sys.color.primary-fixed')}),
|
|
||||||
primaryFixedDim: Color(${light('md.sys.color.primary-fixed-dim')}),
|
|
||||||
onPrimaryFixed: Color(${light('md.sys.color.on-primary-fixed')}),
|
|
||||||
onPrimaryFixedVariant: Color(${light('md.sys.color.on-primary-fixed-variant')}),
|
|
||||||
secondary: Color(${light('md.sys.color.secondary')}),
|
secondary: Color(${light('md.sys.color.secondary')}),
|
||||||
onSecondary: Color(${light('md.sys.color.on-secondary')}),
|
onSecondary: Color(${light('md.sys.color.on-secondary')}),
|
||||||
secondaryContainer: Color(${light('md.sys.color.secondary-container')}),
|
secondaryContainer: Color(${light('md.sys.color.secondary-container')}),
|
||||||
onSecondaryContainer: Color(${light('md.sys.color.on-secondary-container')}),
|
onSecondaryContainer: Color(${light('md.sys.color.on-secondary-container')}),
|
||||||
secondaryFixed: Color(${light('md.sys.color.secondary-fixed')}),
|
|
||||||
secondaryFixedDim: Color(${light('md.sys.color.secondary-fixed-dim')}),
|
|
||||||
onSecondaryFixed: Color(${light('md.sys.color.on-secondary-fixed')}),
|
|
||||||
onSecondaryFixedVariant: Color(${light('md.sys.color.on-secondary-fixed-variant')}),
|
|
||||||
tertiary: Color(${light('md.sys.color.tertiary')}),
|
tertiary: Color(${light('md.sys.color.tertiary')}),
|
||||||
onTertiary: Color(${light('md.sys.color.on-tertiary')}),
|
onTertiary: Color(${light('md.sys.color.on-tertiary')}),
|
||||||
tertiaryContainer: Color(${light('md.sys.color.tertiary-container')}),
|
tertiaryContainer: Color(${light('md.sys.color.tertiary-container')}),
|
||||||
onTertiaryContainer: Color(${light('md.sys.color.on-tertiary-container')}),
|
onTertiaryContainer: Color(${light('md.sys.color.on-tertiary-container')}),
|
||||||
tertiaryFixed: Color(${light('md.sys.color.tertiary-fixed')}),
|
|
||||||
tertiaryFixedDim: Color(${light('md.sys.color.tertiary-fixed-dim')}),
|
|
||||||
onTertiaryFixed: Color(${light('md.sys.color.on-tertiary-fixed')}),
|
|
||||||
onTertiaryFixedVariant: Color(${light('md.sys.color.on-tertiary-fixed-variant')}),
|
|
||||||
error: Color(${light('md.sys.color.error')}),
|
error: Color(${light('md.sys.color.error')}),
|
||||||
onError: Color(${light('md.sys.color.on-error')}),
|
onError: Color(${light('md.sys.color.on-error')}),
|
||||||
errorContainer: Color(${light('md.sys.color.error-container')}),
|
errorContainer: Color(${light('md.sys.color.error-container')}),
|
||||||
|
@ -59,13 +47,6 @@ const ColorScheme _colorSchemeLightM3 = ColorScheme(
|
||||||
background: Color(${light('md.sys.color.background')}),
|
background: Color(${light('md.sys.color.background')}),
|
||||||
onBackground: Color(${light('md.sys.color.on-background')}),
|
onBackground: Color(${light('md.sys.color.on-background')}),
|
||||||
surface: Color(${light('md.sys.color.surface')}),
|
surface: Color(${light('md.sys.color.surface')}),
|
||||||
surfaceBright: Color(${light('md.sys.color.surface-bright')}),
|
|
||||||
surfaceContainerLowest: Color(${light('md.sys.color.surface-container-lowest')}),
|
|
||||||
surfaceContainerLow: Color(${light('md.sys.color.surface-container-low')}),
|
|
||||||
surfaceContainer: Color(${light('md.sys.color.surface-container')}),
|
|
||||||
surfaceContainerHigh: Color(${light('md.sys.color.surface-container-high')}),
|
|
||||||
surfaceContainerHighest: Color(${light('md.sys.color.surface-container-highest')}),
|
|
||||||
surfaceDim: Color(${light('md.sys.color.surface-dim')}),
|
|
||||||
onSurface: Color(${light('md.sys.color.on-surface')}),
|
onSurface: Color(${light('md.sys.color.on-surface')}),
|
||||||
surfaceVariant: Color(${light('md.sys.color.surface-variant')}),
|
surfaceVariant: Color(${light('md.sys.color.surface-variant')}),
|
||||||
onSurfaceVariant: Color(${light('md.sys.color.on-surface-variant')}),
|
onSurfaceVariant: Color(${light('md.sys.color.on-surface-variant')}),
|
||||||
|
@ -86,26 +67,14 @@ const ColorScheme _colorSchemeDarkM3 = ColorScheme(
|
||||||
onPrimary: Color(${dark('md.sys.color.on-primary')}),
|
onPrimary: Color(${dark('md.sys.color.on-primary')}),
|
||||||
primaryContainer: Color(${dark('md.sys.color.primary-container')}),
|
primaryContainer: Color(${dark('md.sys.color.primary-container')}),
|
||||||
onPrimaryContainer: Color(${dark('md.sys.color.on-primary-container')}),
|
onPrimaryContainer: Color(${dark('md.sys.color.on-primary-container')}),
|
||||||
primaryFixed: Color(${dark('md.sys.color.primary-fixed')}),
|
|
||||||
primaryFixedDim: Color(${dark('md.sys.color.primary-fixed-dim')}),
|
|
||||||
onPrimaryFixed: Color(${dark('md.sys.color.on-primary-fixed')}),
|
|
||||||
onPrimaryFixedVariant: Color(${dark('md.sys.color.on-primary-fixed-variant')}),
|
|
||||||
secondary: Color(${dark('md.sys.color.secondary')}),
|
secondary: Color(${dark('md.sys.color.secondary')}),
|
||||||
onSecondary: Color(${dark('md.sys.color.on-secondary')}),
|
onSecondary: Color(${dark('md.sys.color.on-secondary')}),
|
||||||
secondaryContainer: Color(${dark('md.sys.color.secondary-container')}),
|
secondaryContainer: Color(${dark('md.sys.color.secondary-container')}),
|
||||||
onSecondaryContainer: Color(${dark('md.sys.color.on-secondary-container')}),
|
onSecondaryContainer: Color(${dark('md.sys.color.on-secondary-container')}),
|
||||||
secondaryFixed: Color(${dark('md.sys.color.secondary-fixed')}),
|
|
||||||
secondaryFixedDim: Color(${dark('md.sys.color.secondary-fixed-dim')}),
|
|
||||||
onSecondaryFixed: Color(${dark('md.sys.color.on-secondary-fixed')}),
|
|
||||||
onSecondaryFixedVariant: Color(${dark('md.sys.color.on-secondary-fixed-variant')}),
|
|
||||||
tertiary: Color(${dark('md.sys.color.tertiary')}),
|
tertiary: Color(${dark('md.sys.color.tertiary')}),
|
||||||
onTertiary: Color(${dark('md.sys.color.on-tertiary')}),
|
onTertiary: Color(${dark('md.sys.color.on-tertiary')}),
|
||||||
tertiaryContainer: Color(${dark('md.sys.color.tertiary-container')}),
|
tertiaryContainer: Color(${dark('md.sys.color.tertiary-container')}),
|
||||||
onTertiaryContainer: Color(${dark('md.sys.color.on-tertiary-container')}),
|
onTertiaryContainer: Color(${dark('md.sys.color.on-tertiary-container')}),
|
||||||
tertiaryFixed: Color(${dark('md.sys.color.tertiary-fixed')}),
|
|
||||||
tertiaryFixedDim: Color(${dark('md.sys.color.tertiary-fixed-dim')}),
|
|
||||||
onTertiaryFixed: Color(${dark('md.sys.color.on-tertiary-fixed')}),
|
|
||||||
onTertiaryFixedVariant: Color(${dark('md.sys.color.on-tertiary-fixed-variant')}),
|
|
||||||
error: Color(${dark('md.sys.color.error')}),
|
error: Color(${dark('md.sys.color.error')}),
|
||||||
onError: Color(${dark('md.sys.color.on-error')}),
|
onError: Color(${dark('md.sys.color.on-error')}),
|
||||||
errorContainer: Color(${dark('md.sys.color.error-container')}),
|
errorContainer: Color(${dark('md.sys.color.error-container')}),
|
||||||
|
@ -113,13 +82,6 @@ const ColorScheme _colorSchemeDarkM3 = ColorScheme(
|
||||||
background: Color(${dark('md.sys.color.background')}),
|
background: Color(${dark('md.sys.color.background')}),
|
||||||
onBackground: Color(${dark('md.sys.color.on-background')}),
|
onBackground: Color(${dark('md.sys.color.on-background')}),
|
||||||
surface: Color(${dark('md.sys.color.surface')}),
|
surface: Color(${dark('md.sys.color.surface')}),
|
||||||
surfaceBright: Color(${dark('md.sys.color.surface-bright')}),
|
|
||||||
surfaceContainerLowest: Color(${dark('md.sys.color.surface-container-lowest')}),
|
|
||||||
surfaceContainerLow: Color(${dark('md.sys.color.surface-container-low')}),
|
|
||||||
surfaceContainer: Color(${dark('md.sys.color.surface-container')}),
|
|
||||||
surfaceContainerHigh: Color(${dark('md.sys.color.surface-container-high')}),
|
|
||||||
surfaceContainerHighest: Color(${dark('md.sys.color.surface-container-highest')}),
|
|
||||||
surfaceDim: Color(${dark('md.sys.color.surface-dim')}),
|
|
||||||
onSurface: Color(${dark('md.sys.color.on-surface')}),
|
onSurface: Color(${dark('md.sys.color.on-surface')}),
|
||||||
surfaceVariant: Color(${dark('md.sys.color.surface-variant')}),
|
surfaceVariant: Color(${dark('md.sys.color.surface-variant')}),
|
||||||
onSurfaceVariant: Color(${dark('md.sys.color.on-surface-variant')}),
|
onSurfaceVariant: Color(${dark('md.sys.color.on-surface-variant')}),
|
||||||
|
|
|
@ -17,7 +17,7 @@ class _${blockName}DefaultsM3 extends DrawerThemeData {
|
||||||
late final TextDirection direction = Directionality.of(context);
|
late final TextDirection direction = Directionality.of(context);
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Color? get backgroundColor => ${componentColor("md.comp.navigation-drawer.modal.container")};
|
Color? get backgroundColor => ${componentColor("md.comp.navigation-drawer.container")};
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Color? get surfaceTintColor => ${colorOrTransparent("md.comp.navigation-drawer.container.surface-tint-layer.color")};
|
Color? get surfaceTintColor => ${colorOrTransparent("md.comp.navigation-drawer.container.surface-tint-layer.color")};
|
||||||
|
|
|
@ -71,7 +71,7 @@ class _${blockName}DefaultsM3 extends ChipThemeData {
|
||||||
}
|
}
|
||||||
return _chipVariant == _ChipVariant.flat
|
return _chipVariant == _ChipVariant.flat
|
||||||
? ${componentColor("$tokenGroup$flatVariant.container")}
|
? ${componentColor("$tokenGroup$flatVariant.container")}
|
||||||
: ${componentColor("$tokenGroup$elevatedVariant.unselected.container")};
|
: ${componentColor("$tokenGroup$elevatedVariant.container")};
|
||||||
});
|
});
|
||||||
|
|
||||||
@override
|
@override
|
||||||
|
|
|
@ -185,14 +185,14 @@ class IconButtonTemplate extends TokenTemplate {
|
||||||
}
|
}
|
||||||
|
|
||||||
String _minimumSize() {
|
String _minimumSize() {
|
||||||
if (tokenAvailable('$tokenGroup.container.height') && tokenAvailable('$tokenGroup.container.width')) {
|
if (tokenAvailable('$tokenGroup.container.size')) {
|
||||||
return '''
|
return '''
|
||||||
|
|
||||||
const MaterialStatePropertyAll<Size>(Size(${getToken('$tokenGroup.container.width')}, ${getToken('$tokenGroup.container.height')}))''';
|
const MaterialStatePropertyAll<Size>(Size(${getToken('$tokenGroup.container.size')}, ${getToken('$tokenGroup.container.size')}))''';
|
||||||
} else {
|
} else {
|
||||||
return '''
|
return '''
|
||||||
|
|
||||||
const MaterialStatePropertyAll<Size>(Size(40.0, 40.0))''';
|
const MaterialStatePropertyAll<Size>(Size(${getToken('$tokenGroup.state-layer.size')}, ${getToken('$tokenGroup.state-layer.size')}))''';
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -38,7 +38,7 @@ class _MenuBarDefaultsM3 extends MenuStyle {
|
||||||
|
|
||||||
@override
|
@override
|
||||||
MaterialStateProperty<Color?>? get surfaceTintColor {
|
MaterialStateProperty<Color?>? get surfaceTintColor {
|
||||||
return const MaterialStatePropertyAll<Color?>(${colorOrTransparent('md.comp.menu.container.surface-tint-layer')});
|
return MaterialStatePropertyAll<Color?>(${componentColor('md.comp.menu.container.surface-tint-layer')});
|
||||||
}
|
}
|
||||||
|
|
||||||
@override
|
@override
|
||||||
|
@ -242,10 +242,7 @@ class _MenuDefaultsM3 extends MenuStyle {
|
||||||
|
|
||||||
@override
|
@override
|
||||||
MaterialStateProperty<Color?>? get surfaceTintColor {
|
MaterialStateProperty<Color?>? get surfaceTintColor {
|
||||||
return ${componentColor('md.comp.menu.container.surface-tint-layer') == 'null'
|
return MaterialStatePropertyAll<Color?>(${componentColor('md.comp.menu.container.surface-tint-layer')});
|
||||||
? 'const MaterialStatePropertyAll<Color?>(Colors.transparent)'
|
|
||||||
: 'MaterialStatePropertyAll<Color?>(${componentColor('md.comp.menu.container.surface-tint-layer')})'
|
|
||||||
};
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@override
|
@override
|
||||||
|
|
|
@ -26,7 +26,7 @@ class _${blockName}DefaultsM3 extends NavigationDrawerThemeData {
|
||||||
late final TextTheme _textTheme = Theme.of(context).textTheme;
|
late final TextTheme _textTheme = Theme.of(context).textTheme;
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Color? get backgroundColor => ${componentColor("md.comp.navigation-drawer.modal.container")};
|
Color? get backgroundColor => ${componentColor("md.comp.navigation-drawer.container")};
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Color? get surfaceTintColor => ${colorOrTransparent("md.comp.navigation-drawer.container.surface-tint-layer.color")};
|
Color? get surfaceTintColor => ${colorOrTransparent("md.comp.navigation-drawer.container.surface-tint-layer.color")};
|
||||||
|
|
|
@ -38,7 +38,7 @@ class _${blockName}DefaultsM3 extends PopupMenuThemeData {
|
||||||
Color? get shadowColor => ${color("md.comp.menu.container.shadow-color")};
|
Color? get shadowColor => ${color("md.comp.menu.container.shadow-color")};
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Color? get surfaceTintColor => ${colorOrTransparent("md.comp.menu.container.surface-tint-layer.color")};
|
Color? get surfaceTintColor => ${color("md.comp.menu.container.surface-tint-layer.color")};
|
||||||
|
|
||||||
@override
|
@override
|
||||||
ShapeBorder? get shape => ${shape("md.comp.menu.container")};
|
ShapeBorder? get shape => ${shape("md.comp.menu.container")};
|
||||||
|
|
|
@ -10,15 +10,6 @@ class SearchBarTemplate extends TokenTemplate {
|
||||||
super.textThemePrefix = '_textTheme.'
|
super.textThemePrefix = '_textTheme.'
|
||||||
});
|
});
|
||||||
|
|
||||||
String _surfaceTint() {
|
|
||||||
final String? color = colorOrTransparent('md.comp.search-bar.container.surface-tint-layer.color');
|
|
||||||
final String surfaceTintColor = 'MaterialStatePropertyAll<Color>($color);';
|
|
||||||
if (color == 'Colors.transparent') {
|
|
||||||
return 'const $surfaceTintColor';
|
|
||||||
}
|
|
||||||
return surfaceTintColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
@override
|
@override
|
||||||
String generate() => '''
|
String generate() => '''
|
||||||
class _SearchBarDefaultsM3 extends SearchBarThemeData {
|
class _SearchBarDefaultsM3 extends SearchBarThemeData {
|
||||||
|
@ -42,7 +33,7 @@ class _SearchBarDefaultsM3 extends SearchBarThemeData {
|
||||||
|
|
||||||
@override
|
@override
|
||||||
MaterialStateProperty<Color>? get surfaceTintColor =>
|
MaterialStateProperty<Color>? get surfaceTintColor =>
|
||||||
${_surfaceTint()}
|
MaterialStatePropertyAll<Color>(${colorOrTransparent("md.comp.search-bar.container.surface-tint-layer.color")});
|
||||||
|
|
||||||
@override
|
@override
|
||||||
MaterialStateProperty<Color?>? get overlayColor =>
|
MaterialStateProperty<Color?>? get overlayColor =>
|
||||||
|
|
|
@ -124,23 +124,23 @@ class _${blockName}DefaultsM3 extends SegmentedButtonThemeData {
|
||||||
return MaterialStateProperty.resolveWith((Set<MaterialState> states) {
|
return MaterialStateProperty.resolveWith((Set<MaterialState> states) {
|
||||||
if (states.contains(MaterialState.selected)) {
|
if (states.contains(MaterialState.selected)) {
|
||||||
if (states.contains(MaterialState.pressed)) {
|
if (states.contains(MaterialState.pressed)) {
|
||||||
return selectedColor?.withOpacity(0.1);
|
return selectedColor?.withOpacity(0.12);
|
||||||
}
|
}
|
||||||
if (states.contains(MaterialState.hovered)) {
|
if (states.contains(MaterialState.hovered)) {
|
||||||
return selectedColor?.withOpacity(0.08);
|
return selectedColor?.withOpacity(0.08);
|
||||||
}
|
}
|
||||||
if (states.contains(MaterialState.focused)) {
|
if (states.contains(MaterialState.focused)) {
|
||||||
return selectedColor?.withOpacity(0.1);
|
return selectedColor?.withOpacity(0.12);
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
if (states.contains(MaterialState.pressed)) {
|
if (states.contains(MaterialState.pressed)) {
|
||||||
return unselectedColor?.withOpacity(0.1);
|
return unselectedColor?.withOpacity(0.12);
|
||||||
}
|
}
|
||||||
if (states.contains(MaterialState.hovered)) {
|
if (states.contains(MaterialState.hovered)) {
|
||||||
return unselectedColor?.withOpacity(0.08);
|
return unselectedColor?.withOpacity(0.08);
|
||||||
}
|
}
|
||||||
if (states.contains(MaterialState.focused)) {
|
if (states.contains(MaterialState.focused)) {
|
||||||
return unselectedColor?.withOpacity(0.1);
|
return unselectedColor?.withOpacity(0.12);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
return Colors.transparent;
|
return Colors.transparent;
|
||||||
|
|
|
@ -21,13 +21,11 @@ class _${blockName}PrimaryDefaultsM3 extends TabBarTheme {
|
||||||
late final TextTheme _textTheme = Theme.of(context).textTheme;
|
late final TextTheme _textTheme = Theme.of(context).textTheme;
|
||||||
final bool isScrollable;
|
final bool isScrollable;
|
||||||
|
|
||||||
// This value comes from Divider widget defaults. Token db deprecated 'primary-navigation-tab.divider.color' token.
|
|
||||||
@override
|
@override
|
||||||
Color? get dividerColor => ${componentColor("md.comp.divider")};
|
Color? get dividerColor => ${componentColor("md.comp.primary-navigation-tab.divider")};
|
||||||
|
|
||||||
// This value comes from Divider widget defaults. Token db deprecated 'primary-navigation-tab.divider.height' token.
|
|
||||||
@override
|
@override
|
||||||
double? get dividerHeight => ${getToken("md.comp.divider.thickness")};
|
double? get dividerHeight => ${getToken('md.comp.primary-navigation-tab.divider.height')};
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Color? get indicatorColor => ${componentColor("md.comp.primary-navigation-tab.active-indicator")};
|
Color? get indicatorColor => ${componentColor("md.comp.primary-navigation-tab.active-indicator")};
|
||||||
|
@ -95,13 +93,11 @@ class _${blockName}SecondaryDefaultsM3 extends TabBarTheme {
|
||||||
late final TextTheme _textTheme = Theme.of(context).textTheme;
|
late final TextTheme _textTheme = Theme.of(context).textTheme;
|
||||||
final bool isScrollable;
|
final bool isScrollable;
|
||||||
|
|
||||||
// This value comes from Divider widget defaults. Token db deprecated 'secondary-navigation-tab.divider.color' token.
|
|
||||||
@override
|
@override
|
||||||
Color? get dividerColor => ${componentColor("md.comp.divider")};
|
Color? get dividerColor => ${componentColor("md.comp.secondary-navigation-tab.divider")};
|
||||||
|
|
||||||
// This value comes from Divider widget defaults. Token db deprecated 'secondary-navigation-tab.divider.height' token.
|
|
||||||
@override
|
@override
|
||||||
double? get dividerHeight => ${getToken("md.comp.divider.thickness")};
|
double? get dividerHeight => ${getToken('md.comp.secondary-navigation-tab.divider.height')};
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Color? get indicatorColor => ${componentColor("md.comp.primary-navigation-tab.active-indicator")};
|
Color? get indicatorColor => ${componentColor("md.comp.primary-navigation-tab.active-indicator")};
|
||||||
|
|
|
@ -1,309 +0,0 @@
|
||||||
// Copyright 2014 The Flutter Authors. All rights reserved.
|
|
||||||
// Use of this source code is governed by a BSD-style license that can be
|
|
||||||
// found in the LICENSE file.
|
|
||||||
|
|
||||||
import 'package:flutter/material.dart';
|
|
||||||
|
|
||||||
/// Flutter code sample for [ColorScheme].
|
|
||||||
|
|
||||||
const Widget divider = SizedBox(height: 10);
|
|
||||||
|
|
||||||
void main() => runApp(const ColorSchemeExample());
|
|
||||||
|
|
||||||
class ColorSchemeExample extends StatefulWidget {
|
|
||||||
const ColorSchemeExample({super.key});
|
|
||||||
|
|
||||||
@override
|
|
||||||
State<ColorSchemeExample> createState() => _ColorSchemeExampleState();
|
|
||||||
}
|
|
||||||
|
|
||||||
class _ColorSchemeExampleState extends State<ColorSchemeExample> {
|
|
||||||
Color selectedColor = ColorSeed.baseColor.color;
|
|
||||||
|
|
||||||
@override
|
|
||||||
Widget build(BuildContext context) {
|
|
||||||
final Color? colorSeed = selectedColor == ColorSeed.baseColor.color ? null : selectedColor;
|
|
||||||
final ThemeData lightTheme = ThemeData(
|
|
||||||
colorSchemeSeed: colorSeed,
|
|
||||||
brightness: Brightness.light,
|
|
||||||
);
|
|
||||||
final ThemeData darkTheme = ThemeData(
|
|
||||||
colorSchemeSeed: colorSeed,
|
|
||||||
brightness: Brightness.dark,
|
|
||||||
);
|
|
||||||
|
|
||||||
Widget schemeLabel(String brightness) {
|
|
||||||
return Padding(
|
|
||||||
padding: const EdgeInsets.symmetric(vertical: 15),
|
|
||||||
child: Text(
|
|
||||||
brightness,
|
|
||||||
style: const TextStyle(fontWeight: FontWeight.bold),
|
|
||||||
),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
Widget schemeView(ThemeData theme) {
|
|
||||||
return Padding(
|
|
||||||
padding: const EdgeInsets.symmetric(horizontal: 15),
|
|
||||||
child: ColorSchemeView(colorScheme: theme.colorScheme),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
return MaterialApp(
|
|
||||||
theme: ThemeData(colorSchemeSeed: selectedColor),
|
|
||||||
home: Builder(
|
|
||||||
builder: (BuildContext context) => Scaffold(
|
|
||||||
appBar: AppBar(
|
|
||||||
title: const Text('ColorScheme'),
|
|
||||||
leading: MenuAnchor(
|
|
||||||
builder: (BuildContext context, MenuController controller, Widget? widget) {
|
|
||||||
return IconButton(
|
|
||||||
icon: Icon(Icons.circle, color: selectedColor),
|
|
||||||
onPressed: () {
|
|
||||||
setState(() {
|
|
||||||
if (!controller.isOpen) {
|
|
||||||
controller.open();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
);
|
|
||||||
},
|
|
||||||
menuChildren: List<Widget>.generate(ColorSeed.values.length, (int index) {
|
|
||||||
final Color itemColor = ColorSeed.values[index].color;
|
|
||||||
return MenuItemButton(
|
|
||||||
leadingIcon: selectedColor == ColorSeed.values[index].color
|
|
||||||
? Icon(Icons.circle, color: itemColor)
|
|
||||||
: Icon(Icons.circle_outlined, color: itemColor),
|
|
||||||
onPressed: () {
|
|
||||||
setState(() {
|
|
||||||
selectedColor = itemColor;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
child: Text(ColorSeed.values[index].label),
|
|
||||||
);
|
|
||||||
}),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
body: SingleChildScrollView(
|
|
||||||
child: Padding(
|
|
||||||
padding: const EdgeInsets.only(top: 5),
|
|
||||||
child: Column(
|
|
||||||
children: <Widget>[
|
|
||||||
Row(
|
|
||||||
children: <Widget>[
|
|
||||||
Expanded(
|
|
||||||
child: Column(
|
|
||||||
children: <Widget>[
|
|
||||||
schemeLabel('Light ColorScheme'),
|
|
||||||
schemeView(lightTheme),
|
|
||||||
],
|
|
||||||
),
|
|
||||||
),
|
|
||||||
Expanded(
|
|
||||||
child: Column(
|
|
||||||
children: <Widget>[
|
|
||||||
schemeLabel('Dark ColorScheme'),
|
|
||||||
schemeView(darkTheme),
|
|
||||||
],
|
|
||||||
),
|
|
||||||
),
|
|
||||||
],
|
|
||||||
),
|
|
||||||
],
|
|
||||||
),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
class ColorSchemeView extends StatelessWidget {
|
|
||||||
const ColorSchemeView({super.key, required this.colorScheme});
|
|
||||||
|
|
||||||
final ColorScheme colorScheme;
|
|
||||||
|
|
||||||
@override
|
|
||||||
Widget build(BuildContext context) {
|
|
||||||
return Column(
|
|
||||||
children: <Widget>[
|
|
||||||
ColorGroup(children: <ColorChip>[
|
|
||||||
ColorChip('primary', colorScheme.primary, colorScheme.onPrimary),
|
|
||||||
ColorChip('onPrimary', colorScheme.onPrimary, colorScheme.primary),
|
|
||||||
ColorChip('primaryContainer', colorScheme.primaryContainer, colorScheme.onPrimaryContainer),
|
|
||||||
ColorChip(
|
|
||||||
'onPrimaryContainer',
|
|
||||||
colorScheme.onPrimaryContainer,
|
|
||||||
colorScheme.primaryContainer,
|
|
||||||
),
|
|
||||||
]),
|
|
||||||
divider,
|
|
||||||
ColorGroup(children: <ColorChip>[
|
|
||||||
ColorChip('primaryFixed', colorScheme.primaryFixed, colorScheme.onPrimaryFixed),
|
|
||||||
ColorChip('onPrimaryFixed', colorScheme.onPrimaryFixed, colorScheme.primaryFixed),
|
|
||||||
ColorChip('primaryFixedDim', colorScheme.primaryFixedDim, colorScheme.onPrimaryFixedVariant),
|
|
||||||
ColorChip(
|
|
||||||
'onPrimaryFixedVariant',
|
|
||||||
colorScheme.onPrimaryFixedVariant,
|
|
||||||
colorScheme.primaryFixedDim,
|
|
||||||
),
|
|
||||||
]),
|
|
||||||
divider,
|
|
||||||
ColorGroup(children: <ColorChip>[
|
|
||||||
ColorChip('secondary', colorScheme.secondary, colorScheme.onSecondary),
|
|
||||||
ColorChip('onSecondary', colorScheme.onSecondary, colorScheme.secondary),
|
|
||||||
ColorChip(
|
|
||||||
'secondaryContainer',
|
|
||||||
colorScheme.secondaryContainer,
|
|
||||||
colorScheme.onSecondaryContainer,
|
|
||||||
),
|
|
||||||
ColorChip(
|
|
||||||
'onSecondaryContainer',
|
|
||||||
colorScheme.onSecondaryContainer,
|
|
||||||
colorScheme.secondaryContainer,
|
|
||||||
),
|
|
||||||
]),
|
|
||||||
divider,
|
|
||||||
ColorGroup(children: <ColorChip>[
|
|
||||||
ColorChip('secondaryFixed', colorScheme.secondaryFixed, colorScheme.onSecondaryFixed),
|
|
||||||
ColorChip('onSecondaryFixed', colorScheme.onSecondaryFixed, colorScheme.secondaryFixed),
|
|
||||||
ColorChip(
|
|
||||||
'secondaryFixedDim',
|
|
||||||
colorScheme.secondaryFixedDim,
|
|
||||||
colorScheme.onSecondaryFixedVariant,
|
|
||||||
),
|
|
||||||
ColorChip(
|
|
||||||
'onSecondaryFixedVariant',
|
|
||||||
colorScheme.onSecondaryFixedVariant,
|
|
||||||
colorScheme.secondaryFixedDim,
|
|
||||||
),
|
|
||||||
]),
|
|
||||||
divider,
|
|
||||||
ColorGroup(
|
|
||||||
children: <ColorChip>[
|
|
||||||
ColorChip('tertiary', colorScheme.tertiary, colorScheme.onTertiary),
|
|
||||||
ColorChip('onTertiary', colorScheme.onTertiary, colorScheme.tertiary),
|
|
||||||
ColorChip(
|
|
||||||
'tertiaryContainer',
|
|
||||||
colorScheme.tertiaryContainer,
|
|
||||||
colorScheme.onTertiaryContainer,
|
|
||||||
),
|
|
||||||
ColorChip(
|
|
||||||
'onTertiaryContainer',
|
|
||||||
colorScheme.onTertiaryContainer,
|
|
||||||
colorScheme.tertiaryContainer,
|
|
||||||
),
|
|
||||||
],
|
|
||||||
),
|
|
||||||
divider,
|
|
||||||
ColorGroup(children: <ColorChip>[
|
|
||||||
ColorChip('tertiaryFixed', colorScheme.tertiaryFixed, colorScheme.onTertiaryFixed),
|
|
||||||
ColorChip('onTertiaryFixed', colorScheme.onTertiaryFixed, colorScheme.tertiaryFixed),
|
|
||||||
ColorChip('tertiaryFixedDim', colorScheme.tertiaryFixedDim, colorScheme.onTertiaryFixedVariant),
|
|
||||||
ColorChip(
|
|
||||||
'onTertiaryFixedVariant',
|
|
||||||
colorScheme.onTertiaryFixedVariant,
|
|
||||||
colorScheme.tertiaryFixedDim,
|
|
||||||
),
|
|
||||||
]),
|
|
||||||
divider,
|
|
||||||
ColorGroup(
|
|
||||||
children: <ColorChip>[
|
|
||||||
ColorChip('error', colorScheme.error, colorScheme.onError),
|
|
||||||
ColorChip('onError', colorScheme.onError, colorScheme.error),
|
|
||||||
ColorChip('errorContainer', colorScheme.errorContainer, colorScheme.onErrorContainer),
|
|
||||||
ColorChip('onErrorContainer', colorScheme.onErrorContainer, colorScheme.errorContainer),
|
|
||||||
],
|
|
||||||
),
|
|
||||||
divider,
|
|
||||||
ColorGroup(
|
|
||||||
children: <ColorChip>[
|
|
||||||
ColorChip('surfaceDim', colorScheme.surfaceDim, colorScheme.onSurface),
|
|
||||||
ColorChip('surface', colorScheme.surface, colorScheme.onSurface),
|
|
||||||
ColorChip('surfaceBright', colorScheme.surfaceBright, colorScheme.onSurface),
|
|
||||||
ColorChip('surfaceContainerLowest', colorScheme.surfaceContainerLowest, colorScheme.onSurface),
|
|
||||||
ColorChip('surfaceContainerLow', colorScheme.surfaceContainerLow, colorScheme.onSurface),
|
|
||||||
ColorChip('surfaceContainer', colorScheme.surfaceContainer, colorScheme.onSurface),
|
|
||||||
ColorChip('surfaceContainerHigh', colorScheme.surfaceContainerHigh, colorScheme.onSurface),
|
|
||||||
ColorChip('surfaceContainerHighest', colorScheme.surfaceContainerHighest, colorScheme.onSurface),
|
|
||||||
ColorChip('onSurface', colorScheme.onSurface, colorScheme.surface),
|
|
||||||
ColorChip(
|
|
||||||
'onSurfaceVariant',
|
|
||||||
colorScheme.onSurfaceVariant,
|
|
||||||
colorScheme.surfaceContainerHighest,
|
|
||||||
),
|
|
||||||
],
|
|
||||||
),
|
|
||||||
divider,
|
|
||||||
ColorGroup(
|
|
||||||
children: <ColorChip>[
|
|
||||||
ColorChip('outline', colorScheme.outline, null),
|
|
||||||
ColorChip('shadow', colorScheme.shadow, null),
|
|
||||||
ColorChip('inverseSurface', colorScheme.inverseSurface, colorScheme.onInverseSurface),
|
|
||||||
ColorChip('onInverseSurface', colorScheme.onInverseSurface, colorScheme.inverseSurface),
|
|
||||||
ColorChip('inversePrimary', colorScheme.inversePrimary, colorScheme.primary),
|
|
||||||
],
|
|
||||||
),
|
|
||||||
],
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
class ColorGroup extends StatelessWidget {
|
|
||||||
const ColorGroup({super.key, required this.children});
|
|
||||||
|
|
||||||
final List<Widget> children;
|
|
||||||
|
|
||||||
@override
|
|
||||||
Widget build(BuildContext context) {
|
|
||||||
return RepaintBoundary(
|
|
||||||
child: Card(clipBehavior: Clip.antiAlias, child: Column(children: children)),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
class ColorChip extends StatelessWidget {
|
|
||||||
const ColorChip(this.label, this.color, this.onColor, {super.key});
|
|
||||||
|
|
||||||
final Color color;
|
|
||||||
final Color? onColor;
|
|
||||||
final String label;
|
|
||||||
|
|
||||||
static Color contrastColor(Color color) {
|
|
||||||
final Brightness brightness = ThemeData.estimateBrightnessForColor(color);
|
|
||||||
return brightness == Brightness.dark ? Colors.white : Colors.black;
|
|
||||||
}
|
|
||||||
|
|
||||||
@override
|
|
||||||
Widget build(BuildContext context) {
|
|
||||||
final Color labelColor = onColor ?? contrastColor(color);
|
|
||||||
return ColoredBox(
|
|
||||||
color: color,
|
|
||||||
child: Padding(
|
|
||||||
padding: const EdgeInsets.all(16),
|
|
||||||
child: Row(
|
|
||||||
children: <Expanded>[
|
|
||||||
Expanded(child: Text(label, style: TextStyle(color: labelColor))),
|
|
||||||
],
|
|
||||||
),
|
|
||||||
),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
enum ColorSeed {
|
|
||||||
baseColor('M3 Baseline', Color(0xff6750a4)),
|
|
||||||
indigo('Indigo', Colors.indigo),
|
|
||||||
blue('Blue', Colors.blue),
|
|
||||||
teal('Teal', Colors.teal),
|
|
||||||
green('Green', Colors.green),
|
|
||||||
yellow('Yellow', Colors.yellow),
|
|
||||||
orange('Orange', Colors.orange),
|
|
||||||
deepOrange('Deep Orange', Colors.deepOrange),
|
|
||||||
pink('Pink', Colors.pink);
|
|
||||||
|
|
||||||
const ColorSeed(this.label, this.color);
|
|
||||||
final String label;
|
|
||||||
final Color color;
|
|
||||||
}
|
|
|
@ -126,7 +126,7 @@ class _DynamicColorExampleState extends State<DynamicColorExample> {
|
||||||
divider,
|
divider,
|
||||||
Expanded(
|
Expanded(
|
||||||
child: ColoredBox(
|
child: ColoredBox(
|
||||||
color: colorScheme.surface,
|
color: colorScheme.background,
|
||||||
child: LayoutBuilder(builder: (BuildContext context, BoxConstraints constraints) {
|
child: LayoutBuilder(builder: (BuildContext context, BoxConstraints constraints) {
|
||||||
if (constraints.maxWidth < narrowScreenWidthThreshold) {
|
if (constraints.maxWidth < narrowScreenWidthThreshold) {
|
||||||
return SingleChildScrollView(
|
return SingleChildScrollView(
|
||||||
|
@ -226,7 +226,7 @@ class _DynamicColorExampleState extends State<DynamicColorExample> {
|
||||||
child: Card(
|
child: Card(
|
||||||
color: widget.images.indexOf(image) == selectedImage
|
color: widget.images.indexOf(image) == selectedImage
|
||||||
? colorScheme.primaryContainer
|
? colorScheme.primaryContainer
|
||||||
: colorScheme.surface,
|
: colorScheme.background,
|
||||||
child: Padding(
|
child: Padding(
|
||||||
padding: const EdgeInsets.all(5.0),
|
padding: const EdgeInsets.all(5.0),
|
||||||
child: ConstrainedBox(
|
child: ConstrainedBox(
|
||||||
|
@ -305,12 +305,21 @@ class ColorSchemeView extends StatelessWidget {
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
divider,
|
divider,
|
||||||
|
ColorGroup(
|
||||||
|
children: <ColorChip>[
|
||||||
|
ColorChip(label: 'background', color: colorScheme.background, onColor: colorScheme.onBackground),
|
||||||
|
ColorChip(label: 'onBackground', color: colorScheme.onBackground, onColor: colorScheme.background),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
divider,
|
||||||
ColorGroup(
|
ColorGroup(
|
||||||
children: <ColorChip>[
|
children: <ColorChip>[
|
||||||
ColorChip(label: 'surface', color: colorScheme.surface, onColor: colorScheme.onSurface),
|
ColorChip(label: 'surface', color: colorScheme.surface, onColor: colorScheme.onSurface),
|
||||||
ColorChip(label: 'onSurface', color: colorScheme.onSurface, onColor: colorScheme.surface),
|
ColorChip(label: 'onSurface', color: colorScheme.onSurface, onColor: colorScheme.surface),
|
||||||
ColorChip(
|
ColorChip(
|
||||||
label: 'onSurfaceVariant', color: colorScheme.onSurfaceVariant, onColor: colorScheme.surfaceContainerHighest),
|
label: 'surfaceVariant', color: colorScheme.surfaceVariant, onColor: colorScheme.onSurfaceVariant),
|
||||||
|
ColorChip(
|
||||||
|
label: 'onSurfaceVariant', color: colorScheme.onSurfaceVariant, onColor: colorScheme.surfaceVariant),
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
divider,
|
divider,
|
||||||
|
|
|
@ -133,7 +133,7 @@ class Grabber extends StatelessWidget {
|
||||||
width: 32.0,
|
width: 32.0,
|
||||||
height: 4.0,
|
height: 4.0,
|
||||||
decoration: BoxDecoration(
|
decoration: BoxDecoration(
|
||||||
color: colorScheme.surfaceContainerHighest,
|
color: colorScheme.surfaceVariant,
|
||||||
borderRadius: BorderRadius.circular(8.0),
|
borderRadius: BorderRadius.circular(8.0),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
|
|
|
@ -169,7 +169,7 @@ class PageIndicator extends StatelessWidget {
|
||||||
),
|
),
|
||||||
TabPageSelector(
|
TabPageSelector(
|
||||||
controller: tabController,
|
controller: tabController,
|
||||||
color: colorScheme.surface,
|
color: colorScheme.background,
|
||||||
selectedColor: colorScheme.primary,
|
selectedColor: colorScheme.primary,
|
||||||
),
|
),
|
||||||
IconButton(
|
IconButton(
|
||||||
|
|
|
@ -27,7 +27,7 @@ void main() {
|
||||||
);
|
);
|
||||||
|
|
||||||
// Test the default animation.
|
// Test the default animation.
|
||||||
expect(getScaffoldMaterial().color, lightTheme.colorScheme.surface);
|
expect(getScaffoldMaterial().color, lightTheme.colorScheme.background);
|
||||||
|
|
||||||
await tester.tap(find.text( 'Switch Theme Mode'));
|
await tester.tap(find.text( 'Switch Theme Mode'));
|
||||||
await tester.pump();
|
await tester.pump();
|
||||||
|
@ -37,13 +37,13 @@ void main() {
|
||||||
// The Scaffold background color is updated.
|
// The Scaffold background color is updated.
|
||||||
expect(
|
expect(
|
||||||
getScaffoldMaterial().color,
|
getScaffoldMaterial().color,
|
||||||
Color.lerp(lightTheme.colorScheme.surface, darkTheme.colorScheme.surface, 0.5),
|
Color.lerp(lightTheme.colorScheme.background, darkTheme.colorScheme.background, 0.5),
|
||||||
);
|
);
|
||||||
|
|
||||||
await tester.pumpAndSettle();
|
await tester.pumpAndSettle();
|
||||||
|
|
||||||
// The Scaffold background color is now fully dark.
|
// The Scaffold background color is now fully dark.
|
||||||
expect(getScaffoldMaterial().color, darkTheme.colorScheme.surface);
|
expect(getScaffoldMaterial().color, darkTheme.colorScheme.background);
|
||||||
|
|
||||||
// Test the custom animation curve and duration.
|
// Test the custom animation curve and duration.
|
||||||
await tester.tap(find.text('Custom'));
|
await tester.tap(find.text('Custom'));
|
||||||
|
@ -55,12 +55,12 @@ void main() {
|
||||||
await tester.pump(const Duration(milliseconds: 500));
|
await tester.pump(const Duration(milliseconds: 500));
|
||||||
|
|
||||||
// The Scaffold background color is updated.
|
// The Scaffold background color is updated.
|
||||||
expect(getScaffoldMaterial().color, const Color(0xff333731));
|
expect(getScaffoldMaterial().color, const Color(0xff3c3e3b));
|
||||||
|
|
||||||
await tester.pumpAndSettle();
|
await tester.pumpAndSettle();
|
||||||
|
|
||||||
// The Scaffold background color is now fully light.
|
// The Scaffold background color is now fully light.
|
||||||
expect(getScaffoldMaterial().color, lightTheme.colorScheme.surface);
|
expect(getScaffoldMaterial().color, lightTheme.colorScheme.background);
|
||||||
|
|
||||||
// Test the no animation style.
|
// Test the no animation style.
|
||||||
await tester.tap(find.text('None'));
|
await tester.tap(find.text('None'));
|
||||||
|
@ -71,6 +71,6 @@ void main() {
|
||||||
await tester.pump();
|
await tester.pump();
|
||||||
|
|
||||||
// The Scaffold background color is updated immediately.
|
// The Scaffold background color is updated immediately.
|
||||||
expect(getScaffoldMaterial().color, darkTheme.colorScheme.surface);
|
expect(getScaffoldMaterial().color, darkTheme.colorScheme.background);
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
|
@ -31,9 +31,9 @@ void main() {
|
||||||
expect(defaultCard.shape, const RoundedRectangleBorder(
|
expect(defaultCard.shape, const RoundedRectangleBorder(
|
||||||
borderRadius: BorderRadius.all(Radius.circular(12.0)),
|
borderRadius: BorderRadius.all(Radius.circular(12.0)),
|
||||||
));
|
));
|
||||||
expect(defaultCard.color, const Color(0xfff7f2fa));
|
expect(defaultCard.color, const Color(0xfffffbfe));
|
||||||
expect(defaultCard.shadowColor, const Color(0xff000000));
|
expect(defaultCard.shadowColor, const Color(0xff000000));
|
||||||
expect(defaultCard.surfaceTintColor, Colors.transparent);
|
expect(defaultCard.surfaceTintColor, const Color(0xff6750a4));
|
||||||
|
|
||||||
final Material filledCard = getCardMaterial(tester, 1);
|
final Material filledCard = getCardMaterial(tester, 1);
|
||||||
expect(filledCard.clipBehavior, Clip.none);
|
expect(filledCard.clipBehavior, Clip.none);
|
||||||
|
@ -41,7 +41,7 @@ void main() {
|
||||||
expect(filledCard.shape, const RoundedRectangleBorder(
|
expect(filledCard.shape, const RoundedRectangleBorder(
|
||||||
borderRadius: BorderRadius.all(Radius.circular(12.0)),
|
borderRadius: BorderRadius.all(Radius.circular(12.0)),
|
||||||
));
|
));
|
||||||
expect(filledCard.color, const Color(0xffe6e0e9));
|
expect(filledCard.color, const Color(0xffe7e0ec));
|
||||||
expect(filledCard.shadowColor, const Color(0xff000000));
|
expect(filledCard.shadowColor, const Color(0xff000000));
|
||||||
expect(filledCard.surfaceTintColor, const Color(0x00000000));
|
expect(filledCard.surfaceTintColor, const Color(0x00000000));
|
||||||
|
|
||||||
|
@ -52,8 +52,8 @@ void main() {
|
||||||
side: BorderSide(color: Color(0xffcac4d0)),
|
side: BorderSide(color: Color(0xffcac4d0)),
|
||||||
borderRadius: BorderRadius.all(Radius.circular(12.0)),
|
borderRadius: BorderRadius.all(Radius.circular(12.0)),
|
||||||
));
|
));
|
||||||
expect(outlinedCard.color, const Color(0xfffef7ff));
|
expect(outlinedCard.color, const Color(0xfffffbfe));
|
||||||
expect(outlinedCard.shadowColor, const Color(0xff000000));
|
expect(outlinedCard.shadowColor, const Color(0xff000000));
|
||||||
expect(outlinedCard.surfaceTintColor, Colors.transparent);
|
expect(outlinedCard.surfaceTintColor, const Color(0xff6750a4));
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,41 +0,0 @@
|
||||||
// Copyright 2014 The Flutter Authors. All rights reserved.
|
|
||||||
// Use of this source code is governed by a BSD-style license that can be
|
|
||||||
// found in the LICENSE file.
|
|
||||||
|
|
||||||
import 'package:flutter/material.dart';
|
|
||||||
import 'package:flutter_api_samples/material/color_scheme/color_scheme.0.dart' as example;
|
|
||||||
import 'package:flutter_test/flutter_test.dart';
|
|
||||||
|
|
||||||
void main() {
|
|
||||||
testWidgets('ColorScheme Smoke Test', (WidgetTester tester) async {
|
|
||||||
await tester.pumpWidget(
|
|
||||||
const example.ColorSchemeExample(),
|
|
||||||
);
|
|
||||||
expect(find.text('Light ColorScheme'), findsOneWidget);
|
|
||||||
expect(find.text('Dark ColorScheme'), findsOneWidget);
|
|
||||||
|
|
||||||
expect(find.byType(example.ColorChip), findsNWidgets(86));
|
|
||||||
});
|
|
||||||
|
|
||||||
testWidgets('Change color seed', (WidgetTester tester) async {
|
|
||||||
await tester.pumpWidget(
|
|
||||||
const example.ColorSchemeExample(),
|
|
||||||
);
|
|
||||||
|
|
||||||
ColoredBox coloredBox() {
|
|
||||||
return tester.widget<ColoredBox>(
|
|
||||||
find.descendant(
|
|
||||||
of: find.widgetWithText(example.ColorChip, 'primary').first,
|
|
||||||
matching: find.byType(ColoredBox)
|
|
||||||
)
|
|
||||||
);
|
|
||||||
}
|
|
||||||
expect(coloredBox().color, const Color(0xFF6750A4));
|
|
||||||
await tester.tap(find.byType(MenuAnchor));
|
|
||||||
await tester.pumpAndSettle();
|
|
||||||
await tester.tap(find.widgetWithText(MenuItemButton, 'Yellow'));
|
|
||||||
await tester.pumpAndSettle();
|
|
||||||
|
|
||||||
expect(coloredBox().color, const Color(0xFF685F12));
|
|
||||||
});
|
|
||||||
}
|
|
|
@ -25,7 +25,7 @@ void main() {
|
||||||
TextButton thirdButton = findButton('Orange');
|
TextButton thirdButton = findButton('Orange');
|
||||||
|
|
||||||
const Color selectedColor = Color(0xffef9a9a);
|
const Color selectedColor = Color(0xffef9a9a);
|
||||||
const Color unselectedColor = Color(0x00fef7ff);
|
const Color unselectedColor = Color(0x00fffbfe);
|
||||||
|
|
||||||
/// First button is selected.
|
/// First button is selected.
|
||||||
expect(firstButton.style!.backgroundColor!.resolve(enabled), selectedColor);
|
expect(firstButton.style!.backgroundColor!.resolve(enabled), selectedColor);
|
||||||
|
@ -63,7 +63,7 @@ void main() {
|
||||||
TextButton thirdButton = findButton('Carrots');
|
TextButton thirdButton = findButton('Carrots');
|
||||||
|
|
||||||
const Color selectedColor = Color(0xffa5d6a7);
|
const Color selectedColor = Color(0xffa5d6a7);
|
||||||
const Color unselectedColor = Color(0x00fef7ff);
|
const Color unselectedColor = Color(0x00fffbfe);
|
||||||
|
|
||||||
/// Second button is selected.
|
/// Second button is selected.
|
||||||
expect(firstButton.style!.backgroundColor!.resolve(enabled), unselectedColor);
|
expect(firstButton.style!.backgroundColor!.resolve(enabled), unselectedColor);
|
||||||
|
@ -102,7 +102,7 @@ void main() {
|
||||||
TextButton thirdButton = findButton(Icons.ac_unit);
|
TextButton thirdButton = findButton(Icons.ac_unit);
|
||||||
|
|
||||||
const Color selectedColor = Color(0xff90caf9);
|
const Color selectedColor = Color(0xff90caf9);
|
||||||
const Color unselectedColor = Color(0x00fef7ff);
|
const Color unselectedColor = Color(0x00fffbfe);
|
||||||
|
|
||||||
|
|
||||||
/// Third button is selected.
|
/// Third button is selected.
|
||||||
|
|
|
@ -26,435 +26,6 @@
|
||||||
version: 1
|
version: 1
|
||||||
transforms:
|
transforms:
|
||||||
|
|
||||||
# Changes made in https://github.com/flutter/flutter/pull/138521
|
|
||||||
- title: "Migrate background"
|
|
||||||
date: 2023-12-04
|
|
||||||
element:
|
|
||||||
uris: [ 'material.dart' ]
|
|
||||||
constructor: ''
|
|
||||||
inClass: 'ColorScheme'
|
|
||||||
oneOf:
|
|
||||||
- if: "surface == ''"
|
|
||||||
changes:
|
|
||||||
- kind: 'renameParameter'
|
|
||||||
oldName: 'background'
|
|
||||||
newName: 'surface'
|
|
||||||
- if: "surface != ''"
|
|
||||||
changes:
|
|
||||||
- kind: 'removeParameter'
|
|
||||||
name: 'background'
|
|
||||||
variables:
|
|
||||||
surface:
|
|
||||||
kind: 'fragment'
|
|
||||||
value: 'arguments[surface]'
|
|
||||||
|
|
||||||
# Changes made in https://github.com/flutter/flutter/pull/138521
|
|
||||||
- title: "Migrate onBackground"
|
|
||||||
date: 2023-12-04
|
|
||||||
element:
|
|
||||||
uris: [ 'material.dart' ]
|
|
||||||
constructor: ''
|
|
||||||
inClass: 'ColorScheme'
|
|
||||||
oneOf:
|
|
||||||
- if: "onSurface == ''"
|
|
||||||
changes:
|
|
||||||
- kind: 'renameParameter'
|
|
||||||
oldName: 'onBackground'
|
|
||||||
newName: 'onSurface'
|
|
||||||
- if: "onSurface != ''"
|
|
||||||
changes:
|
|
||||||
- kind: 'removeParameter'
|
|
||||||
name: 'onBackground'
|
|
||||||
variables:
|
|
||||||
onSurface:
|
|
||||||
kind: 'fragment'
|
|
||||||
value: 'arguments[onSurface]'
|
|
||||||
|
|
||||||
# Changes made in https://github.com/flutter/flutter/pull/138521
|
|
||||||
- title: "Migrate surfaceVariant"
|
|
||||||
date: 2023-12-04
|
|
||||||
element:
|
|
||||||
uris: [ 'material.dart' ]
|
|
||||||
constructor: ''
|
|
||||||
inClass: 'ColorScheme'
|
|
||||||
oneOf:
|
|
||||||
- if: "surfaceContainerHighest == ''"
|
|
||||||
changes:
|
|
||||||
- kind: 'renameParameter'
|
|
||||||
oldName: 'surfaceVariant'
|
|
||||||
newName: 'surfaceContainerHighest'
|
|
||||||
- if: "surfaceContainerHighest != ''"
|
|
||||||
changes:
|
|
||||||
- kind: 'removeParameter'
|
|
||||||
name: 'surfaceVariant'
|
|
||||||
variables:
|
|
||||||
surfaceContainerHighest:
|
|
||||||
kind: 'fragment'
|
|
||||||
value: 'arguments[surfaceContainerHighest]'
|
|
||||||
|
|
||||||
# Changes made in https://github.com/flutter/flutter/pull/138521
|
|
||||||
- title: "Migrate background"
|
|
||||||
date: 2023-12-04
|
|
||||||
element:
|
|
||||||
uris: [ 'material.dart' ]
|
|
||||||
constructor: 'light'
|
|
||||||
inClass: 'ColorScheme'
|
|
||||||
oneOf:
|
|
||||||
- if: "surface == ''"
|
|
||||||
changes:
|
|
||||||
- kind: 'renameParameter'
|
|
||||||
oldName: 'background'
|
|
||||||
newName: 'surface'
|
|
||||||
- if: "surface != ''"
|
|
||||||
changes:
|
|
||||||
- kind: 'removeParameter'
|
|
||||||
name: 'background'
|
|
||||||
variables:
|
|
||||||
surface:
|
|
||||||
kind: 'fragment'
|
|
||||||
value: 'arguments[surface]'
|
|
||||||
|
|
||||||
# Changes made in https://github.com/flutter/flutter/pull/138521
|
|
||||||
- title: "Migrate onBackground"
|
|
||||||
date: 2023-12-04
|
|
||||||
element:
|
|
||||||
uris: [ 'material.dart' ]
|
|
||||||
constructor: 'light'
|
|
||||||
inClass: 'ColorScheme'
|
|
||||||
oneOf:
|
|
||||||
- if: "onSurface == ''"
|
|
||||||
changes:
|
|
||||||
- kind: 'renameParameter'
|
|
||||||
oldName: 'onBackground'
|
|
||||||
newName: 'onSurface'
|
|
||||||
- if: "onSurface != ''"
|
|
||||||
changes:
|
|
||||||
- kind: 'removeParameter'
|
|
||||||
name: 'onBackground'
|
|
||||||
variables:
|
|
||||||
onSurface:
|
|
||||||
kind: 'fragment'
|
|
||||||
value: 'arguments[onSurface]'
|
|
||||||
|
|
||||||
# Changes made in https://github.com/flutter/flutter/pull/138521
|
|
||||||
- title: "Migrate surfaceVariant"
|
|
||||||
date: 2023-12-04
|
|
||||||
element:
|
|
||||||
uris: [ 'material.dart' ]
|
|
||||||
constructor: 'light'
|
|
||||||
inClass: 'ColorScheme'
|
|
||||||
oneOf:
|
|
||||||
- if: "surfaceContainerHighest == ''"
|
|
||||||
changes:
|
|
||||||
- kind: 'renameParameter'
|
|
||||||
oldName: 'surfaceVariant'
|
|
||||||
newName: 'surfaceContainerHighest'
|
|
||||||
- if: "surfaceContainerHighest != ''"
|
|
||||||
changes:
|
|
||||||
- kind: 'removeParameter'
|
|
||||||
name: 'surfaceVariant'
|
|
||||||
variables:
|
|
||||||
surfaceContainerHighest:
|
|
||||||
kind: 'fragment'
|
|
||||||
value: 'arguments[surfaceContainerHighest]'
|
|
||||||
|
|
||||||
# Changes made in https://github.com/flutter/flutter/pull/138521
|
|
||||||
- title: "Migrate background"
|
|
||||||
date: 2023-12-04
|
|
||||||
element:
|
|
||||||
uris: [ 'material.dart' ]
|
|
||||||
constructor: 'dark'
|
|
||||||
inClass: 'ColorScheme'
|
|
||||||
oneOf:
|
|
||||||
- if: "surface == ''"
|
|
||||||
changes:
|
|
||||||
- kind: 'renameParameter'
|
|
||||||
oldName: 'background'
|
|
||||||
newName: 'surface'
|
|
||||||
- if: "surface != ''"
|
|
||||||
changes:
|
|
||||||
- kind: 'removeParameter'
|
|
||||||
name: 'background'
|
|
||||||
variables:
|
|
||||||
surface:
|
|
||||||
kind: 'fragment'
|
|
||||||
value: 'arguments[surface]'
|
|
||||||
|
|
||||||
# Changes made in https://github.com/flutter/flutter/pull/138521
|
|
||||||
- title: "Migrate onBackground"
|
|
||||||
date: 2023-12-04
|
|
||||||
element:
|
|
||||||
uris: [ 'material.dart' ]
|
|
||||||
constructor: 'dark'
|
|
||||||
inClass: 'ColorScheme'
|
|
||||||
oneOf:
|
|
||||||
- if: "onSurface == ''"
|
|
||||||
changes:
|
|
||||||
- kind: 'renameParameter'
|
|
||||||
oldName: 'onBackground'
|
|
||||||
newName: 'onSurface'
|
|
||||||
- if: "onSurface != ''"
|
|
||||||
changes:
|
|
||||||
- kind: 'removeParameter'
|
|
||||||
name: 'onBackground'
|
|
||||||
variables:
|
|
||||||
onSurface:
|
|
||||||
kind: 'fragment'
|
|
||||||
value: 'arguments[onSurface]'
|
|
||||||
|
|
||||||
# Changes made in https://github.com/flutter/flutter/pull/138521
|
|
||||||
- title: "Migrate surfaceVariant"
|
|
||||||
date: 2023-12-04
|
|
||||||
element:
|
|
||||||
uris: [ 'material.dart' ]
|
|
||||||
constructor: 'dark'
|
|
||||||
inClass: 'ColorScheme'
|
|
||||||
oneOf:
|
|
||||||
- if: "surfaceContainerHighest == ''"
|
|
||||||
changes:
|
|
||||||
- kind: 'renameParameter'
|
|
||||||
oldName: 'surfaceVariant'
|
|
||||||
newName: 'surfaceContainerHighest'
|
|
||||||
- if: "surfaceContainerHighest != ''"
|
|
||||||
changes:
|
|
||||||
- kind: 'removeParameter'
|
|
||||||
name: 'surfaceVariant'
|
|
||||||
variables:
|
|
||||||
surfaceContainerHighest:
|
|
||||||
kind: 'fragment'
|
|
||||||
value: 'arguments[surfaceContainerHighest]'
|
|
||||||
|
|
||||||
# Changes made in https://github.com/flutter/flutter/pull/138521
|
|
||||||
- title: "Migrate background"
|
|
||||||
date: 2023-12-04
|
|
||||||
element:
|
|
||||||
uris: [ 'material.dart' ]
|
|
||||||
constructor: 'highContrastLight'
|
|
||||||
inClass: 'ColorScheme'
|
|
||||||
oneOf:
|
|
||||||
- if: "surface == ''"
|
|
||||||
changes:
|
|
||||||
- kind: 'renameParameter'
|
|
||||||
oldName: 'background'
|
|
||||||
newName: 'surface'
|
|
||||||
- if: "surface != ''"
|
|
||||||
changes:
|
|
||||||
- kind: 'removeParameter'
|
|
||||||
name: 'background'
|
|
||||||
variables:
|
|
||||||
surface:
|
|
||||||
kind: 'fragment'
|
|
||||||
value: 'arguments[surface]'
|
|
||||||
|
|
||||||
# Changes made in https://github.com/flutter/flutter/pull/138521
|
|
||||||
- title: "Migrate onBackground"
|
|
||||||
date: 2023-12-04
|
|
||||||
element:
|
|
||||||
uris: [ 'material.dart' ]
|
|
||||||
constructor: 'highContrastLight'
|
|
||||||
inClass: 'ColorScheme'
|
|
||||||
oneOf:
|
|
||||||
- if: "onSurface == ''"
|
|
||||||
changes:
|
|
||||||
- kind: 'renameParameter'
|
|
||||||
oldName: 'onBackground'
|
|
||||||
newName: 'onSurface'
|
|
||||||
- if: "onSurface != ''"
|
|
||||||
changes:
|
|
||||||
- kind: 'removeParameter'
|
|
||||||
name: 'onBackground'
|
|
||||||
variables:
|
|
||||||
onSurface:
|
|
||||||
kind: 'fragment'
|
|
||||||
value: 'arguments[onSurface]'
|
|
||||||
|
|
||||||
# Changes made in https://github.com/flutter/flutter/pull/138521
|
|
||||||
- title: "Migrate surfaceVariant"
|
|
||||||
date: 2023-12-04
|
|
||||||
element:
|
|
||||||
uris: [ 'material.dart' ]
|
|
||||||
constructor: 'highContrastLight'
|
|
||||||
inClass: 'ColorScheme'
|
|
||||||
oneOf:
|
|
||||||
- if: "surfaceContainerHighest == ''"
|
|
||||||
changes:
|
|
||||||
- kind: 'renameParameter'
|
|
||||||
oldName: 'surfaceVariant'
|
|
||||||
newName: 'surfaceContainerHighest'
|
|
||||||
- if: "surfaceContainerHighest != ''"
|
|
||||||
changes:
|
|
||||||
- kind: 'removeParameter'
|
|
||||||
name: 'surfaceVariant'
|
|
||||||
variables:
|
|
||||||
surfaceContainerHighest:
|
|
||||||
kind: 'fragment'
|
|
||||||
value: 'arguments[surfaceContainerHighest]'
|
|
||||||
|
|
||||||
# Changes made in https://github.com/flutter/flutter/pull/138521
|
|
||||||
- title: "Migrate background"
|
|
||||||
date: 2023-12-04
|
|
||||||
element:
|
|
||||||
uris: [ 'material.dart' ]
|
|
||||||
constructor: 'highContrastDark'
|
|
||||||
inClass: 'ColorScheme'
|
|
||||||
oneOf:
|
|
||||||
- if: "surface == ''"
|
|
||||||
changes:
|
|
||||||
- kind: 'renameParameter'
|
|
||||||
oldName: 'background'
|
|
||||||
newName: 'surface'
|
|
||||||
- if: "surface != ''"
|
|
||||||
changes:
|
|
||||||
- kind: 'removeParameter'
|
|
||||||
name: 'background'
|
|
||||||
variables:
|
|
||||||
surface:
|
|
||||||
kind: 'fragment'
|
|
||||||
value: 'arguments[surface]'
|
|
||||||
|
|
||||||
# Changes made in https://github.com/flutter/flutter/pull/138521
|
|
||||||
- title: "Migrate onBackground"
|
|
||||||
date: 2023-12-04
|
|
||||||
element:
|
|
||||||
uris: [ 'material.dart' ]
|
|
||||||
constructor: 'highContrastDark'
|
|
||||||
inClass: 'ColorScheme'
|
|
||||||
oneOf:
|
|
||||||
- if: "onSurface == ''"
|
|
||||||
changes:
|
|
||||||
- kind: 'renameParameter'
|
|
||||||
oldName: 'onBackground'
|
|
||||||
newName: 'onSurface'
|
|
||||||
- if: "onSurface != ''"
|
|
||||||
changes:
|
|
||||||
- kind: 'removeParameter'
|
|
||||||
name: 'onBackground'
|
|
||||||
variables:
|
|
||||||
onSurface:
|
|
||||||
kind: 'fragment'
|
|
||||||
value: 'arguments[onSurface]'
|
|
||||||
|
|
||||||
# Changes made in https://github.com/flutter/flutter/pull/138521
|
|
||||||
- title: "Migrate surfaceVariant"
|
|
||||||
date: 2023-12-04
|
|
||||||
element:
|
|
||||||
uris: [ 'material.dart' ]
|
|
||||||
constructor: 'highContrastDark'
|
|
||||||
inClass: 'ColorScheme'
|
|
||||||
oneOf:
|
|
||||||
- if: "surfaceContainerHighest == ''"
|
|
||||||
changes:
|
|
||||||
- kind: 'renameParameter'
|
|
||||||
oldName: 'surfaceVariant'
|
|
||||||
newName: 'surfaceContainerHighest'
|
|
||||||
- if: "surfaceContainerHighest != ''"
|
|
||||||
changes:
|
|
||||||
- kind: 'removeParameter'
|
|
||||||
name: 'surfaceVariant'
|
|
||||||
variables:
|
|
||||||
surfaceContainerHighest:
|
|
||||||
kind: 'fragment'
|
|
||||||
value: 'arguments[surfaceContainerHighest]'
|
|
||||||
|
|
||||||
# Changes made in https://github.com/flutter/flutter/pull/138521
|
|
||||||
- title: "Migrate background"
|
|
||||||
date: 2023-12-04
|
|
||||||
element:
|
|
||||||
uris: [ 'material.dart' ]
|
|
||||||
method: 'copyWith'
|
|
||||||
inClass: 'ColorScheme'
|
|
||||||
oneOf:
|
|
||||||
- if: "surface == ''"
|
|
||||||
changes:
|
|
||||||
- kind: 'renameParameter'
|
|
||||||
oldName: 'background'
|
|
||||||
newName: 'surface'
|
|
||||||
- if: "surface != ''"
|
|
||||||
changes:
|
|
||||||
- kind: 'removeParameter'
|
|
||||||
name: 'background'
|
|
||||||
variables:
|
|
||||||
surface:
|
|
||||||
kind: 'fragment'
|
|
||||||
value: 'arguments[surface]'
|
|
||||||
|
|
||||||
# Changes made in https://github.com/flutter/flutter/pull/138521
|
|
||||||
- title: "Migrate onBackground"
|
|
||||||
date: 2023-12-04
|
|
||||||
element:
|
|
||||||
uris: [ 'material.dart' ]
|
|
||||||
method: 'copyWith'
|
|
||||||
inClass: 'ColorScheme'
|
|
||||||
oneOf:
|
|
||||||
- if: "onSurface == ''"
|
|
||||||
changes:
|
|
||||||
- kind: 'renameParameter'
|
|
||||||
oldName: 'onBackground'
|
|
||||||
newName: 'onSurface'
|
|
||||||
- if: "onSurface != ''"
|
|
||||||
changes:
|
|
||||||
- kind: 'removeParameter'
|
|
||||||
name: 'onBackground'
|
|
||||||
variables:
|
|
||||||
onSurface:
|
|
||||||
kind: 'fragment'
|
|
||||||
value: 'arguments[onSurface]'
|
|
||||||
|
|
||||||
# Changes made in https://github.com/flutter/flutter/pull/138521
|
|
||||||
- title: "Migrate surfaceVariant"
|
|
||||||
date: 2023-12-04
|
|
||||||
element:
|
|
||||||
uris: [ 'material.dart' ]
|
|
||||||
method: 'copyWith'
|
|
||||||
inClass: 'ColorScheme'
|
|
||||||
oneOf:
|
|
||||||
- if: "surfaceContainerHighest == ''"
|
|
||||||
changes:
|
|
||||||
- kind: 'renameParameter'
|
|
||||||
oldName: 'surfaceVariant'
|
|
||||||
newName: 'surfaceContainerHighest'
|
|
||||||
- if: "surfaceContainerHighest != ''"
|
|
||||||
changes:
|
|
||||||
- kind: 'removeParameter'
|
|
||||||
name: 'surfaceVariant'
|
|
||||||
variables:
|
|
||||||
surfaceContainerHighest:
|
|
||||||
kind: 'fragment'
|
|
||||||
value: 'arguments[surfaceContainerHighest]'
|
|
||||||
|
|
||||||
# Changes made in https://github.com/flutter/flutter/pull/138521
|
|
||||||
- title: "Migrate 'background' to 'surface'"
|
|
||||||
date: 2023-12-04
|
|
||||||
element:
|
|
||||||
uris: [ 'material.dart' ]
|
|
||||||
getter: 'background'
|
|
||||||
inClass: 'ColorScheme'
|
|
||||||
changes:
|
|
||||||
- kind: 'rename'
|
|
||||||
newName: 'surface'
|
|
||||||
|
|
||||||
# Changes made in https://github.com/flutter/flutter/pull/138521
|
|
||||||
- title: "Migrate 'onBackground' to 'onSurface'"
|
|
||||||
date: 2023-12-04
|
|
||||||
element:
|
|
||||||
uris: [ 'material.dart' ]
|
|
||||||
getter: 'onBackground'
|
|
||||||
inClass: 'ColorScheme'
|
|
||||||
changes:
|
|
||||||
- kind: 'rename'
|
|
||||||
newName: 'onSurface'
|
|
||||||
|
|
||||||
# Changes made in https://github.com/flutter/flutter/pull/138521
|
|
||||||
- title: "Migrate 'surfaceVariant' to 'surfaceContainerHighest'"
|
|
||||||
date: 2023-12-04
|
|
||||||
element:
|
|
||||||
uris: [ 'material.dart' ]
|
|
||||||
getter: 'surfaceVariant'
|
|
||||||
inClass: 'ColorScheme'
|
|
||||||
changes:
|
|
||||||
- kind: 'rename'
|
|
||||||
newName: 'surfaceContainerHighest'
|
|
||||||
|
|
||||||
# Changes made in https://github.com/flutter/flutter/pull/93427
|
# Changes made in https://github.com/flutter/flutter/pull/93427
|
||||||
- title: "Remove 'primaryVariant' and 'secondaryVariant'"
|
- title: "Remove 'primaryVariant' and 'secondaryVariant'"
|
||||||
date: 2021-11-19
|
date: 2021-11-19
|
||||||
|
|
|
@ -280,9 +280,7 @@ class _ActionChipDefaultsM3 extends ChipThemeData {
|
||||||
? null
|
? null
|
||||||
: _colors.onSurface.withOpacity(0.12);
|
: _colors.onSurface.withOpacity(0.12);
|
||||||
}
|
}
|
||||||
return _chipVariant == _ChipVariant.flat
|
return null;
|
||||||
? null
|
|
||||||
: _colors.surfaceContainerLow;
|
|
||||||
});
|
});
|
||||||
|
|
||||||
@override
|
@override
|
||||||
|
@ -291,7 +289,7 @@ class _ActionChipDefaultsM3 extends ChipThemeData {
|
||||||
: _colors.shadow;
|
: _colors.shadow;
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Color? get surfaceTintColor => Colors.transparent;
|
Color? get surfaceTintColor => _colors.surfaceTint;
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Color? get checkmarkColor => null;
|
Color? get checkmarkColor => null;
|
||||||
|
|
|
@ -848,17 +848,6 @@ class _AppBarState extends State<AppBar> {
|
||||||
defaults.backgroundColor!,
|
defaults.backgroundColor!,
|
||||||
);
|
);
|
||||||
|
|
||||||
final Color scrolledUnderBackground = _resolveColor(
|
|
||||||
states,
|
|
||||||
widget.backgroundColor,
|
|
||||||
appBarTheme.backgroundColor,
|
|
||||||
Theme.of(context).colorScheme.surfaceContainer,
|
|
||||||
);
|
|
||||||
|
|
||||||
final Color effectiveBackgroundColor = states.contains(MaterialState.scrolledUnder)
|
|
||||||
? scrolledUnderBackground
|
|
||||||
: backgroundColor;
|
|
||||||
|
|
||||||
final Color foregroundColor = widget.foregroundColor
|
final Color foregroundColor = widget.foregroundColor
|
||||||
?? appBarTheme.foregroundColor
|
?? appBarTheme.foregroundColor
|
||||||
?? defaults.foregroundColor!;
|
?? defaults.foregroundColor!;
|
||||||
|
@ -1124,7 +1113,7 @@ class _AppBarState extends State<AppBar> {
|
||||||
?? appBarTheme.systemOverlayStyle
|
?? appBarTheme.systemOverlayStyle
|
||||||
?? defaults.systemOverlayStyle
|
?? defaults.systemOverlayStyle
|
||||||
?? _systemOverlayStyleForBrightness(
|
?? _systemOverlayStyleForBrightness(
|
||||||
ThemeData.estimateBrightnessForColor(effectiveBackgroundColor),
|
ThemeData.estimateBrightnessForColor(backgroundColor),
|
||||||
// Make the status bar transparent for M3 so the elevation overlay
|
// Make the status bar transparent for M3 so the elevation overlay
|
||||||
// color is picked up by the statusbar.
|
// color is picked up by the statusbar.
|
||||||
theme.useMaterial3 ? const Color(0x00000000) : null,
|
theme.useMaterial3 ? const Color(0x00000000) : null,
|
||||||
|
@ -1135,7 +1124,7 @@ class _AppBarState extends State<AppBar> {
|
||||||
child: AnnotatedRegion<SystemUiOverlayStyle>(
|
child: AnnotatedRegion<SystemUiOverlayStyle>(
|
||||||
value: overlayStyle,
|
value: overlayStyle,
|
||||||
child: Material(
|
child: Material(
|
||||||
color: theme.useMaterial3 ? effectiveBackgroundColor : backgroundColor,
|
color: backgroundColor,
|
||||||
elevation: effectiveElevation,
|
elevation: effectiveElevation,
|
||||||
type: widget.forceMaterialTransparency
|
type: widget.forceMaterialTransparency
|
||||||
? MaterialType.transparency
|
? MaterialType.transparency
|
||||||
|
@ -1145,10 +1134,7 @@ class _AppBarState extends State<AppBar> {
|
||||||
?? defaults.shadowColor,
|
?? defaults.shadowColor,
|
||||||
surfaceTintColor: widget.surfaceTintColor
|
surfaceTintColor: widget.surfaceTintColor
|
||||||
?? appBarTheme.surfaceTintColor
|
?? appBarTheme.surfaceTintColor
|
||||||
// M3 `defaults.surfaceTint` is Colors.transparent now. It is not used
|
?? defaults.surfaceTintColor,
|
||||||
// here because otherwise, it will cause breaking change for
|
|
||||||
// `scrolledUnderElevation`.
|
|
||||||
?? (theme.useMaterial3 ? theme.colorScheme.surfaceTint : null),
|
|
||||||
shape: widget.shape ?? appBarTheme.shape ?? defaults.shape,
|
shape: widget.shape ?? appBarTheme.shape ?? defaults.shape,
|
||||||
child: Semantics(
|
child: Semantics(
|
||||||
explicitChildNodes: true,
|
explicitChildNodes: true,
|
||||||
|
@ -2355,7 +2341,7 @@ class _AppBarDefaultsM3 extends AppBarTheme {
|
||||||
Color? get shadowColor => Colors.transparent;
|
Color? get shadowColor => Colors.transparent;
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Color? get surfaceTintColor => Colors.transparent;
|
Color? get surfaceTintColor => _colors.surfaceTint;
|
||||||
|
|
||||||
@override
|
@override
|
||||||
IconThemeData? get iconTheme => IconThemeData(
|
IconThemeData? get iconTheme => IconThemeData(
|
||||||
|
|
|
@ -6,7 +6,6 @@ import 'package:flutter/widgets.dart';
|
||||||
|
|
||||||
import 'banner_theme.dart';
|
import 'banner_theme.dart';
|
||||||
import 'color_scheme.dart';
|
import 'color_scheme.dart';
|
||||||
import 'colors.dart';
|
|
||||||
import 'divider.dart';
|
import 'divider.dart';
|
||||||
import 'material.dart';
|
import 'material.dart';
|
||||||
import 'scaffold.dart';
|
import 'scaffold.dart';
|
||||||
|
@ -154,18 +153,16 @@ class MaterialBanner extends StatefulWidget {
|
||||||
/// The color of the surface of this [MaterialBanner].
|
/// The color of the surface of this [MaterialBanner].
|
||||||
///
|
///
|
||||||
/// If `null`, [MaterialBannerThemeData.backgroundColor] is used. If that is
|
/// If `null`, [MaterialBannerThemeData.backgroundColor] is used. If that is
|
||||||
/// also `null`, [ColorScheme.surfaceContainerLow] of [ThemeData.colorScheme] is used.
|
/// also `null`, [ColorScheme.surface] of [ThemeData.colorScheme] is used.
|
||||||
final Color? backgroundColor;
|
final Color? backgroundColor;
|
||||||
|
|
||||||
/// The color used as an overlay on [backgroundColor] to indicate elevation.
|
/// The color used as an overlay on [backgroundColor] to indicate elevation.
|
||||||
///
|
///
|
||||||
/// If null, [MaterialBannerThemeData.surfaceTintColor] is used. If that
|
/// If null, [MaterialBannerThemeData.surfaceTintColor] is used. If that
|
||||||
/// is also null, the default value is [Colors.transparent].
|
/// is also null, the default value is [ColorScheme.surfaceTint].
|
||||||
///
|
///
|
||||||
/// This is not recommended for use. [Material 3 spec](https://m3.material.io/styles/color/the-color-system/color-roles)
|
/// See [Material.surfaceTintColor] for more details on how this
|
||||||
/// introduced a set of tone-based surfaces and surface containers in its [ColorScheme],
|
/// overlay is applied.
|
||||||
/// which provide more flexibility. The intention is to eventually remove surface tint color from
|
|
||||||
/// the framework.
|
|
||||||
final Color? surfaceTintColor;
|
final Color? surfaceTintColor;
|
||||||
|
|
||||||
/// The color of the shadow below the [MaterialBanner].
|
/// The color of the shadow below the [MaterialBanner].
|
||||||
|
@ -486,10 +483,10 @@ class _BannerDefaultsM3 extends MaterialBannerThemeData {
|
||||||
late final TextTheme _textTheme = Theme.of(context).textTheme;
|
late final TextTheme _textTheme = Theme.of(context).textTheme;
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Color? get backgroundColor => _colors.surfaceContainerLow;
|
Color? get backgroundColor => _colors.surface;
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Color? get surfaceTintColor => Colors.transparent;
|
Color? get surfaceTintColor => _colors.surfaceTint;
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Color? get dividerColor => _colors.outlineVariant;
|
Color? get dividerColor => _colors.outlineVariant;
|
||||||
|
|
|
@ -94,9 +94,8 @@ class BottomAppBar extends StatefulWidget {
|
||||||
/// The bottom app bar's background color.
|
/// The bottom app bar's background color.
|
||||||
///
|
///
|
||||||
/// If this property is null then [BottomAppBarTheme.color] of
|
/// If this property is null then [BottomAppBarTheme.color] of
|
||||||
/// [ThemeData.bottomAppBarTheme] is used. If that's null and [ThemeData.useMaterial3]
|
/// [ThemeData.bottomAppBarTheme] is used. If that's null then
|
||||||
/// is true, the default value is [ColorScheme.surfaceContainer]; If that's null
|
/// [ThemeData.bottomAppBarColor] is used.
|
||||||
/// and [ThemeData.useMaterial3] is false, then [ThemeData.bottomAppBarColor] is used.
|
|
||||||
final Color? color;
|
final Color? color;
|
||||||
|
|
||||||
/// The z-coordinate at which to place this bottom app bar relative to its
|
/// The z-coordinate at which to place this bottom app bar relative to its
|
||||||
|
@ -130,17 +129,18 @@ class BottomAppBar extends StatefulWidget {
|
||||||
|
|
||||||
/// A custom color for the Material 3 surface-tint elevation effect.
|
/// A custom color for the Material 3 surface-tint elevation effect.
|
||||||
///
|
///
|
||||||
/// This is not recommended for use. [Material 3 spec](https://m3.material.io/styles/color/the-color-system/color-roles)
|
/// In Material 3, a "surface tint" with an opacity related to [elevation]
|
||||||
/// introduced a set of tone-based surfaces and surface containers in its [ColorScheme],
|
/// will be applied to the [BottomAppBar]'s background.
|
||||||
/// which provide more flexibility. The intention is to eventually remove surface tint color from
|
/// Use this property to override the default color of that tint.
|
||||||
/// the framework.
|
|
||||||
///
|
///
|
||||||
/// If this property is null, then [BottomAppBarTheme.surfaceTintColor]
|
/// If this property is null, then [BottomAppBarTheme.surfaceTintColor]
|
||||||
/// of [ThemeData.bottomAppBarTheme] is used. If that is also null, the default
|
/// of [ThemeData.bottomAppBarTheme] is used.
|
||||||
/// value is [Colors.transparent].
|
/// If that is also null, [ColorScheme.surfaceTint] is used.
|
||||||
///
|
///
|
||||||
/// Ignored if [ThemeData.useMaterial3] is false.
|
/// Ignored if [ThemeData.useMaterial3] is false.
|
||||||
///
|
///
|
||||||
|
/// The default is null.
|
||||||
|
///
|
||||||
/// See [Material.surfaceTintColor] for more details on how this overlay is applied.
|
/// See [Material.surfaceTintColor] for more details on how this overlay is applied.
|
||||||
final Color? surfaceTintColor;
|
final Color? surfaceTintColor;
|
||||||
|
|
||||||
|
@ -308,10 +308,10 @@ class _BottomAppBarDefaultsM3 extends BottomAppBarTheme {
|
||||||
late final ColorScheme _colors = Theme.of(context).colorScheme;
|
late final ColorScheme _colors = Theme.of(context).colorScheme;
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Color? get color => _colors.surfaceContainer;
|
Color? get color => _colors.surface;
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Color? get surfaceTintColor => Colors.transparent;
|
Color? get surfaceTintColor => _colors.surfaceTint;
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Color? get shadowColor => Colors.transparent;
|
Color? get shadowColor => Colors.transparent;
|
||||||
|
|
|
@ -147,7 +147,8 @@ class BottomSheet extends StatefulWidget {
|
||||||
/// The bottom sheet drag handle's color.
|
/// The bottom sheet drag handle's color.
|
||||||
///
|
///
|
||||||
/// Defaults to [BottomSheetThemeData.dragHandleColor].
|
/// Defaults to [BottomSheetThemeData.dragHandleColor].
|
||||||
/// If that is also null, defaults to [ColorScheme.onSurfaceVariant].
|
/// If that is also null, defaults to [ColorScheme.onSurfaceVariant]
|
||||||
|
/// with an opacity of 0.4.
|
||||||
final Color? dragHandleColor;
|
final Color? dragHandleColor;
|
||||||
|
|
||||||
/// Defaults to [BottomSheetThemeData.dragHandleSize].
|
/// Defaults to [BottomSheetThemeData.dragHandleSize].
|
||||||
|
@ -1404,16 +1405,16 @@ class _BottomSheetDefaultsM3 extends BottomSheetThemeData {
|
||||||
late final ColorScheme _colors = Theme.of(context).colorScheme;
|
late final ColorScheme _colors = Theme.of(context).colorScheme;
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Color? get backgroundColor => _colors.surfaceContainerLow;
|
Color? get backgroundColor => _colors.surface;
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Color? get surfaceTintColor => Colors.transparent;
|
Color? get surfaceTintColor => _colors.surfaceTint;
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Color? get shadowColor => Colors.transparent;
|
Color? get shadowColor => Colors.transparent;
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Color? get dragHandleColor => _colors.onSurfaceVariant;
|
Color? get dragHandleColor => _colors.onSurfaceVariant.withOpacity(0.4);
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Size? get dragHandleSize => const Size(32, 4);
|
Size? get dragHandleSize => const Size(32, 4);
|
||||||
|
|
|
@ -119,8 +119,14 @@ class Card extends StatelessWidget {
|
||||||
///
|
///
|
||||||
/// Defines the card's [Material.color].
|
/// Defines the card's [Material.color].
|
||||||
///
|
///
|
||||||
|
/// In Material 3, [surfaceTintColor] is drawn on top of this color
|
||||||
|
/// when the card is elevated. This might make the appearance of
|
||||||
|
/// the card slightly different than in Material 2. To disable this
|
||||||
|
/// feature, set [surfaceTintColor] to [Colors.transparent].
|
||||||
|
/// See [Material.surfaceTintColor] for more details.
|
||||||
|
///
|
||||||
/// If this property is null then the ambient [CardTheme.color] is used. If that is null,
|
/// If this property is null then the ambient [CardTheme.color] is used. If that is null,
|
||||||
/// and [ThemeData.useMaterial3] is true, then [ColorScheme.surfaceContainerLow] of
|
/// and [ThemeData.useMaterial3] is true, then [ColorScheme.surface] of
|
||||||
/// [ThemeData.colorScheme] is used. Otherwise, [ThemeData.cardColor] is used.
|
/// [ThemeData.colorScheme] is used. Otherwise, [ThemeData.cardColor] is used.
|
||||||
final Color? color;
|
final Color? color;
|
||||||
|
|
||||||
|
@ -133,16 +139,11 @@ class Card extends StatelessWidget {
|
||||||
|
|
||||||
/// The color used as an overlay on [color] to indicate elevation.
|
/// The color used as an overlay on [color] to indicate elevation.
|
||||||
///
|
///
|
||||||
/// This is not recommended for use. [Material 3 spec](https://m3.material.io/styles/color/the-color-system/color-roles)
|
|
||||||
/// introduced a set of tone-based surfaces and surface containers in its [ColorScheme],
|
|
||||||
/// which provide more flexibility. The intention is to eventually remove surface tint color from
|
|
||||||
/// the framework.
|
|
||||||
///
|
|
||||||
/// If this is null, no overlay will be applied. Otherwise this color
|
/// If this is null, no overlay will be applied. Otherwise this color
|
||||||
/// will be composited on top of [color] with an opacity related
|
/// will be composited on top of [color] with an opacity related
|
||||||
/// to [elevation] and used to paint the background of the card.
|
/// to [elevation] and used to paint the background of the card.
|
||||||
///
|
///
|
||||||
/// The default is [Colors.transparent].
|
/// The default is null.
|
||||||
///
|
///
|
||||||
/// See [Material.surfaceTintColor] for more details on how this
|
/// See [Material.surfaceTintColor] for more details on how this
|
||||||
/// overlay is applied.
|
/// overlay is applied.
|
||||||
|
@ -285,13 +286,13 @@ class _CardDefaultsM3 extends CardTheme {
|
||||||
late final ColorScheme _colors = Theme.of(context).colorScheme;
|
late final ColorScheme _colors = Theme.of(context).colorScheme;
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Color? get color => _colors.surfaceContainerLow;
|
Color? get color => _colors.surface;
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Color? get shadowColor => _colors.shadow;
|
Color? get shadowColor => _colors.shadow;
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Color? get surfaceTintColor => Colors.transparent;
|
Color? get surfaceTintColor => _colors.surfaceTint;
|
||||||
|
|
||||||
@override
|
@override
|
||||||
ShapeBorder? get shape =>const RoundedRectangleBorder(borderRadius: BorderRadius.all(Radius.circular(12.0)));
|
ShapeBorder? get shape =>const RoundedRectangleBorder(borderRadius: BorderRadius.all(Radius.circular(12.0)));
|
||||||
|
@ -318,7 +319,7 @@ class _FilledCardDefaultsM3 extends CardTheme {
|
||||||
late final ColorScheme _colors = Theme.of(context).colorScheme;
|
late final ColorScheme _colors = Theme.of(context).colorScheme;
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Color? get color => _colors.surfaceContainerHighest;
|
Color? get color => _colors.surfaceVariant;
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Color? get shadowColor => _colors.shadow;
|
Color? get shadowColor => _colors.shadow;
|
||||||
|
@ -357,7 +358,7 @@ class _OutlinedCardDefaultsM3 extends CardTheme {
|
||||||
Color? get shadowColor => _colors.shadow;
|
Color? get shadowColor => _colors.shadow;
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Color? get surfaceTintColor => Colors.transparent;
|
Color? get surfaceTintColor => _colors.surfaceTint;
|
||||||
|
|
||||||
@override
|
@override
|
||||||
ShapeBorder? get shape =>
|
ShapeBorder? get shape =>
|
||||||
|
|
|
@ -975,35 +975,35 @@ class _CheckboxDefaultsM3 extends CheckboxThemeData {
|
||||||
return MaterialStateProperty.resolveWith((Set<MaterialState> states) {
|
return MaterialStateProperty.resolveWith((Set<MaterialState> states) {
|
||||||
if (states.contains(MaterialState.error)) {
|
if (states.contains(MaterialState.error)) {
|
||||||
if (states.contains(MaterialState.pressed)) {
|
if (states.contains(MaterialState.pressed)) {
|
||||||
return _colors.error.withOpacity(0.1);
|
return _colors.error.withOpacity(0.12);
|
||||||
}
|
}
|
||||||
if (states.contains(MaterialState.hovered)) {
|
if (states.contains(MaterialState.hovered)) {
|
||||||
return _colors.error.withOpacity(0.08);
|
return _colors.error.withOpacity(0.08);
|
||||||
}
|
}
|
||||||
if (states.contains(MaterialState.focused)) {
|
if (states.contains(MaterialState.focused)) {
|
||||||
return _colors.error.withOpacity(0.1);
|
return _colors.error.withOpacity(0.12);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
if (states.contains(MaterialState.selected)) {
|
if (states.contains(MaterialState.selected)) {
|
||||||
if (states.contains(MaterialState.pressed)) {
|
if (states.contains(MaterialState.pressed)) {
|
||||||
return _colors.onSurface.withOpacity(0.1);
|
return _colors.onSurface.withOpacity(0.12);
|
||||||
}
|
}
|
||||||
if (states.contains(MaterialState.hovered)) {
|
if (states.contains(MaterialState.hovered)) {
|
||||||
return _colors.primary.withOpacity(0.08);
|
return _colors.primary.withOpacity(0.08);
|
||||||
}
|
}
|
||||||
if (states.contains(MaterialState.focused)) {
|
if (states.contains(MaterialState.focused)) {
|
||||||
return _colors.primary.withOpacity(0.1);
|
return _colors.primary.withOpacity(0.12);
|
||||||
}
|
}
|
||||||
return Colors.transparent;
|
return Colors.transparent;
|
||||||
}
|
}
|
||||||
if (states.contains(MaterialState.pressed)) {
|
if (states.contains(MaterialState.pressed)) {
|
||||||
return _colors.primary.withOpacity(0.1);
|
return _colors.primary.withOpacity(0.12);
|
||||||
}
|
}
|
||||||
if (states.contains(MaterialState.hovered)) {
|
if (states.contains(MaterialState.hovered)) {
|
||||||
return _colors.onSurface.withOpacity(0.08);
|
return _colors.onSurface.withOpacity(0.08);
|
||||||
}
|
}
|
||||||
if (states.contains(MaterialState.focused)) {
|
if (states.contains(MaterialState.focused)) {
|
||||||
return _colors.onSurface.withOpacity(0.1);
|
return _colors.onSurface.withOpacity(0.12);
|
||||||
}
|
}
|
||||||
return Colors.transparent;
|
return Colors.transparent;
|
||||||
});
|
});
|
||||||
|
|
|
@ -212,12 +212,9 @@ abstract interface class ChipAttributes {
|
||||||
/// Color of the chip's surface tint overlay when its elevation is
|
/// Color of the chip's surface tint overlay when its elevation is
|
||||||
/// greater than 0.
|
/// greater than 0.
|
||||||
///
|
///
|
||||||
/// This is not recommended for use. [Material 3 spec](https://m3.material.io/styles/color/the-color-system/color-roles)
|
/// If this is null and [ThemeData.useMaterial3] is true, then
|
||||||
/// introduced a set of tone-based surfaces and surface containers in its [ColorScheme],
|
/// [ColorScheme.surfaceTint] color is used. Otherwise, it defaults
|
||||||
/// which provide more flexibility. The intention is to eventually remove surface tint color from
|
/// to null.
|
||||||
/// the framework.
|
|
||||||
///
|
|
||||||
/// If this is null, defaults to [Colors.transparent].
|
|
||||||
Color? get surfaceTintColor;
|
Color? get surfaceTintColor;
|
||||||
|
|
||||||
/// Theme used for all icons in the chip.
|
/// Theme used for all icons in the chip.
|
||||||
|
@ -2377,7 +2374,7 @@ class _ChipDefaultsM3 extends ChipThemeData {
|
||||||
Color? get shadowColor => Colors.transparent;
|
Color? get shadowColor => Colors.transparent;
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Color? get surfaceTintColor => Colors.transparent;
|
Color? get surfaceTintColor => _colors.surfaceTint;
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Color? get checkmarkColor => null;
|
Color? get checkmarkColor => null;
|
||||||
|
|
Some files were not shown because too many files have changed in this diff Show more
Loading…
Reference in a new issue