diff --git a/docs/cookbook/theming.md b/docs/cookbook/theming.md
index 45387f68..7bf23ef0 100644
--- a/docs/cookbook/theming.md
+++ b/docs/cookbook/theming.md
@@ -42,7 +42,7 @@ def main(page: ft.Page):
         # Page theme
         ft.Container(
             content=ft.ElevatedButton("Page theme button"),
-            bgcolor=ft.Colors.SURFACE_VARIANT,
+            bgcolor=ft.Colors.ON_SURFACE_VARIANT,
             padding=20,
             width=300,
         ),
@@ -51,7 +51,7 @@ def main(page: ft.Page):
         ft.Container(
             theme=ft.Theme(color_scheme=ft.ColorScheme(primary=ft.Colors.PINK)),
             content=ft.ElevatedButton("Inherited theme button"),
-            bgcolor=ft.Colors.SURFACE_VARIANT,
+            bgcolor=ft.Colors.ON_SURFACE_VARIANT,
             padding=20,
             width=300,
         ),
@@ -61,7 +61,7 @@ def main(page: ft.Page):
             theme=ft.Theme(color_scheme_seed=ft.Colors.INDIGO),
             theme_mode=ft.ThemeMode.DARK,
             content=ft.ElevatedButton("Unique theme button"),
-            bgcolor=ft.Colors.SURFACE_VARIANT,
+            bgcolor=ft.Colors.ON_SURFACE_VARIANT,
             padding=20,
             width=300,
         ),