diff --git a/docs/docs/overview/img/feature-panel.png b/docs/docs/overview/img/feature-panel.png index cab58441c54..8c39fe0d40f 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 e30140f4fbb..00000000000 --- 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 053e89fa4a7..afe9f0eecd4 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 3fc2e6b8732..7b5ffba04aa 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 aff1d30ffb1..6082fc3bd16 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 ba1b8409f67..4e642631a3a 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 00000000000..cc6cb23b623 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 00000000000..b910b379042 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 00000000000..7f8381869a7 --- /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 00000000000..8c4505d97ed --- /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 e7edba069b9..376fa6f3e83 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 c8569528ddb..6123279f2d6 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 ba1b8409f67..00000000000 Binary files a/docs/static/img/logo.png and /dev/null differ