diff --git a/next-tavla/pages/[id].tsx b/next-tavla/pages/[id].tsx
index c137f3e5b..7b8beb3e2 100644
--- a/next-tavla/pages/[id].tsx
+++ b/next-tavla/pages/[id].tsx
@@ -31,7 +31,7 @@ export async function getServerSideProps({
 
 function BoardPage({ settings }: { settings: TSettings }) {
     return (
-        <div className={classes.root} data-theme={'dark'}>
+        <div className={classes.root} data-theme={settings.theme || 'dark'}>
             <div className={classes.rootContainer}>
                 <Header theme={settings.theme} showClock={true} />
                 <Board settings={settings} />