From 1d30d0633d7cf0a8c22e8b8ca92e156f69547bec Mon Sep 17 00:00:00 2001
From: N-Pex <npexdev@gmail.com>
Date: Tue, 10 Jun 2025 16:50:19 +0200
Subject: [PATCH] Style of media send should be dark

---
 src/assets/css/sendattachments.scss | 22 +++++++++++++++-------
 1 file changed, 15 insertions(+), 7 deletions(-)

diff --git a/src/assets/css/sendattachments.scss b/src/assets/css/sendattachments.scss
index 0197ae1..6219764 100644
--- a/src/assets/css/sendattachments.scss
+++ b/src/assets/css/sendattachments.scss
@@ -3,10 +3,10 @@
 $large-button-height: $min-touch-target;
 $small-button-height: 36px;
 
-$background: #ffffff;
-$backgroundSection: rgba(#ededed,0.8);
+$background: #000000;
+$backgroundSection: #181719;
 $backgroundHilite: #383739;
-$text: #000000;
+$text: #ffffff;
 $hiliteColor: #4642f1;
 
 .send-attachments {
@@ -97,10 +97,11 @@ $hiliteColor: #4642f1;
     width: 100%;
     flex: 0 0 100%;
     overflow-y: auto;
+    display: flex;
   }
   .file-drop-current-item {
     width: 100%;
-    height: 60%;
+    flex: 1 1 100%;
     background-color: $backgroundSection;
     display: flex;
     &.drop-target {
@@ -124,7 +125,7 @@ $hiliteColor: #4642f1;
   }
 
   .send-attachments__current-item__info {
-    height: 80px;
+    flex: 0 0 80px;
     text-align: start;
     margin: 18px 20px;
     padding: 0;
@@ -147,7 +148,7 @@ $hiliteColor: #4642f1;
   .file-drop-thumbnail-container {
     width: 100%;
     padding: 13px 20px 15px 20px;
-    height: 74px;
+    flex: 0 0 74px;
     overflow-x: auto;
     overflow-y: hidden;
     white-space: nowrap;
@@ -185,7 +186,7 @@ $hiliteColor: #4642f1;
 
       .add,
       .remove {
-        color: $background;
+        color: $text;
         position: absolute;
         top: 0;
         left: 0;
@@ -213,6 +214,10 @@ $hiliteColor: #4642f1;
     border-radius: 19px;
   }
 
+  .file-drop-input-container {
+    flex: 1 1 auto;
+  }
+
   .file-drop-input-container,
   .file-drop-sending-input-container,
   .file-drop-sent-input-container {
@@ -230,6 +235,9 @@ $hiliteColor: #4642f1;
       padding: 16px 18px;
       font-family: "Inter", sans-serif;
       font-weight: 300;
+      .v-field {
+        background-color: transparent !important;
+      }
     }
     .input-container__buttons {
       position: absolute;