JS-5303: dark mode

anyproto · Sep 27, 2024 · b25915c · b25915c
1 parent ea69fb2
commit b25915c
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 3 deletions.
diff --git a/src/img/theme/dark/arrow/chatFormAttachment.svg b/src/img/theme/dark/arrow/chatFormAttachment.svg
diff --git 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
@@ -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'); }
+			}
 		}
 	}
-}
+}