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{
+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;
  }
 }
--- 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>