Pop-ups are dark and dont require close button

Change style of block buttons

gallery/themes/default/components/buttons/block.sass

@@ -27,7 +27,7 @@
     text-align: center
 
     background-color: transparent
-    color: $black
+    color: $white
     border: none
     border-radius: $rad-inner
 
@@ -37,7 +37,6 @@
 
     &:hover
         background-color: $black
-        color: $white
     
     &:focus-visible
         outline: 2px solid rgba($black, 0.5)
@@ -74,23 +73,33 @@
     font-weight: 600
     text-align: left
 
-    background-color: $black
+    background-color: transparent
     color: $white
 
     border: none
+    border-bottom: 3px solid $gray
     border-radius: $rad-inner
 
     cursor: pointer
     transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out
 
-    &:hover
-        outline: 2px solid rgba($white, 0.5)
+    &:not(:focus):not([value=""]):not(:placeholder-shown)
+        border-color: $white
 
-    &:focus-visible
-        outline: 2px solid rgba($white, 0.5)
+    &:hover
+        border-color: $white
+
+    &:focus
+        border-color: $primary
+        outline: none
 
     &.file
         padding: 0 1rem 0 0
+        border: none
+        background-color: $black2
+
+        &:focus-visible
+            outline: 2px solid rgba($white, 0.5)
 
         &::file-selector-button
             margin-right: 1rem
@@ -109,4 +118,3 @@
 
             &:not([value=""])
                 display: none
-

gallery/themes/default/components/elements/pop-up.sass

@@ -39,7 +39,7 @@
         display: flex
         flex-direction: column
 
-        background-color: $white
+        background-color: $black
         border-radius: $rad
         overflow: hidden
 
@@ -48,14 +48,14 @@
 
     .pop-up-content
         margin: 0
-        padding: 0.5rem 0.5rem 0
+        padding: 1rem
 
         width: 100%
         height: auto
 
         display: flex
         flex-direction: column
-        gap: 0.5rem
+        gap: 1rem
 
         overflow-y: auto
         overflow-x: hidden
@@ -75,8 +75,8 @@
             text-align: center
             line-height: 1
 
-            color: $black
-            background-color: $white
+            color: $white
+            background-color: $black
         
         p
             margin: 0
@@ -88,7 +88,7 @@
             text-align: center
             line-height: 1
 
-            color: $black
+            color: $white
 
         img
             margin: auto
@@ -126,6 +126,8 @@
         justify-content: flex-end
         gap: 0.5rem
 
+        background-color: $black2
+
     &.active
         opacity: 1
 

gallery/themes/default/components/elements/upload-panel.sass

@@ -43,45 +43,8 @@
         align-items: center
         gap: 0.5rem
 
-        input
-            margin: 0
-            padding: 0.5rem 1rem
-
+        input, button
             width: 100%
-            height: 2.5rem
-
-            font-size: 1rem
-            font-weight: 600
-
-            color: $white
-            background-color: $black2
-
-            border: none
-            border-radius: $rad-inner
-
-            &::placeholder
-                color: $white
-        
-        button
-            margin: 0
-            padding: 0.5rem 1rem
-
-            width: 100%
-            height: 2.5rem
-
-            font-size: 1rem
-            font-weight: 600
-
-            color: $white
-            background-color: $primary
-
-            border: none
-            border-radius: $rad-inner
-            cursor: pointer
-
-            &:hover
-                background-color: $black2
-                color: $primary
 
     .click-off
         position: absolute
@@ -95,7 +58,7 @@
 
 
     .container
-        padding: 0.5rem
+        padding: 1rem
 
         position: absolute
         bottom: 0
@@ -225,8 +188,6 @@
         bottom: 3.5rem
 
         .container
-            padding: 1rem
-            
             width: 100%
             height: calc(100% - 10rem)
             

gallery/themes/default/components/gallery.sass

@@ -50,7 +50,7 @@
         font-size: 1rem
         font-weight: 600
 
-        color: $primary
+        color: $white
 
         text-overflow: ellipsis
         overflow: hidden

gallery/themes/default/variables.sass

@@ -1,5 +1,6 @@
 $black: #151515
 $black2: #101010
+$gray: #666
 $white: #E8E3E3
 
 $red: #B66467