Style with dragondesign (thx @jelle619)

5 years ago · a93722a356
parent a6bf99c945
commit a93722a356
3 changed files with 33 additions and 7 deletions
--- 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;
+  }
 }
--- a/client/public/assets/styling/themes.css
+++ 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;
+  }
+}
--- a/client/public/index.html
+++ b/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>