API changes to work w/ Reflex 0.5.4

jakepenzak · Jun 17, 2024 · 34cbd3f · 34cbd3f
1 parent 34a19bc
commit 34cbd3f
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 1 deletion.
diff --git a/personal_website/pages/index.py b/personal_website/pages/index.py
@@ -95,7 +95,7 @@ def intro() -> rx.Component:
     )
 
     body = rx.chakra.box(
-        rx.chakra.vstack(
+        rx.vstack(
             read_markdown(
                 asset_data.INDEX_INTRO,
                 component_map=styles.INDEX_PAGE["MARKDOWN_STYLE"],

diff --git a/personal_website/personal_website.py b/personal_website/personal_website.py
@@ -10,5 +10,7 @@
     style=styles.BASE_STYLE,
     stylesheets=["/shared/fonts/fonts.css"],
     theme=rx.theme(accent_color="violet"),
+    appearance="light",
 )
+
 app.add_custom_404_page(page404.index404)  # noqa: F405
diff --git a/personal_website/structural/styles.py b/personal_website/structural/styles.py
@@ -15,6 +15,8 @@
     },
     rx.chakra.MenuItem: {"_hover": {"color": "#522181", "bg": "#F5EFFE"}},
     "font_family": "Hack",
+    "bg": "white",
+    "color": text_color,
 }
 
 # NAVIGATION BAR
@@ -38,6 +40,7 @@
     },
     "NAVAR_MENU_BUTTON_STYLE": {
         "color": text_color,
+        "bg": "white",
         "font_size": "1.1em",
         "padding_left": "0.75em",
         "_hover": {