diff --git a/packages/stream_core_flutter/lib/src/theme/semantics/stream_color_scheme.dart b/packages/stream_core_flutter/lib/src/theme/semantics/stream_color_scheme.dart index 8a62692..3a36477 100644 --- a/packages/stream_core_flutter/lib/src/theme/semantics/stream_color_scheme.dart +++ b/packages/stream_core_flutter/lib/src/theme/semantics/stream_color_scheme.dart @@ -110,6 +110,9 @@ class StreamColorScheme with _$StreamColorScheme { // System Color? systemText, Color? systemScrollbar, + // Skeleton Loading + Color? skeletonLoadingBase, + Color? skeletonLoadingHighlight, // Avatar List? avatarPalette, }) { @@ -186,6 +189,10 @@ class StreamColorScheme with _$StreamColorScheme { systemText ??= light_tokens.StreamTokens.systemText; systemScrollbar ??= light_tokens.StreamTokens.systemScrollbar; + // Skeleton Loading + skeletonLoadingBase ??= light_tokens.StreamTokens.skeletonLoadingBase; + skeletonLoadingHighlight ??= light_tokens.StreamTokens.skeletonLoadingHighlight; + // Avatar avatarPalette ??= [ StreamAvatarColorPair( @@ -266,6 +273,8 @@ class StreamColorScheme with _$StreamColorScheme { stateDisabled: stateDisabled, systemText: systemText, systemScrollbar: systemScrollbar, + skeletonLoadingBase: skeletonLoadingBase, + skeletonLoadingHighlight: skeletonLoadingHighlight, avatarPalette: avatarPalette, ); } @@ -336,6 +345,9 @@ class StreamColorScheme with _$StreamColorScheme { // System Color? systemText, Color? systemScrollbar, + // Skeleton Loading + Color? skeletonLoadingBase, + Color? skeletonLoadingHighlight, // Avatar List? avatarPalette, }) { @@ -412,6 +424,10 @@ class StreamColorScheme with _$StreamColorScheme { systemText ??= dark_tokens.StreamTokens.systemText; systemScrollbar ??= dark_tokens.StreamTokens.systemScrollbar; + // Skeleton Loading + skeletonLoadingBase ??= dark_tokens.StreamTokens.skeletonLoadingBase; + skeletonLoadingHighlight ??= dark_tokens.StreamTokens.skeletonLoadingHighlight; + // Avatar avatarPalette ??= [ StreamAvatarColorPair( @@ -492,6 +508,8 @@ class StreamColorScheme with _$StreamColorScheme { stateDisabled: stateDisabled, systemText: systemText, systemScrollbar: systemScrollbar, + skeletonLoadingBase: skeletonLoadingBase, + skeletonLoadingHighlight: skeletonLoadingHighlight, avatarPalette: avatarPalette, ); } @@ -560,6 +578,9 @@ class StreamColorScheme with _$StreamColorScheme { // System required this.systemText, required this.systemScrollbar, + // Skeleton Loading + required this.skeletonLoadingBase, + required this.skeletonLoadingHighlight, // Avatar required this.avatarPalette, }); @@ -747,6 +768,14 @@ class StreamColorScheme with _$StreamColorScheme { /// The system scrollbar color. final Color systemScrollbar; + // ---- Skeleton Loading colors ---- + + /// The base color for skeleton loading shimmer. + final Color skeletonLoadingBase; + + /// The highlight color for skeleton loading shimmer. + final Color skeletonLoadingHighlight; + // ---- Avatar colors ---- /// The color palette for generating avatar colors based on user identity. diff --git a/packages/stream_core_flutter/lib/src/theme/semantics/stream_color_scheme.g.theme.dart b/packages/stream_core_flutter/lib/src/theme/semantics/stream_color_scheme.g.theme.dart index c464c59..3b62f65 100644 --- a/packages/stream_core_flutter/lib/src/theme/semantics/stream_color_scheme.g.theme.dart +++ b/packages/stream_core_flutter/lib/src/theme/semantics/stream_color_scheme.g.theme.dart @@ -153,6 +153,16 @@ mixin _$StreamColorScheme { stateDisabled: Color.lerp(a.stateDisabled, b.stateDisabled, t)!, systemText: Color.lerp(a.systemText, b.systemText, t)!, systemScrollbar: Color.lerp(a.systemScrollbar, b.systemScrollbar, t)!, + skeletonLoadingBase: Color.lerp( + a.skeletonLoadingBase, + b.skeletonLoadingBase, + t, + )!, + skeletonLoadingHighlight: Color.lerp( + a.skeletonLoadingHighlight, + b.skeletonLoadingHighlight, + t, + )!, avatarPalette: t < 0.5 ? a.avatarPalette : b.avatarPalette, ); } @@ -213,6 +223,8 @@ mixin _$StreamColorScheme { Color? stateDisabled, Color? systemText, Color? systemScrollbar, + Color? skeletonLoadingBase, + Color? skeletonLoadingHighlight, List? avatarPalette, }) { final _this = (this as StreamColorScheme); @@ -278,6 +290,9 @@ mixin _$StreamColorScheme { stateDisabled: stateDisabled ?? _this.stateDisabled, systemText: systemText ?? _this.systemText, systemScrollbar: systemScrollbar ?? _this.systemScrollbar, + skeletonLoadingBase: skeletonLoadingBase ?? _this.skeletonLoadingBase, + skeletonLoadingHighlight: + skeletonLoadingHighlight ?? _this.skeletonLoadingHighlight, avatarPalette: avatarPalette ?? _this.avatarPalette, ); } @@ -349,6 +364,8 @@ mixin _$StreamColorScheme { stateDisabled: other.stateDisabled, systemText: other.systemText, systemScrollbar: other.systemScrollbar, + skeletonLoadingBase: other.skeletonLoadingBase, + skeletonLoadingHighlight: other.skeletonLoadingHighlight, avatarPalette: other.avatarPalette, ); } @@ -421,6 +438,8 @@ mixin _$StreamColorScheme { _other.stateDisabled == _this.stateDisabled && _other.systemText == _this.systemText && _other.systemScrollbar == _this.systemScrollbar && + _other.skeletonLoadingBase == _this.skeletonLoadingBase && + _other.skeletonLoadingHighlight == _this.skeletonLoadingHighlight && _other.avatarPalette == _this.avatarPalette; } @@ -485,6 +504,8 @@ mixin _$StreamColorScheme { _this.stateDisabled, _this.systemText, _this.systemScrollbar, + _this.skeletonLoadingBase, + _this.skeletonLoadingHighlight, _this.avatarPalette, ]); }