feat: Change background to white

ookami-kb · Feb 7, 2024 · f56bfb1 · f56bfb1
1 parent 98c2600
commit f56bfb1
Show file tree

Hide file tree

Showing 6 changed files with 14 additions and 7 deletions.
diff --git a/packages/storybook_flutter/example/lib/router_aware_stories.dart b/packages/storybook_flutter/example/lib/router_aware_stories.dart
@@ -51,7 +51,8 @@ class RouterAwareStory extends Story {
           name: name,
           wrapperBuilder: (context, child) => child as Widget,
           builder: (context) => MaterialApp.router(
-            theme: ThemeData.light(),
+            theme: ThemeData.light()
+                .copyWith(scaffoldBackgroundColor: Colors.white),
             darkTheme: ThemeData.dark(),
             debugShowCheckedModeBanner: false,
             routerDelegate: router.delegate(initialRoutes: initialRoutes),

diff --git a/packages/storybook_flutter/lib/src/plugins/contents/contents.dart b/packages/storybook_flutter/lib/src/plugins/contents/contents.dart
@@ -41,6 +41,7 @@ Widget _buildWrapper(BuildContext context, Widget? child) =>
             child: Row(
               children: [
                 Material(
+                  color: Colors.transparent,
                   child: DecoratedBox(
                     decoration: const BoxDecoration(
                       border: Border(right: BorderSide(color: Colors.black12)),

diff --git a/packages/storybook_flutter/lib/src/plugins/device_frame.dart b/packages/storybook_flutter/lib/src/plugins/device_frame.dart
@@ -32,6 +32,7 @@ Widget _buildStoryWrapper(BuildContext context, Widget? child) {
       : SizedBox(
           width: double.infinity,
           child: Material(
+            color: Colors.transparent,
             child: SafeArea(
               bottom: false,
               child: Padding(

diff --git a/packages/storybook_flutter/lib/src/plugins/knobs.dart b/packages/storybook_flutter/lib/src/plugins/knobs.dart
@@ -52,6 +52,7 @@ Widget _buildWrapper(BuildContext context, Widget? child) =>
                 Expanded(child: child ?? const SizedBox.shrink()),
                 RepaintBoundary(
                   child: Material(
+                    color: Colors.transparent,
                     child: DecoratedBox(
                       decoration: const BoxDecoration(
                         border: Border(

diff --git a/packages/storybook_flutter/lib/src/plugins/plugin_panel.dart b/packages/storybook_flutter/lib/src/plugins/plugin_panel.dart
@@ -63,6 +63,7 @@ class _PluginPanelState extends State<PluginPanel> {
                     onGenerateRoute: (_) => MaterialPageRoute<void>(
                       builder: (context) => PointerInterceptor(
                         child: Material(
+                          color: Colors.transparent,
                           child: childBuilder(context),
                         ),
                       ),

diff --git a/packages/storybook_flutter/lib/src/storybook.dart b/packages/storybook_flutter/lib/src/storybook.dart
@@ -9,7 +9,7 @@ import 'package:storybook_flutter/src/story.dart';
 
 /// Use this wrapper to wrap each story into a [MaterialApp] widget.
 Widget materialWrapper(BuildContext _, Widget? child) => MaterialApp(
-      theme: ThemeData.light(),
+      theme: ThemeData.light().copyWith(scaffoldBackgroundColor: Colors.white),
       darkTheme: ThemeData.dark(),
       debugShowCheckedModeBanner: false,
       home: Scaffold(body: Center(child: child)),
@@ -94,9 +94,7 @@ class _StorybookState extends State<Storybook> {
     );
 
     return GestureDetector(
-      onTap: () {
-        FocusManager.instance.primaryFocus?.unfocus();
-      },
+      onTap: FocusManager.instance.primaryFocus?.unfocus,
       child: MediaQuery.fromView(
         view: View.of(context),
         child: Nested(
@@ -106,7 +104,7 @@ class _StorybookState extends State<Storybook> {
             ...widget.plugins
                 .map((p) => p.wrapperBuilder)
                 .whereType<TransitionBuilder>()
-                .map((builder) => SingleChildBuilder(builder: builder))
+                .map((builder) => SingleChildBuilder(builder: builder)),
           ],
           child: widget.showPanel
               ? Stack(
@@ -117,6 +115,7 @@ class _StorybookState extends State<Storybook> {
                         Expanded(child: currentStory),
                         RepaintBoundary(
                           child: Material(
+                            color: Colors.transparent,
                             child: SafeArea(
                               top: false,
                               child: CompositedTransformTarget(
@@ -167,7 +166,10 @@ class CurrentStory extends StatelessWidget {
     if (story == null) {
       return const Directionality(
         textDirection: TextDirection.ltr,
-        child: Material(child: Center(child: Text('Select story'))),
+        child: Material(
+          color: Colors.transparent,
+          child: Center(child: Text('Select story')),
+        ),
       );
     }