diff --git a/client/public/assets/styling/index.css b/client/public/assets/styling/index.css
index 32cb798..0225a83 100644
--- a/client/public/assets/styling/index.css
+++ b/client/public/assets/styling/index.css
@@ -1,10 +1,11 @@
-html, body{
- padding: 0;
- margin: 0;
- width: 100%;
+nav {
+ border-bottom-left-radius: 5px;
+ border-bottom-right-radius: 5px;
}
-nav {
- text-align: center;
- margin-top: 30px;
+@media (max-width: 420px) {
+ #app {
+ margin-left: 0vw;
+ margin-right: 0vw;
+ }
}
diff --git a/client/public/assets/styling/themes.css b/client/public/assets/styling/themes.css
new file mode 100644
index 0000000..bef9d6a
--- /dev/null
+++ b/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;
+ }
+}
diff --git a/client/public/index.html b/client/public/index.html
index 5e8f89f..daa3c27 100644
--- a/client/public/index.html
+++ b/client/public/index.html
@@ -5,7 +5,14 @@
Raymon Zutekouw
+
+
+