From 29893ea399633342dc107c4695c5eeb6f394f2d1 Mon Sep 17 00:00:00 2001
From: maelstrom <maelstrom@maelstrom.dev>
Date: Wed, 29 Apr 2026 22:54:52 +0200
Subject: [PATCH] blog page

---
 app/_layout.tsx                   | 18 ++++++++++++++++--
 app/blog/[handle]/index.tsx       | 16 ++++++++++++++--
 src/components/primitive/Text.tsx | 10 ++++++++++
 3 files changed, 40 insertions(+), 4 deletions(-)
 create mode 100644 src/components/primitive/Text.tsx

diff --git a/app/_layout.tsx b/app/_layout.tsx
index 6d80121..ff00e04 100644
--- a/app/_layout.tsx
+++ b/app/_layout.tsx
@@ -1,5 +1,5 @@
 import { AuthProvider } from '@/src/context/AuthContext';
-import { DarkTheme, DefaultTheme, ThemeProvider } from '@react-navigation/native';
+import { DefaultTheme as NativeDarkTheme, Theme, ThemeProvider } from '@react-navigation/native';
 import { Stack } from 'expo-router';
 import { StatusBar } from 'expo-status-bar';
 import 'react-native-reanimated';
@@ -8,11 +8,25 @@ export const unstable_settings = {
   anchor: '(tabs)',
 };
 
+export const DarkTheme: Theme = {
+  dark: true,
+  colors: {
+    primary: 'rgb(10, 132, 255)',
+    background: 'rgb(46, 46, 46)',
+    card: 'rgb(75, 75, 75)',
+    text: 'rgb(229, 229, 231)',
+    border: 'rgb(39, 39, 41)',
+    notification: 'rgb(255, 69, 58)',
+  },
+  fonts: NativeDarkTheme.fonts,
+};
+
 export default function RootLayout() {
   return (
     <AuthProvider>
-      <ThemeProvider value={DefaultTheme}>
+      <ThemeProvider value={DarkTheme}>
         <Stack screenOptions={{headerShown: false}}>
+        {/* <Stack screenOptions={{headerShown: true}}> */}
           <Stack.Screen name="modal" options={{ presentation: 'modal', title: 'Modal' }} />
         </Stack>
         <StatusBar style="auto" />
diff --git a/app/blog/[handle]/index.tsx b/app/blog/[handle]/index.tsx
index 7e2fad3..e732348 100644
--- a/app/blog/[handle]/index.tsx
+++ b/app/blog/[handle]/index.tsx
@@ -1,5 +1,17 @@
-import { Text } from "react-native"
+import { Text } from "@/src/components/primitive/Text"
+import { ScrollView, View } from "react-native"
 
 export default function BlogPage() {
-    return <Text>Hi!</Text>
+    return <ScrollView contentContainerStyle={{ flexGrow: 1, alignItems: 'center' }}>
+        <View style={{
+            width: 600,
+            flexGrow: 1,
+            borderColor: '#414141',
+            borderLeftWidth: 1,
+            borderRightWidth: 1,
+            padding: 5
+        }}>
+            <Text>Hi!</Text>
+        </View>
+    </ScrollView>
 }
\ No newline at end of file
diff --git a/src/components/primitive/Text.tsx b/src/components/primitive/Text.tsx
new file mode 100644
index 0000000..a710b6a
--- /dev/null
+++ b/src/components/primitive/Text.tsx
@@ -0,0 +1,10 @@
+import { Text as RNText, TextProps } from "react-native"
+
+export function Text(props: TextProps) {
+    return <RNText style={[
+        {
+            color: '#fff'
+        },
+        props.style
+    ]} {...props} />
+}
\ No newline at end of file
-- 
2.51.2