added download button

web/App.svelte

@@ -28,6 +28,9 @@
 	});
 </script>
 
+<div class="dl">
+	<a href="/s/{slug}">Download</a>
+</div>
 <main>
 	{#if component === null}
 		Loading data...
@@ -45,8 +48,21 @@
 main {
 	display: flex;
 	justify-content: center;
-	margin-top: 5rem;
+	padding-top: 5rem;
+}
 
+.dl {
+	top: 0;
+	right: 0;
+	position: absolute;
+	padding-top: 1rem;
+	padding-right: 1rem;
+	color: var(--color-secondary);
+}
+
+.dl a {
+	color: var(--color-secondary);
+	text-decoration: none;
 }
 
 </style>

web/index.css

@@ -1,5 +1,12 @@
+*{
+    --color-primary: #1f6feb;
+    --color-secondary: #58a6ff;
+    --color-bg: #0d1117;
+}
+
+
 body {
-    background-color: #0d1117;
+    background-color: var(--color-bg);
     font-family: sans-serif;
 }
 

web/opener/Text.svelte

@@ -37,15 +37,15 @@
 		font-size: 1.5rem;
 		font-weight: bold;
 		margin-bottom: 1rem;
-		color: #58a6ff;
+		color: var(--color-secondary);
-		border-bottom: solid 1px #1f6feb;
+		border-bottom: solid 1px var(--color-primary);
 		
 		padding: 1rem;
 	}
 
 	.container{
 		border-width: 2px;
-		border-color: #1f6feb;
+		border-color: var(--color-primary);
 		border-style: solid;
 		border-radius: 5px;
 		min-width: 50rem;