diff --git a/capacitor.config.ts b/capacitor.config.ts index 861ee68..daaaac5 100644 --- a/capacitor.config.ts +++ b/capacitor.config.ts @@ -8,6 +8,9 @@ const config: CapacitorConfig = { androidScheme: 'https' }, plugins: { + SplashScreen: { + backgroundColor: '#1E4BC4' + }, Keyboard: { resize: 'native' }, diff --git a/package-lock.json b/package-lock.json index 569df51..0d3a953 100644 --- a/package-lock.json +++ b/package-lock.json @@ -15,6 +15,7 @@ "@capacitor/haptics": "^5.0.2", "@capacitor/ios": "^5.0.4", "@capacitor/keyboard": "^5.0.2", + "@capacitor/splash-screen": "^5.0.2", "@capacitor/status-bar": "^5.0.2", "@ckeditor/ckeditor5-autoformat": "^37.1.0", "@ckeditor/ckeditor5-basic-styles": "^37.1.0", @@ -327,6 +328,14 @@ "@capacitor/core": "^5.0.0" } }, + "node_modules/@capacitor/splash-screen": { + "version": "5.0.2", + "resolved": "https://registry.npmjs.org/@capacitor/splash-screen/-/splash-screen-5.0.2.tgz", + "integrity": "sha512-DJQQL3VfY7LfMH0FJgzrb0N1v3fZw0EVfBRB+xQjbI13jjoafS8WPRCQDvXxzoJqfh5hQyepDRyYxIdOCB2KEA==", + "peerDependencies": { + "@capacitor/core": "^5.0.0" + } + }, "node_modules/@capacitor/status-bar": { "version": "5.0.2", "resolved": "https://registry.npmjs.org/@capacitor/status-bar/-/status-bar-5.0.2.tgz", @@ -13436,6 +13445,12 @@ "integrity": "sha512-5qauopAd9Dlltzi87i/WHMBsocCf0BJqVxRZ3H+kifQm4BLHGokrzuanddEJd6MPOnglSl3H3C9oElJB3wkVVQ==", "requires": {} }, + "@capacitor/splash-screen": { + "version": "5.0.2", + "resolved": "https://registry.npmjs.org/@capacitor/splash-screen/-/splash-screen-5.0.2.tgz", + "integrity": "sha512-DJQQL3VfY7LfMH0FJgzrb0N1v3fZw0EVfBRB+xQjbI13jjoafS8WPRCQDvXxzoJqfh5hQyepDRyYxIdOCB2KEA==", + "requires": {} + }, "@capacitor/status-bar": { "version": "5.0.2", "resolved": "https://registry.npmjs.org/@capacitor/status-bar/-/status-bar-5.0.2.tgz", diff --git a/package.json b/package.json index 80d299c..d991ced 100644 --- a/package.json +++ b/package.json @@ -22,6 +22,7 @@ "@capacitor/haptics": "^5.0.2", "@capacitor/ios": "^5.0.4", "@capacitor/keyboard": "^5.0.2", + "@capacitor/splash-screen": "^5.0.2", "@capacitor/status-bar": "^5.0.2", "@ckeditor/ckeditor5-autoformat": "^37.1.0", "@ckeditor/ckeditor5-basic-styles": "^37.1.0", diff --git a/src/assets/logo/contexted-logo-blue-bg-transparent.png b/src/assets/logo/contexted-logo-blue-bg-transparent.png new file mode 100644 index 0000000..26c9e09 Binary files /dev/null and b/src/assets/logo/contexted-logo-blue-bg-transparent.png differ diff --git a/src/assets/logo/contexted-logo-white-bg-blue.png b/src/assets/logo/contexted-logo-white-bg-blue.png new file mode 100644 index 0000000..7f21d81 Binary files /dev/null and b/src/assets/logo/contexted-logo-white-bg-blue.png differ diff --git a/src/assets/logo/contexted-logo-white-bg-transparent.png b/src/assets/logo/contexted-logo-white-bg-transparent.png new file mode 100644 index 0000000..8f2347f Binary files /dev/null and b/src/assets/logo/contexted-logo-white-bg-transparent.png differ diff --git a/src/main.ts b/src/main.ts index 49d3b7c..7ebaabb 100644 --- a/src/main.ts +++ b/src/main.ts @@ -7,6 +7,9 @@ import { usePreferredDark, useFavicon } from '@vueuse/core' import { initializeFirebase } from '@/composables/useFirebase' import { StatusBar, Style } from '@capacitor/status-bar' import { Keyboard } from '@capacitor/keyboard' +import { SplashScreen } from '@capacitor/splash-screen' + +SplashScreen.hide() if (Capacitor.isNativePlatform()) { StatusBar.setStyle({ style: Style.Dark })