minor

src/app/file/file.component.scss

@@ -46,21 +46,22 @@
   height: 100%; /* Full height */
   overflow: auto; /* Enable scroll if needed */
   background-color: rgb(0,0,0); /* Fallback color */
-  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
+  background-color: rgba(0,0,0,0.5); /* Black w/ opacity */
 }
 
 /* Modal Content */
 .modal-content {
-  background-color: #fefefe;
+  background: var(--bgcolor);
   margin: auto;
   padding: 20px;
-  border: 1px solid #888;
+  border: 2px solid var(--color);
+  border-radius: 10px;
   width: 80%;
 }
 
 /* The Close Button */
 .close {
-  color: #aaaaaa;
+  color: var(--color);
   float: right;
   font-size: 28px;
   font-weight: bold;
@@ -68,7 +69,7 @@
 
 .close:hover,
 .close:focus {
-  color: #000;
+  color: white;
   text-decoration: none;
   cursor: pointer;
 }

src/app/file/file.component.ts

@@ -34,6 +34,8 @@ export class FileComponent implements OnInit {
   onClick2(): void {
     var modal = document.getElementById("myModal");
     modal.style.display = "none";
+    this.shortLink = "";
+    this.loading = false;
   }
 
   onChange(event) {