diff --git a/app/soapbox/containers/soapbox.tsx b/app/soapbox/containers/soapbox.tsx index a47eaa6d1..2beaa516c 100644 --- a/app/soapbox/containers/soapbox.tsx +++ b/app/soapbox/containers/soapbox.tsx @@ -41,6 +41,7 @@ import { useInstance, } from 'soapbox/hooks'; import MESSAGES from 'soapbox/locales/messages'; +import { normalizeSoapboxConfig } from 'soapbox/normalizers'; import { queryClient } from 'soapbox/queries/client'; import { useCachedLocationHandler } from 'soapbox/utils/redirect'; import { generateThemeCss } from 'soapbox/utils/theme'; @@ -267,8 +268,9 @@ const SoapboxHead: React.FC = ({ children }) => { const settings = useSettings(); const soapboxConfig = useSoapboxConfig(); + const demo = !!settings.get('demo'); const darkMode = useTheme() === 'dark'; - const themeCss = generateThemeCss(soapboxConfig); + const themeCss = generateThemeCss(demo ? normalizeSoapboxConfig({ brandColor: '#0482d8' }) : soapboxConfig); const bodyClass = classNames('bg-white dark:bg-gray-800 text-base h-full', { 'no-reduce-motion': !settings.get('reduceMotion'), diff --git a/app/soapbox/features/developers/settings-store.tsx b/app/soapbox/features/developers/settings-store.tsx index 521ed0dab..6342ef1ae 100644 --- a/app/soapbox/features/developers/settings-store.tsx +++ b/app/soapbox/features/developers/settings-store.tsx @@ -103,6 +103,13 @@ const SettingsStore: React.FC = () => { + } + hint={} + > + + + }>