diff --git a/firka/assets/images/carousel_dark/slide1.webp b/firka/assets/images/carousel_dark/slide1.webp
new file mode 100644
index 00000000..a08409a2
Binary files /dev/null and b/firka/assets/images/carousel_dark/slide1.webp differ
diff --git a/firka/assets/images/carousel_dark/slide2.webp b/firka/assets/images/carousel_dark/slide2.webp
new file mode 100644
index 00000000..d07d618f
Binary files /dev/null and b/firka/assets/images/carousel_dark/slide2.webp differ
diff --git a/firka/assets/images/carousel_dark/slide3.webp b/firka/assets/images/carousel_dark/slide3.webp
new file mode 100644
index 00000000..0957f9aa
Binary files /dev/null and b/firka/assets/images/carousel_dark/slide3.webp differ
diff --git a/firka/assets/images/carousel_dark/slide4.webp b/firka/assets/images/carousel_dark/slide4.webp
new file mode 100644
index 00000000..21f08269
Binary files /dev/null and b/firka/assets/images/carousel_dark/slide4.webp differ
diff --git a/firka/lib/ui/phone/screens/login/login_screen.dart b/firka/lib/ui/phone/screens/login/login_screen.dart
index ea9d7151..2be7a655 100644
--- a/firka/lib/ui/phone/screens/login/login_screen.dart
+++ b/firka/lib/ui/phone/screens/login/login_screen.dart
@@ -41,6 +41,10 @@ class _LoginScreenState extends State<LoginScreen> {
       "assets/images/carousel/slide2.webp",
       "assets/images/carousel/slide3.webp",
       "assets/images/carousel/slide4.webp",
+      "assets/images/carousel_dark/slide1.webp",
+      "assets/images/carousel_dark/slide2.webp",
+      "assets/images/carousel_dark/slide3.webp",
+      "assets/images/carousel_dark/slide4.webp",
       "assets/images/logos/colored_logo.webp",
     ];
 
@@ -79,13 +83,15 @@ class _LoginScreenState extends State<LoginScreen> {
       );
     }
 
+    final carousel = isLightMode.value ? "carousel" : "carousel_dark";
+
     final paddingWidthHorizontal = MediaQuery.of(context).size.width -
         MediaQuery.of(context).size.width * 0.95;
     List<Map<String, Object>> slides = [
       {
         'title': widget.data.l10n.title1,
         'subtitle': widget.data.l10n.subtitle1,
-        'picture': 'assets/images/carousel/slide1.webp',
+        'picture': 'assets/images/$carousel/slide1.webp',
         'background': 'assets/images/carousel/slide1_background.webp',
         'foreground': '',
         'rotation': 180.00,
@@ -97,7 +103,7 @@ class _LoginScreenState extends State<LoginScreen> {
       {
         'title': widget.data.l10n.title2,
         'subtitle': widget.data.l10n.subtitle2,
-        'picture': 'assets/images/carousel/slide2.webp',
+        'picture': 'assets/images/$carousel/slide2.webp',
         'background': 'assets/images/carousel/slide2_background.webp',
         'foreground': '',
         'rotation': 180.00,
@@ -109,7 +115,7 @@ class _LoginScreenState extends State<LoginScreen> {
       {
         'title': widget.data.l10n.title3,
         'subtitle': widget.data.l10n.subtitle3,
-        'picture': 'assets/images/carousel/slide3.webp',
+        'picture': 'assets/images/$carousel/slide3.webp',
         'background': '',
         'foreground': 'assets/images/carousel/slide3_foreground.webp',
         'rotation': 180.0,
@@ -120,7 +126,7 @@ class _LoginScreenState extends State<LoginScreen> {
       {
         'title': widget.data.l10n.title4,
         'subtitle': widget.data.l10n.subtitle4,
-        'picture': 'assets/images/carousel/slide4.webp',
+        'picture': 'assets/images/$carousel/slide4.webp',
         'background': 'assets/images/carousel/slide4_background.webp',
         'foreground': '',
         'rotation': 180.00,
diff --git a/firka/pubspec.yaml b/firka/pubspec.yaml
index 923e9e92..767d6150 100644
--- a/firka/pubspec.yaml
+++ b/firka/pubspec.yaml
@@ -92,6 +92,7 @@ flutter:
     - assets/images/logos/colored_logo.webp
     - assets/images/logos/dave.svg
     - assets/images/carousel/
+    - assets/images/carousel_dark/
     - assets/images/icons/
     - assets/images/background.webp
     - assets/images/wear_pair.svg