fix(bar): White background covered the whole screen

Author: pithuene

packages/memex_bar/lib/main.dart

@@ -28,6 +28,7 @@ class MyApp extends StatelessWidget {
   Widget build(BuildContext context) {
     return App(
       appName: "Memex Bar",
+      backgroundColor: MemexColor.transparent,
       builder: (context, _) => Column(
         mainAxisAlignment: MainAxisAlignment.start,
         crossAxisAlignment: CrossAxisAlignment.stretch,

packages/memex_bar/pubspec.lock

@@ -23,7 +23,7 @@ packages:
       path: "../appflowy-editor"
       relative: true
     source: path
-    version: "2.3.0"
+    version: "2.3.1"
   appkit_ui_element_colors:
     dependency: transitive
     description:
@@ -392,10 +392,10 @@ packages:
     dependency: transitive
     description:
       name: markdown
-      sha256: acf35edccc0463a9d7384e437c015a3535772e09714cf60e07eeef3a15870dcd
+      sha256: "1b134d9f8ff2da15cb298efe6cd8b7d2a78958c1b00384ebcbdf13fe340a6c90"
       url: "https://pub.dev"
     source: hosted
-    version: "7.1.1"
+    version: "7.2.1"
   matcher:
     dependency: transitive
     description:
@@ -412,6 +412,13 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "0.5.0"
+  memex_data:
+    dependency: transitive
+    description:
+      path: "../memex_data"
+      relative: true
+    source: path
+    version: "0.0.1"
   memex_ui:
     dependency: "direct main"
     description:

packages/memex_bar/pubspec.lock.json

@@ -27,7 +27,7 @@
         "relative": true
       },
       "source": "path",
-      "version": "2.3.0"
+      "version": "2.3.1"
     },
     "appkit_ui_element_colors": {
       "dependency": "transitive",
@@ -487,11 +487,11 @@
       "dependency": "transitive",
       "description": {
         "name": "markdown",
-        "sha256": "acf35edccc0463a9d7384e437c015a3535772e09714cf60e07eeef3a15870dcd",
+        "sha256": "1b134d9f8ff2da15cb298efe6cd8b7d2a78958c1b00384ebcbdf13fe340a6c90",
         "url": "https://pub.dev"
       },
       "source": "hosted",
-      "version": "7.1.1"
+      "version": "7.2.1"
     },
     "matcher": {
       "dependency": "transitive",
@@ -513,6 +513,15 @@
       "source": "hosted",
       "version": "0.5.0"
     },
+    "memex_data": {
+      "dependency": "transitive",
+      "description": {
+        "path": "../memex_data",
+        "relative": true
+      },
+      "source": "path",
+      "version": "0.0.1"
+    },
     "memex_ui": {
       "dependency": "direct main",
       "description": {

packages/memex_ui/lib/memex_app.dart

@@ -13,6 +13,7 @@ class App extends StatelessWidget {
     this.sidebar,
     this.endSidebar,
     this.toolBar,
+    this.backgroundColor = MemexColor.white,
     required this.builder,
   }) {
     memexAppName = appName;
@@ -22,6 +23,7 @@ class App extends StatelessWidget {
   final Sidebar? sidebar;
   final Sidebar? endSidebar;
   final ToolBar? toolBar;
+  final Color? backgroundColor;
 
   @override
   Widget build(BuildContext context) => Portal(
@@ -32,7 +34,7 @@ class App extends StatelessWidget {
             shortcuts: const {},
             builder: (context, child) => MacosTheme(
               data: MacosThemeData(
-                canvasColor: MemexColor.white,
+                canvasColor: backgroundColor,
                 typography: MacosTypography(
                   color: MemexColor.text,
                   body: MemexTypography.body,