fix: [DX-1036] Fix CompactStepBar dark style (#525)

MewsSystems · Jan 23, 2024 · 7eca352 · 7eca352
1 parent c3246f7
commit 7eca352
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 6 deletions.
diff --git a/optimus/lib/src/step_bar/step_bar_compact.dart b/optimus/lib/src/step_bar/step_bar_compact.dart
@@ -142,7 +142,7 @@ class _CollapsedCompactStepBar extends StatelessWidget {
             height: _itemHeight,
             constraints: const BoxConstraints(minHeight: _itemHeight),
             decoration: BoxDecoration(
-              color: OptimusTheme.of(context).colors.neutral0,
+              color: context.tokens.borderStaticInverse,
               boxShadow: _getShadow(context.tokens),
               borderRadius:
                   BorderRadius.circular(context.tokens.borderRadius50),
@@ -429,7 +429,7 @@ class _AnimatedStepBarState extends State<_AnimatedStepBar> {
             child: Container(
               width: widget.width,
               decoration: BoxDecoration(
-                color: OptimusTheme.of(context).colors.neutral0,
+                color: tokens.backgroundStaticFlat,
                 boxShadow: context.tokens.shadow100,
                 borderRadius:
                     BorderRadius.circular(context.tokens.borderRadius50),

diff --git a/optimus/lib/src/step_bar/step_bar_item.dart b/optimus/lib/src/step_bar/step_bar_item.dart
@@ -62,7 +62,6 @@ class StepBarItem extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    final theme = OptimusTheme.of(context);
     final tokens = context.tokens;
     final description = item.description;
 
@@ -91,10 +90,8 @@ class StepBarItem extends StatelessWidget {
                     OptimusTypography(
                       resolveStyle: (_) => preset200s.copyWith(
                         overflow: TextOverflow.ellipsis,
-                        color: theme.isDark
-                            ? theme.colors.neutral0t64
-                            : theme.colors.neutral1000t64,
                       ),
+                      color: OptimusTypographyColor.secondary,
                       maxLines: 1,
                       child: description,
                     ),