Call it 'beta' for now

Signed-off-by: marcin mikołajczak <git@mkljczk.pl>

src/components/site-error-boundary.tsx

@@ -74,7 +74,7 @@ const SiteErrorBoundary: React.FC<ISiteErrorBoundary> = ({ children }) => {
   }
 
   const fallback = (
-    <div className='flex h-screen flex-col bg-white pb-12 pt-16 dark:bg-primary-900'>
+    <div className='flex h-screen flex-col bg-white pb-12 pt-16 black:bg-black dark:bg-primary-900'>
       <main className='mx-auto flex w-full max-w-7xl grow flex-col justify-center px-4 sm:px-6 lg:px-8'>
         <div className='flex shrink-0 justify-center'>
           <a href='/' className='inline-flex'>

src/features/ui/components/theme-selector.tsx

@@ -6,7 +6,7 @@ import { Icon, Select } from 'soapbox/components/ui';
 const messages = defineMessages({
   light: { id: 'theme_toggle.light', defaultMessage: 'Light' },
   dark: { id: 'theme_toggle.dark', defaultMessage: 'Dark' },
-  black: { id: 'theme_toggle.black', defaultMessage: 'Pure Black' },
+  black: { id: 'theme_toggle.black', defaultMessage: 'Pure Black (beta)' },
   system: { id: 'theme_toggle.system', defaultMessage: 'System' },
 });
 

src/locales/en.json

@@ -1497,6 +1497,7 @@
   "theme_editor.restore": "Restore default theme",
   "theme_editor.save": "Save theme",
   "theme_editor.saved": "Theme updated!",
+  "theme_toggle.black": "Pure Black (beta)",
   "theme_toggle.dark": "Dark",
   "theme_toggle.light": "Light",
   "theme_toggle.system": "System",