sethrylan
diff --git a/‎docs/global.css‎
Lines changed: 50 additions & 52 deletions b/‎docs/global.css‎
Lines changed: 50 additions & 52 deletions
diff --git a/‎docs/index.html‎
Lines changed: 0 additions & 4 deletions b/‎docs/index.html‎
Lines changed: 0 additions & 4 deletions
diff --git a/‎package-lock.json‎
Lines changed: 24 additions & 29 deletions b/‎package-lock.json‎
Lines changed: 24 additions & 29 deletions
diff --git a/‎package.json‎
Lines changed: 6 additions & 4 deletions b/‎package.json‎
Lines changed: 6 additions & 4 deletions
@@ -1,63 +1,61 @@
 html, body {
-	position: relative;
-	width: 100%;
-	height: 100%;
+    position: relative;
+    width: 100%;
+    height: 100%;
 }
 
-body {
-	color: #333;
-	margin: 0;
-	padding: 8px;
-	box-sizing: border-box;
-	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-}
-
-a {
-	color: rgb(0,100,200);
-	text-decoration: none;
-}
-
-a:hover {
-	text-decoration: underline;
-}
-
-a:visited {
-	color: rgb(0,80,160);
-}
-
-label {
-	display: block;
-}
-
-input, button, select, textarea {
-	font-family: inherit;
-	font-size: inherit;
-	-webkit-padding: 0.4em 0;
-	padding: 0.4em;
-	margin: 0 0 0.5em 0;
-	box-sizing: border-box;
-	border: 1px solid #ccc;
-	border-radius: 2px;
-}
-
-input:disabled {
-	color: #ccc;
+body, div {
+    transition: background-color 0.5s;
 }
 
 button {
-	color: #333;
-	background-color: #f4f4f4;
-	outline: none;
+    outline: none;
 }
 
-button:disabled {
-	color: #999;
-}
-
-button:not(:disabled):active {
-	background-color: #ddd;
+body {
+    margin: 0;
+    padding: 8px;
+    box-sizing: border-box;
 }
 
-button:focus {
-	border-color: #666;
+input, button, select, textarea {
+    font-family: inherit;
+    font-size: inherit;
+    -webkit-padding: 0.4em 0;
+    padding: 0.4em;
+    margin: 0 0 0.5em 0;
+    box-sizing: border-box;
+    border: 1px solid;
+    border-radius: 2px;
+}
+
+.highcharts-background {
+    transition: all 0.5s;
+}
+
+#container {
+    width:70%;
+    min-width: 310px;
+}
+
+.highcharts-dark {
+    /* UI colors */
+    --highcharts-background-color: #212529;
+
+    /* Neutral color variations */
+    --highcharts-neutral-color-100: rgb(255, 255, 255);
+    --highcharts-neutral-color-80: rgb(214, 214, 214);
+    --highcharts-neutral-color-60: rgb(173, 173, 173);
+    --highcharts-neutral-color-40: rgb(133, 133, 133);
+    --highcharts-neutral-color-20: rgb(92, 92, 92);
+    --highcharts-neutral-color-10: rgb(71, 71, 71);
+    --highcharts-neutral-color-5: rgb(61, 61, 61);
+    --highcharts-neutral-color-3: rgb(57, 57, 57);
+
+    /* Highlight color variations */
+    --highcharts-highlight-color-100: rgb(122, 167, 255);
+    --highcharts-highlight-color-80: rgb(108, 144, 214);
+    --highcharts-highlight-color-60: rgb(94, 121, 173);
+    --highcharts-highlight-color-20: rgb(65, 74, 92);
+    --highcharts-highlight-color-10: rgb(58, 63, 71);
 }
@@ -3,11 +3,7 @@
 <head>
 	<meta charset='utf-8'>
 	<meta name='viewport' content='width=device-width,initial-scale=1'>
-
 	<link rel='icon' type='image/png' href='./favicon.png'>
-	<link rel='stylesheet' href='./global.css'>
-	<link rel='stylesheet' href='./build/bundle.css'>
-
 	<script defer src='./build/bundle.js'></script>
 </head>
 
 
@@ -11,18 +11,20 @@
   "devDependencies": {
     "@rollup/plugin-commonjs": "^25.0.7",
     "@rollup/plugin-node-resolve": "^15.2.3",
+    "esm-env": "^1.0.0",
+    "highcharts": "^11.4.3",
     "rollup": "^2.3.4",
     "rollup-plugin-css-only": "^4.5.2",
     "rollup-plugin-livereload": "^2.0.5",
     "rollup-plugin-svelte": "^7.2.0",
     "rollup-plugin-terser": "^7.0.0",
     "svelte": "^4.2.17",
-    "svelte-spa-router": "^4.0.1",
-    "highcharts": "^11.4.3",
     "svelte-check": "^3.8.0",
-    "svelte-preprocess": "^5.1.4"
+    "svelte-preprocess": "^5.1.4",
+    "svelte-spa-router": "^4.0.1"
   },
   "dependencies": {
-    "sirv-cli": "^2.0.2"
+    "sirv-cli": "^2.0.2",
+    "svelte-persisted-store": "^0.11.0"
   }
 }