Style with dragondesign (thx @jelle619)

master
Raymonzut 4 years ago
parent a6bf99c945
commit a93722a356
No known key found for this signature in database
GPG Key ID: 1E9BCC39EDD1DD53
  1. 15
      client/public/assets/styling/index.css
  2. 18
      client/public/assets/styling/themes.css
  3. 7
      client/public/index.html

@ -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;
}
} }

@ -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;
}
}

@ -5,7 +5,14 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Raymon Zutekouw</title> <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"> <link rel="stylesheet" href="css/index.css" media="all">
</head> </head>
<body> <body>
<noscript> <noscript>

Loading…
Cancel
Save