diff --git a/lib/src/widgets.dart b/lib/src/widgets.dart
index a3f58fe..1b932cb 100644
--- a/lib/src/widgets.dart
+++ b/lib/src/widgets.dart
@@ -53,7 +53,7 @@ class SkeletonAvatar extends StatelessWidget {
                       style.maxHeight ?? constraints.maxHeight)
                   : style.height,
               decoration: BoxDecoration(
-                color: Theme.of(context).backgroundColor,
+                color: Theme.of(context).scaffoldBackgroundColor,
                 shape: style.shape,
                 borderRadius:
                     style.shape != BoxShape.circle ? style.borderRadius : null,
@@ -97,7 +97,7 @@ class SkeletonLine extends StatelessWidget {
                       : style.width,
                   height: style.height,
                   decoration: BoxDecoration(
-                    color: Theme.of(context).backgroundColor,
+                    color: Theme.of(context).scaffoldBackgroundColor,
                     borderRadius: style.borderRadius,
                   ),
                 );
diff --git a/pubspec.yaml b/pubspec.yaml
index f2d5f92..f760c57 100644
--- a/pubspec.yaml
+++ b/pubspec.yaml
@@ -1,10 +1,10 @@
 name: skeletons
 description: A Flutter package for building custom skeleton widgets to mimic the page's layout while loading.
-version: 0.0.3
+version: 0.0.4
 homepage: https://github.com/badjio/skeletons/
 
 environment:
-  sdk: ">=2.12.0 <3.0.0"
+  sdk: ">=3.3.0 <4.0.0"
   flutter: ">=1.17.0"
 
 dependencies: