Use new logo for assets (#220)

.gitignore

@@ -157,9 +157,9 @@ apps/desktop/assets/icons.db
 apps/desktop/assets/emojis.svg
 apps/desktop/assets/icons.svg
 apps/desktop/assets/fonts/neotrax.otf
-apps/desktop/assets/colanode-logo-black.png
-apps/desktop/assets/colanode-logo-black.ico
-apps/desktop/assets/colanode-logo-black.icns
+apps/desktop/assets/colanode-logo.png
+apps/desktop/assets/colanode-logo.ico
+apps/desktop/assets/colanode-logo.icns
 
 # Ignore web assets
 apps/web/public/assets/emojis.db
@@ -167,5 +167,5 @@ apps/web/public/assets/icons.db
 apps/web/public/assets/emojis.svg
 apps/web/public/assets/icons.svg
 apps/web/public/assets/fonts/neotrax.otf
-apps/web/public/assets/colanode-logo-black-192.png
-apps/web/public/assets/colanode-logo-black-512.png
+apps/web/public/assets/colanode-logo-192.jpg
+apps/web/public/assets/colanode-logo-512.jpg

README.md

@@ -1,5 +1,5 @@
 <div align="center">
-<img alt="Colanode cover" src="assets/images/colanode-cover-black.png">
+<img alt="Colanode cover" src="assets/images/colanode-github-cover.jpg">
 <p></p>
 <a target="_blank" href="https://opensource.org/licenses/Apache-2.0" style="background:none">
     <img src="https://img.shields.io/badge/Licene-Apache_2.0-blue" style="height: 22px;" />

apps/desktop/forge.config.ts

@@ -12,7 +12,7 @@ const config: ForgeConfig = {
   packagerConfig: {
     name: 'Colanode',
     executableName: process.platform === 'linux' ? 'colanode' : 'Colanode',
-    icon: 'assets/colanode-logo-black',
+    icon: 'assets/colanode-logo',
     appBundleId: 'com.colanode.desktop',
     ...(process.platform === 'win32' && {
       certificateFile: process.env.CERTIFICATE_PATH,
@@ -77,7 +77,7 @@ const config: ForgeConfig = {
       }),
     }),
     new MakerDMG({
-      icon: 'assets/colanode-logo-black.png',
+      icon: 'assets/colanode-logo.png',
       title: 'Colanode',
     }),
     {

apps/desktop/src/main.ts

@@ -62,7 +62,7 @@ const createWindow = async () => {
     fullscreenable: true,
     minWidth: 800,
     minHeight: 600,
-    icon: app.path.join(app.path.assets, 'colanode-logo-black.png'),
+    icon: app.path.join(app.path.assets, 'colanode-logo.png'),
     webPreferences: {
       preload: app.path.join(__dirname, 'preload.js'),
     },

apps/web/public/manifest.json

@@ -8,14 +8,14 @@
       "type": "image/x-icon"
     },
     {
-      "src": "assets/colanode-logo-black-192.png",
-      "type": "image/png",
+      "src": "assets/colanode-logo-192.jpg",
+      "type": "image/jpeg",
       "sizes": "192x192",
       "purpose": "any maskable"
     },
     {
-      "src": "assets/colanode-logo-black-512.png",
-      "type": "image/png",
+      "src": "assets/colanode-logo-512.jpg",
+      "type": "image/jpeg",
       "sizes": "512x512",
       "purpose": "any maskable"
     }

scripts/src/postinstall/index.ts

@@ -19,7 +19,8 @@ const FONTS_DIR = path.resolve(ASSETS_DIR, 'fonts');
 const FONTS_OTF_PATH = path.resolve(FONTS_DIR, NEOTRAX_FONT_NAME);
 
 const DESKTOP_ASSETS_DIR = path.resolve('apps', 'desktop', 'assets');
-const WEB_ASSETS_DIR = path.resolve('apps', 'web', 'public', 'assets');
+const WEB_PUBLIC_DIR = path.resolve('apps', 'web', 'public');
+const WEB_ASSETS_DIR = path.resolve(WEB_PUBLIC_DIR, 'assets');
 
 const copyFile = (source: string, target: string | string[]) => {
   if (!fs.existsSync(source)) {
@@ -61,28 +62,33 @@ const execute = () => {
   ]);
 
   copyFile(
-    path.resolve(IMAGES_DIR, 'colanode-logo-black-192.png'),
-    path.resolve(WEB_ASSETS_DIR, 'colanode-logo-black-192.png')
+    path.resolve(IMAGES_DIR, 'colanode-logo.ico'),
+    path.resolve(WEB_PUBLIC_DIR, 'favicon.ico')
   );
 
   copyFile(
-    path.resolve(IMAGES_DIR, 'colanode-logo-black-512.png'),
-    path.resolve(WEB_ASSETS_DIR, 'colanode-logo-black-512.png')
+    path.resolve(IMAGES_DIR, 'colanode-logo-192.jpg'),
+    path.resolve(WEB_ASSETS_DIR, 'colanode-logo-192.jpg')
   );
 
   copyFile(
-    path.resolve(IMAGES_DIR, 'colanode-logo-black.png'),
-    path.resolve(DESKTOP_ASSETS_DIR, 'colanode-logo-black.png')
+    path.resolve(IMAGES_DIR, 'colanode-logo-512.jpg'),
+    path.resolve(WEB_ASSETS_DIR, 'colanode-logo-512.jpg')
   );
 
   copyFile(
-    path.resolve(IMAGES_DIR, 'colanode-logo-black.ico'),
-    path.resolve(DESKTOP_ASSETS_DIR, 'colanode-logo-black.ico')
+    path.resolve(IMAGES_DIR, 'colanode-logo.png'),
+    path.resolve(DESKTOP_ASSETS_DIR, 'colanode-logo.png')
   );
 
   copyFile(
-    path.resolve(IMAGES_DIR, 'colanode-logo-black.icns'),
-    path.resolve(DESKTOP_ASSETS_DIR, 'colanode-logo-black.icns')
+    path.resolve(IMAGES_DIR, 'colanode-logo.ico'),
+    path.resolve(DESKTOP_ASSETS_DIR, 'colanode-logo.ico')
+  );
+
+  copyFile(
+    path.resolve(IMAGES_DIR, 'colanode-logo.icns'),
+    path.resolve(DESKTOP_ASSETS_DIR, 'colanode-logo.icns')
   );
 };