diff --git a/docs/docs/overview/img/feature-panel.png b/docs/docs/overview/img/feature-panel.png index cab58441c54e8..8c39fe0d40fea 100644 Binary files a/docs/docs/overview/img/feature-panel.png and b/docs/docs/overview/img/feature-panel.png differ diff --git a/docs/docs/overview/logo.md b/docs/docs/overview/logo.md deleted file mode 100644 index e30140f4fbb66..0000000000000 --- a/docs/docs/overview/logo.md +++ /dev/null @@ -1,17 +0,0 @@ ---- -sidebar_position: 4 ---- - -# Logo - -Why the colorful flower, you ask? - -I really like the Japanese culture, especially the books, history, and food. The current logo is a spin-off of [the Oda clan's symbol](https://en.wikipedia.org/wiki/Oda_clan). - -![Oda_emblem](https://user-images.githubusercontent.com/27055614/182044504-a5ed33a8-5640-42de-b359-18fdbee9fb90.svg) - -One of my favorite books is [Taikō](https://www.goodreads.com/book/show/336228.Taiko), it is a story about a prominent figure in the history of Japan, [Toyotomi Hideyoshi](https://www.britannica.com/biography/Toyotomi-Hideyoshi). He came from nothing, and through his resilience and wonderful mind, he has become one of the most powerful rulers in Japan's history. I enjoy his personality and the way he moved through life. - -The color is an adaptation of **_App-Which-Must-Not-Be-Named_**'s color scheme, with an extra color (pink) to complete the flower's fifth petal. The petal layers are the same color scheme as the main layer rotating back and forth to "bring the flower to life." - -![image](https://user-images.githubusercontent.com/27055614/182044984-2ee6d1ed-c4a7-4331-8a4b-64fcde77fe1f.png) diff --git a/docs/docusaurus.config.js b/docs/docusaurus.config.js index 053e89fa4a73d..afe9f0eecd4b3 100644 --- a/docs/docusaurus.config.js +++ b/docs/docusaurus.config.js @@ -88,11 +88,10 @@ const config = { }, }, navbar: { - title: 'IMMICH', logo: { - alt: 'Immich University Logo', - src: 'img/color-logo.png', - srcDark: 'img/logo.png', + alt: 'Immich Logo', + src: 'img/immich-logo-inline-light.png', + srcDark: 'img/immich-logo-inline-dark.png', }, items: [ { diff --git a/docs/src/pages/index.tsx b/docs/src/pages/index.tsx index 3fc2e6b87326b..7b5ffba04aa27 100644 --- a/docs/src/pages/index.tsx +++ b/docs/src/pages/index.tsx @@ -1,23 +1,24 @@ import React from 'react'; import Link from '@docusaurus/Link'; import Layout from '@theme/Layout'; - +import { useColorMode } from '@docusaurus/theme-common'; function HomepageHeader() { + const { isDarkTheme } = useColorMode(); + return (
-
- Immich logo -

- Immich -

-
-

- Self-hosted backup solution - for photos and videos - on mobile device +

+ Immich logo +
+

+ Self-hosted photo and + video management solution

-
- - screenshots - + screenshots
diff --git a/docs/static/img/favicon.ico b/docs/static/img/favicon.ico index aff1d30ffb17a..6082fc3bd1624 100644 Binary files a/docs/static/img/favicon.ico and b/docs/static/img/favicon.ico differ diff --git a/docs/static/img/favicon.png b/docs/static/img/favicon.png index ba1b8409f679a..4e642631a3ad6 100644 Binary files a/docs/static/img/favicon.png and b/docs/static/img/favicon.png differ diff --git a/docs/static/img/immich-logo-inline-dark.png b/docs/static/img/immich-logo-inline-dark.png new file mode 100644 index 0000000000000..cc6cb23b62363 Binary files /dev/null and b/docs/static/img/immich-logo-inline-dark.png differ diff --git a/docs/static/img/immich-logo-inline-light.png b/docs/static/img/immich-logo-inline-light.png new file mode 100644 index 0000000000000..b910b3790425d Binary files /dev/null and b/docs/static/img/immich-logo-inline-light.png differ diff --git a/docs/static/img/immich-logo-stacked-dark.svg b/docs/static/img/immich-logo-stacked-dark.svg new file mode 100644 index 0000000000000..7f8381869a767 --- /dev/null +++ b/docs/static/img/immich-logo-stacked-dark.svg @@ -0,0 +1,66 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/docs/static/img/immich-logo-stacked-light.svg b/docs/static/img/immich-logo-stacked-light.svg new file mode 100644 index 0000000000000..8c4505d97ed11 --- /dev/null +++ b/docs/static/img/immich-logo-stacked-light.svg @@ -0,0 +1,66 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/docs/static/img/immich-logo.svg b/docs/static/img/immich-logo.svg index e7edba069b995..376fa6f3e837e 100644 --- a/docs/static/img/immich-logo.svg +++ b/docs/static/img/immich-logo.svg @@ -1,98 +1,29 @@ - - + + - - - - - - - - - - - - - - - - + + + + + + + diff --git a/docs/static/img/immich-screenshots.png b/docs/static/img/immich-screenshots.png index c8569528ddb2f..6123279f2d652 100644 Binary files a/docs/static/img/immich-screenshots.png and b/docs/static/img/immich-screenshots.png differ diff --git a/docs/static/img/logo.png b/docs/static/img/logo.png deleted file mode 100644 index ba1b8409f679a..0000000000000 Binary files a/docs/static/img/logo.png and /dev/null differ