Beter catch phrase

src/index.tsx

@@ -9,6 +9,7 @@ import { ThemeProvider, useStyles } from "./theme";
 import { GlArticle } from "gitlanding/GlArticle";
 import { createRoot } from "react-dom/client";
 import { StrictMode } from "react";
+import { Text } from "./theme";
 import logoPngUrl from "./assets/logo.png";
 import demoGifUrl from "./assets/demo.gif";
 import nestedSelectorsMp4Url from "./assets/nestedSelectors_small.mp4";
@@ -64,8 +65,8 @@ function App() {
               "illustrationWrapper": css({ "maxWidth": 460 }),
               "illustration": css({ "borderRadius": 10 })
             }}
-            title="The most reacty CSS in TS solution"
-            subTitle="Just like JSS but type safe and powered by emotion 🚀"
+            title="A CSS-in-TypeScript Solution"
+            subTitle="Effortlessly express sophisticated, dynamic styles in your React components ✨"
             illustration={{
               "type": "image",
               "src": demoGifUrl,

src/theme.ts

@@ -1,4 +1,5 @@
 import { createThemeProvider, defaultGetTypographyDesc, defaultPalette } from "onyxia-ui";
+import { createText } from "onyxia-ui/Text";
 
 export const palette: typeof defaultPalette = {
 	...defaultPalette,
@@ -30,5 +31,10 @@ export const { ThemeProvider, useTheme, useStyles } = createThemeProvider({
 	"getTypographyDesc": params => ({
 		...defaultGetTypographyDesc(params),
 		"fontFamily": '"Work Sans", sans-serif'
-	})
-}); 
+	}),
+	"defaultIsDarkModeEnabled": true
+}); 
+
+export const { Text } = createText({
+	useTheme
+});