feat: new logo

bhidapa · Nov 23, 2023 · af8f30e · af8f30e
1 parent baea0be
commit af8f30e
Show file tree

Hide file tree

Showing 12 changed files with 302 additions and 24 deletions.
diff --git a/app/index.html b/app/index.html
@@ -7,7 +7,7 @@
  name="viewport"
  />
 
- <link rel="shortcut icon" href="/src/assets/favicon.ico" />
+ <link rel="shortcut icon" href="/src/assets/favicon.svg" />
  <title>heltin</title>
 
  <link rel="stylesheet" href="/node_modules/@fortawesome/fontawesome-free/css/all.css" />

diff --git a/app/package.json b/app/package.json
@@ -50,6 +50,7 @@
  "relay-enum-generator": "^0.0.4",
  "rimraf": "^5.0.5",
  "vite": "^5.0.2",
+ "vite-plugin-svgr": "^4.2.0",
  "vite-tsconfig-paths": "^4.2.1"
  }
 }
diff --git a/app/src/assets/banner_800x400.png b/app/src/assets/banner_800x400.png
diff --git a/app/src/assets/favicon.ico b/app/src/assets/favicon.ico
diff --git a/app/src/assets/favicon.svg b/app/src/assets/favicon.svg
diff --git a/app/src/assets/logo-full.svg b/app/src/assets/logo-full.svg
diff --git a/app/src/assets/logo.svg b/app/src/assets/logo.svg
diff --git a/app/src/core/Root/Logo.tsx b/app/src/core/Root/Logo.tsx
diff --git a/app/src/core/Root/Root.tsx b/app/src/core/Root/Root.tsx
@@ -14,8 +14,8 @@ import { useDarkMode } from 'lib/useDarkMode';
 import { Locale, useLocale } from 'intl/locale';
 import { location } from 'core/location';
 import { getRoutes } from 'core/routes';
+import Logo from '../../assets/logo.svg?react';
 import { RootQuery } from './__generated__/RootQuery.graphql';
-import { Logo } from './Logo';
 import { RootRestoreScroll } from './RootRestoreScroll';
 import { RootSearch } from './RootSearch';
 
@@ -91,7 +91,7 @@ export const Root: React.FC<RootProps> = (props) => {
  </div>
 
  <Link to="/" className="navbar-brand ml-10 ml-sm-20">
- <Logo style={{ height: 32 }} />
+ <Logo style={{ height: 32, fill: 'var(--primary-color)' }} />
  </Link>
 
  <div className="navbar-content ml-auto">

diff --git a/app/src/vite-env.d.ts b/app/src/vite-env.d.ts
@@ -1,4 +1,5 @@
 /// <reference types="vite/client" />
+/// <reference types="vite-plugin-svgr/client" />
 
 // see vite.config.ts
 declare const SUPPORTED_BROWSERS: string[];

diff --git a/app/vite.config.ts b/app/vite.config.ts
@@ -1,6 +1,7 @@
 import react from '@vitejs/plugin-react';
 import browserslist from 'browserslist';
 import { defineConfig, loadEnv } from 'vite';
+import svgr from 'vite-plugin-svgr';
 import typescriptPaths from 'vite-tsconfig-paths';
 import { relay } from './vite-plugin-relay';
 
@@ -29,7 +30,7 @@ export default defineConfig(({ mode }) => {
  },
  },
  },
- plugins: [typescriptPaths(), react(), relay()],
+ plugins: [typescriptPaths(), react(), svgr(), relay()],
  build: {
  outDir: `${__dirname}/build`,
  rollupOptions: {