diff --git a/lib/widgets/overlay_widget.dart b/lib/widgets/overlay_widget.dart
index 9f17c2e7..499e5ab3 100644
--- a/lib/widgets/overlay_widget.dart
+++ b/lib/widgets/overlay_widget.dart
@@ -16,7 +16,7 @@ class OverlayWidgetTemplate {
       _overlay = OverlayEntry(
         // replace with your own layout
         builder: (context) => ColoredBox(
-            color: kColorBlack.withOpacity(kOverlayBackgroundOpacity),
+            color: kColorBlack.withValues(alpha: kOverlayBackgroundOpacity),
             child: widget),
       );
       _overlayState!.insert(_overlay!);
diff --git a/lib/widgets/video_previewer.dart b/lib/widgets/video_previewer.dart
index c077e569..9601f78a 100644
--- a/lib/widgets/video_previewer.dart
+++ b/lib/widgets/video_previewer.dart
@@ -65,8 +65,8 @@ class _VideoPreviewerState extends State<VideoPreviewer> {
     final iconColor = Theme.of(context).iconTheme.color;
     final progressBarColors = VideoProgressColors(
       playedColor: iconColor!,
-      bufferedColor: iconColor.withOpacity(0.5),
-      backgroundColor: iconColor.withOpacity(0.3),
+      bufferedColor: iconColor.withValues(alpha: 0.5),
+      backgroundColor: iconColor.withValues(alpha: 0.3),
     );
     return Scaffold(
       body: MouseRegion(
diff --git a/packages/apidash_design_system/lib/tokens/colors.dart b/packages/apidash_design_system/lib/tokens/colors.dart
index 7d873fcd..11943bd3 100644
--- a/packages/apidash_design_system/lib/tokens/colors.dart
+++ b/packages/apidash_design_system/lib/tokens/colors.dart
@@ -6,7 +6,7 @@ const kColorTransparent = Colors.transparent;
 const kColorWhite = Colors.white;
 const kColorBlack = Colors.black;
 const kColorRed = Colors.red;
-final kColorLightDanger = Colors.red.withOpacity(0.9);
+final kColorLightDanger = Colors.red.withValues(alpha: 0.9);
 const kColorDarkDanger = Color(0xffcf6679);
 
 const kColorSchemeSeed = Colors.blue;