Style with dragondesign (thx @jelle619)

client/public/assets/styling/index.css

@@ -1,10 +1,11 @@
-html, body{
+nav {
-  padding: 0;
+  border-bottom-left-radius: 5px;
-  margin: 0;
+  border-bottom-right-radius: 5px;
-  width: 100%;
 }
 
-nav {
+@media (max-width: 420px) {
-  text-align: center;
+  #app {
-  margin-top: 30px;
+    margin-left: 0vw;
+    margin-right: 0vw;
+  }
 }

client/public/assets/styling/themes.css

@@ -0,0 +1,18 @@
+:root {
+  --primary-color: #272736;
+  --text-color: #ffffeb;
+
+  /*  Overriding DP DS */
+  --body-background: var(--primary-color);
+  --body-color: var(--text-color);
+
+  --nav-color: var(--primary-color);
+  --nav-background: var(--text-color);
+}
+
+@media (prefers-color-scheme: light) {
+  :root {
+    --primary-color: #ffffeb;
+    --text-color: #272736;
+  }
+}

client/public/index.html

@@ -5,7 +5,14 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Raymon Zutekouw</title>
 
+  <link
+    rel="stylesheet"
+    href="https://cdn.statically.io/gh/dragonprojects/dragondesign/master/main.min.css"
+    media="all"
+  >
+  <link rel="stylesheet" href="css/themes.css" media="all">
   <link rel="stylesheet" href="css/index.css" media="all">
+
 </head>
 <body>
   <noscript>