theme param added in MarkdownLayout.kt

Author: kotlang-dev

site/src/jsMain/kotlin/org/kotlang/portfolio/components/layouts/MarkdownLayout.kt

@@ -2,6 +2,8 @@ package org.kotlang.portfolio.components.layouts
 
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.setValue
 import com.varabyte.kobweb.compose.foundation.layout.Box
 import com.varabyte.kobweb.compose.foundation.layout.Column
 import com.varabyte.kobweb.compose.ui.Alignment
@@ -12,14 +14,29 @@ import com.varabyte.kobweb.compose.ui.modifiers.padding
 import com.varabyte.kobweb.core.PageContext
 import com.varabyte.kobweb.core.layout.Layout
 import com.varabyte.kobweb.silk.style.toModifier
+import com.varabyte.kobweb.silk.theme.colors.ColorMode
+import kotlinx.browser.window
 import org.jetbrains.compose.web.css.px
 import org.kotlang.portfolio.theme.MarkdownStyle
 import org.kotlang.portfolio.util.setPageMetadata
+import org.w3c.dom.url.URLSearchParams
 
 @Layout
 @Composable
 fun MarkdownLayout(ctx: PageContext, content: @Composable () -> Unit) {
 
+    var colorMode by ColorMode.currentState
+
+    LaunchedEffect(ctx.route) {
+        val theme = window.location.search.let {
+            val params = URLSearchParams(it)
+            params.get("theme")
+        }
+
+        if (theme == "dark") colorMode = ColorMode.DARK
+        else if (theme == "light") colorMode = ColorMode.LIGHT
+    }
+
     LaunchedEffect(Unit) {
         setPageMetadata(
             title = "Privacy Policy - Kinex: Gym Workouts Guide",