update

Author: robelator

lib/src/_hidden/surface.dart

@@ -50,13 +50,9 @@ class Surface extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    final $color =
-        decoration?.color ??
-        color ??
-        Theme.of(context).colorScheme.surfaceContainer;
+    final $color = decoration?.color ?? color ?? Theme.of(context).colorScheme.surface;
     final $borderRadius = decoration?.borderRadius ?? borderRadius;
-    final $decoration =
-        decoration?.copyWith(color: $color, borderRadius: $borderRadius) ??
+    final $decoration = decoration?.copyWith(color: $color, borderRadius: $borderRadius) ??
         BoxDecoration(color: $color, borderRadius: $borderRadius);
     return ClipRRect(
       borderRadius: $borderRadius,

lib/src/screen_states/adaptive_screen_state/mixins/mobile_frame_wide_layout_screen_mixin.dart

@@ -25,7 +25,7 @@ base mixin MobileFrameWideLayoutScreenMixin<TScreen extends Screen, TExtra exten
   @override
   Widget wideLayout(BuildContext context, Widget body) {
     return Container(
-      color: Theme.of(context).colorScheme.surfaceContainer,
+      color: Theme.of(context).colorScheme.inverseSurface,
       child: Center(
         child: LayoutBuilder(
           builder: (context, constraints) {
@@ -34,22 +34,9 @@ base mixin MobileFrameWideLayoutScreenMixin<TScreen extends Screen, TExtra exten
                 maxWidth: constraints.maxHeight / MIN_MOBILE_ASPECT_RATIO,
                 maxHeight: double.infinity,
               ),
-              child: Container(
-                decoration: BoxDecoration(
-                  borderRadius: BorderRadius.circular(14.0),
-                  color: Colors.transparent,
-                  boxShadow: [
-                    BoxShadow(
-                      color: Theme.of(context).colorScheme.shadow,
-                      blurRadius: 6.0,
-                    ),
-                  ],
-                ),
-                child: Surface(
-                  borderRadius: BorderRadius.circular(14.0),
-                  color: Colors.transparent,
-                  child: layout(context, body),
-                ),
+              child: ClipRRect(
+                borderRadius: BorderRadius.circular(14.0),
+                child: layout(context, body),
               ),
             );
           },

lib/src/screen_states/adaptive_screen_state/mixins/rotate_icon_horizontal_mobile_layout_screen_mixin.dart

@@ -19,19 +19,19 @@ import '/src/_src.g.dart';
 
 // ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
 
-base mixin RotateIconHorizontalMobileLayoutScreenMixin<
-  TScreen extends Screen,
-  TExtra extends Object?,
-  TController extends ScreenController<TExtra>
->
+base mixin RotateIconHorizontalMobileLayoutScreenMixin<TScreen extends Screen,
+        TExtra extends Object?, TController extends ScreenController<TExtra>>
     on AdaptiveScreenStateInterface<TScreen, TExtra, TController> {
   @override
   Widget horizontalMobileLayout(BuildContext context, Widget body) {
-    return Center(
-      child: Icon(
-        Icons.rotate_90_degrees_ccw,
-        size: 48.sc,
-        color: Theme.of(context).colorScheme.onSurface,
+    return ColoredBox(
+      color: Theme.of(context).colorScheme.tertiary,
+      child: Center(
+        child: Icon(
+          Icons.rotate_90_degrees_ccw,
+          size: 48.sc,
+          color: Theme.of(context).colorScheme.onTertiary,
+        ),
       ),
     );
   }