From b25915c469197f88dc4380d9e85b41ac45c7fcd2 Mon Sep 17 00:00:00 2001
From: Mike Mhlv <mhlv@anytype.io>
Date: Fri, 27 Sep 2024 14:38:51 +0100
Subject: [PATCH] JS-5303: dark mode

---
 src/img/theme/dark/arrow/chatFormAttachment.svg |  3 +++
 src/scss/block/chat/form.scss                   |  4 ++--
 src/scss/theme/dark/block.scss                  | 11 ++++++++++-
 3 files changed, 15 insertions(+), 3 deletions(-)
 create mode 100644 src/img/theme/dark/arrow/chatFormAttachment.svg

diff --git a/src/img/theme/dark/arrow/chatFormAttachment.svg b/src/img/theme/dark/arrow/chatFormAttachment.svg
new file mode 100644
index 0000000000..0a8914856b
--- /dev/null
+++ b/src/img/theme/dark/arrow/chatFormAttachment.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
+    <path d="M8 14.5L12.5 10L8 5.5" stroke="#EBEBEB" stroke-width="1.5" stroke-linecap="round"/>
+</svg>
diff --git a/src/scss/block/chat/form.scss b/src/scss/block/chat/form.scss
index ce6a37fb0c..93ce766704 100644
--- a/src/scss/block/chat/form.scss
+++ b/src/scss/block/chat/form.scss
@@ -44,9 +44,9 @@
 		.swiper { width: 100%; }
 		.swiper-slide { width: unset; }
 		.swiper-button-prev,
-		.swiper-button-next { position: absolute; z-index: 2; width: 70px; height: 100%; top: 0px; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--color-bg-primary) 100%); }
+		.swiper-button-next { position: absolute; z-index: 2; width: 70px; height: 100%; top: 0px; }
 		.swiper-button-prev { left: -8px; background: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0%, var(--color-bg-primary) 100%); }
-		.swiper-button-next { right: -8px; }
+		.swiper-button-next { right: -8px; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--color-bg-primary) 100%); }
 
 		.swiper-button-prev::before,
 		.swiper-button-next::before,
diff --git a/src/scss/theme/dark/block.scss b/src/scss/theme/dark/block.scss
index f7da421358..0e6919555a 100644
--- a/src/scss/theme/dark/block.scss
+++ b/src/scss/theme/dark/block.scss
@@ -193,6 +193,15 @@
 
 		.form {
 			.icon.send { background: url('#{$themePath}/icon/chat/buttons/send.svg'); }
+
+			.attachments {
+				.swiper-button-prev { background: linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, var(--color-bg-primary) 100%); }
+				.swiper-button-next { background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, var(--color-bg-primary) 100%); }
+				.swiper-button-prev::before,
+				.swiper-button-next::before { box-shadow: none; }
+				.swiper-button-prev::after,
+				.swiper-button-next::after { background-image: url('#{$themePath}/arrow/chatFormAttachment.svg'); }
+			}
 		}
 	}
-}
\ No newline at end of file
+}