diff --git a/packages/at_onboarding_flutter/example/lib/main.dart b/packages/at_onboarding_flutter/example/lib/main.dart
index 554445de..ff276bb4 100644
--- a/packages/at_onboarding_flutter/example/lib/main.dart
+++ b/packages/at_onboarding_flutter/example/lib/main.dart
@@ -51,22 +51,17 @@ class _MyAppState extends State<MyApp> {
           theme: ThemeData().copyWith(
             brightness: Brightness.light,
             primaryColor: const Color(0xFFf4533d),
-            colorScheme: ThemeData.light().colorScheme.copyWith(
-                  primary: const Color(0xFFf4533d),
-                ),
-            // ignore: deprecated_member_use
-            backgroundColor: Colors.white,
             scaffoldBackgroundColor: Colors.white,
+            colorScheme: ThemeData.light().colorScheme.copyWith(
+                primary: const Color(0xFFf4533d), surface: Colors.white),
           ),
           darkTheme: ThemeData().copyWith(
             brightness: Brightness.dark,
             primaryColor: Colors.blue,
-            colorScheme: ThemeData.dark().colorScheme.copyWith(
-                  primary: Colors.blue,
-                ),
-            // ignore: deprecated_member_use
-            backgroundColor: Colors.grey[850],
             scaffoldBackgroundColor: Colors.grey[850],
+            colorScheme: ThemeData.dark()
+                .colorScheme
+                .copyWith(primary: Colors.blue, surface: Colors.grey[850]),
           ),
           locale: _currentLocale,
           localizationsDelegates: const [
diff --git a/packages/at_onboarding_flutter/example/lib/switch_atsign.dart b/packages/at_onboarding_flutter/example/lib/switch_atsign.dart
index fd101026..96f1edda 100644
--- a/packages/at_onboarding_flutter/example/lib/switch_atsign.dart
+++ b/packages/at_onboarding_flutter/example/lib/switch_atsign.dart
@@ -44,8 +44,7 @@ class _AtSignBottomSheetState extends State<AtSignBottomSheet> {
               child: Container(
                 height: 100,
                 width: screenSize.width,
-                // ignore: deprecated_member_use
-                color: Theme.of(context).backgroundColor,
+                color: Theme.of(context).canvasColor,
                 child: Row(
                   children: [
                     Expanded(
@@ -101,7 +100,7 @@ class _AtSignBottomSheetState extends State<AtSignBottomSheet> {
                               Text(
                                 widget.atSignList[index],
                                 // ignore: deprecated_member_use
-                                style: Theme.of(context).textTheme.bodyText1,
+                                style: Theme.of(context).textTheme.bodyMedium,
                               )
                             ],
                           ),