diff --git a/docs/docusaurus.config.js b/docs/docusaurus.config.js
index 75513e3d3b356..e86871da420e4 100644
--- a/docs/docusaurus.config.js
+++ b/docs/docusaurus.config.js
@@ -77,9 +77,13 @@ const config = {
},
announcementBar: {
id: 'site_announcement_immich',
- content: `⚠️ The project is under very active development. Expect bugs and changes. Do not use it as the only way to store your photos and videos!`,
- backgroundColor: '#593f00',
- textColor: '#ffefc9',
+ content:
+ 'Immich joins Futo! Read about the announcement here.',
+ backgroundColor: '#4250af',
+ textColor: 'white',
+ // content: `⚠️ The project is under very active development. Expect bugs and changes. Do not use it as the only way to store your photos and videos!`,
+ // backgroundColor: '#593f00',
+ // textColor: '#ffefc9',
isCloseable: false,
},
docs: {
diff --git a/docs/src/css/custom.css b/docs/src/css/custom.css
index fee5868d3236a..87472f6317d9f 100644
--- a/docs/src/css/custom.css
+++ b/docs/src/css/custom.css
@@ -19,8 +19,8 @@ button {
:root {
--ifm-color-primary: #4250af;
--ifm-color-primary-dark: #4250af;
- --ifm-color-primary-darker: 4250af;
- --ifm-color-primary-darkest: 4250af;
+ --ifm-color-primary-darker: #4250af;
+ --ifm-color-primary-darkest: #4250af;
--ifm-color-primary-light: #4250af;
--ifm-color-primary-lighter: #4250af;
--ifm-color-primary-lightest: #4250af;
@@ -41,6 +41,10 @@ button {
--docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
}
+div[class^='announcementBar_'] {
+ height: 2rem;
+}
+
.navbar__brand .navbar__title {
@apply font-immich-title text-2xl font-normal text-immich-primary dark:text-immich-dark-primary;
}