Fix markdown issue docusaurus

docs/docs/getting-started/app-anatomy.md

@@ -27,14 +27,14 @@ title: Anatomy of an app
 ##
 
 Platform has 3 events that are broadcast to installed Apps
-![Platform events](img/app-anatomy-4.drawio.png)
+![Platform events](img/app-anatomy-4.drawio.jpg)
 
 - onLaunch()
-  ![Platform onLaunch()](img/app-anatomy-1.drawio.png)
+  ![Platform onLaunch()](img/app-anatomy-1.drawio.jpg)
 - onStart()
-  ![Platform onStart()](img/app-anatomy-2.drawio.png)
+  ![Platform onStart()](img/app-anatomy-2.drawio.jpg)
 - onDispose()
-  ![Platform onDispose()](img/app-anatomy-3.drawio.png)
+  ![Platform onDispose()](img/app-anatomy-3.drawio.jpg)
 - At any given time, when there is new App installtion/ unintallation, the Platform restarts and trigger
 - When App is being used, here is how the information passes between Platform and Apps
   ![Communication](img/app-anatomy-5.drawio.png)

docs/src/styles/base.scss

@@ -30,7 +30,7 @@
     @apply text-sm;
     @apply antialiased;
     @apply bg-white dark:bg-black;
-    @apply text-gray-700 dark:text-gray-500;
+    @apply text-gray-700 dark:text-gray-400;
   }
   img {
     pointer-events: none;

docs/src/styles/tweaks.scss

@@ -84,4 +84,17 @@
   a {
     @apply text-blue-600 dark:text-blue-400;
   }
+  ul {
+    list-style: revert;
+  }
+  ol {
+    list-style: decimal;
+  }
+  ul,
+  ol {
+    padding-left: 16px;
+    li {
+      @apply leading-loose;
+    }
+  }
 }