diff --git a/web/components/widgets/loading-indicator.tsx b/web/components/widgets/loading-indicator.tsx
index 15f2d023..a39b3188 100644
--- a/web/components/widgets/loading-indicator.tsx
+++ b/web/components/widgets/loading-indicator.tsx
@@ -1,6 +1,6 @@
import clsx from 'clsx'
import {useEffect, useRef} from 'react'
-import FavIcon from 'web/components/FavIcon'
+import FavIconBlack from 'web/components/FavIcon'
export type SpinnerSize = 'sm' | 'md' | 'lg'
@@ -79,7 +79,7 @@ export function CompassLoadingIndicator(props: {
)}
role="status"
>
-
+
)
diff --git a/web/pages/_app.tsx b/web/pages/_app.tsx
index 479c90d7..ef482fc6 100644
--- a/web/pages/_app.tsx
+++ b/web/pages/_app.tsx
@@ -6,6 +6,7 @@ import {Capacitor} from '@capacitor/core'
import {Keyboard} from '@capacitor/keyboard'
import {StatusBar} from '@capacitor/status-bar'
import clsx from 'clsx'
+import {DEPLOYED_WEB_URL, ENV_CONFIG} from 'common/envs/constants'
import {IS_VERCEL} from 'common/hosting/constants'
import {debug} from 'common/logger'
import type {AppProps} from 'next/app'
@@ -172,12 +173,12 @@ function MyApp(props: AppProps) {
content={description}
key="description2"
/>
-
+
{/**/}
-
-
+
+
{/*/!* App icons *!/*/}
-
+
{IS_DEPLOYED && (
diff --git a/web/pages/api/og/profile.tsx b/web/pages/api/og/profile.tsx
index 71e26976..7a12bfc8 100644
--- a/web/pages/api/og/profile.tsx
+++ b/web/pages/api/og/profile.tsx
@@ -83,7 +83,7 @@ function OgProfile(props: ogProps) {
)}
{/*
*/}
- {/* */}
+ {/* */}
{/*
*/}
{allTags && (
diff --git a/web/pages/register.tsx b/web/pages/register.tsx
index 5889c6ee..7ddaec93 100644
--- a/web/pages/register.tsx
+++ b/web/pages/register.tsx
@@ -7,7 +7,7 @@ import {useSearchParams} from 'next/navigation'
import React, {Suspense, useState} from 'react'
import toast from 'react-hot-toast'
import {GoogleButton} from 'web/components/buttons/sign-up-button'
-import FavIcon from 'web/components/FavIcon'
+import FavIconBlack from 'web/components/FavIcon'
import {PageBase} from 'web/components/page-base'
import {SEO} from 'web/components/SEO'
import {auth} from 'web/lib/firebase/users'
@@ -169,7 +169,7 @@ function RegisterComponent() {
{/* The project is still in development...*/}
{/**/}
-
+
{t('register.get_started', 'Get Started')}
diff --git a/web/pages/signin.tsx b/web/pages/signin.tsx
index e43db83b..379aa25c 100644
--- a/web/pages/signin.tsx
+++ b/web/pages/signin.tsx
@@ -6,7 +6,7 @@ import Link from 'next/link'
import {useSearchParams} from 'next/navigation'
import React, {Suspense, useEffect, useState} from 'react'
import {GoogleButton} from 'web/components/buttons/sign-up-button'
-import FavIcon from 'web/components/FavIcon'
+import FavIconBlack from 'web/components/FavIcon'
import {PageBase} from 'web/components/page-base'
import {SEO} from 'web/components/SEO'
import {useUser} from 'web/hooks/use-user'
@@ -131,7 +131,7 @@ function RegisterComponent() {
-
+
{t('signin.title', 'Sign in')}
diff --git a/web/public/favicon-black.svg b/web/public/favicon-black.svg
new file mode 100644
index 00000000..63623653
--- /dev/null
+++ b/web/public/favicon-black.svg
@@ -0,0 +1,248 @@
+
+
diff --git a/web/public/favicon.ico b/web/public/favicon.ico
deleted file mode 100644
index e175bfec..00000000
Binary files a/web/public/favicon.ico and /dev/null differ
diff --git a/web/public/favicon.svg b/web/public/favicon.svg
index 63623653..50fc596d 100644
--- a/web/public/favicon.svg
+++ b/web/public/favicon.svg
@@ -1,248 +1,76 @@
-
-
+
\ No newline at end of file