refactor: Use light & dark logos

Author: d3xter666

packages/documentation/.vitepress/config.ts

@@ -51,8 +51,8 @@ export default defineConfig({
 
 
     logo:  {
-      light: "/icons/ui5/B.svg",
-      dark: "/icons/ui5/O.svg"
+      light: "/images/Logo_B_RGB.png",
+      dark: "/images/Logo_O_RGB.png"
     },
     externalLinkIcon: false,
     outline: [1,3],

packages/documentation/docs/images/Logo_B_RGB.png

@@ -1,4 +1,15 @@
-![UI5 logo](./images/UI5_logo_wide.png)
+---
+next:
+  text: 'Getting Started'
+  link: '/pages/GettingStarted'
+---
+
+<script setup>
+import { useData } from 'vitepress'
+const { isDark } = useData()
+</script>
+
+<img :src="isDark ? '/ui5-cli/stable/images/O_UI5_H_noBG.png' : '/ui5-cli/stable/images/UI5_logo_wide.png'" alt="UI5 logo" style="max-width: 100%; height: auto;">
 
 # UI5 CLI
 
@@ -63,15 +74,6 @@ Updated configuration written to ui5.yaml
 This project is now using SAPUI5 version 1.117.0
 
 ❯ ui5 add sap.ui.core sap.m themelib_sap_fiori_3
-Updated configuration written to ui5.yaml
-Added framework libraries sap.ui.core sap.m themelib_sap_fiori_3 as dependencies
-```
-
-#### 🏄 Development Server
-
-Start a local development server to work on your project.  
-*Also see the [Server Documentation](./pages/Server)*
-
 ```
 ❯ ui5 serve
 Server started

packages/documentation/docs/images/Logo_O_RGB.png

@@ -1,4 +1,9 @@
-![UI5 logo](../images/UI5_logo_wide.png)
+<script setup>
+import { useData } from 'vitepress'
+const { isDark } = useData()
+</script>
+
+<img :src="isDark ? '/ui5-cli/stable/images/O_UI5_H_noBG.png' : '/ui5-cli/stable/images/UI5_logo_wide.png'" alt="UI5 logo" style="max-width: 100%; height: auto;">
 
 # UI5 CLI