Add dark theme

main
astra 2023-03-26 23:34:06 +01:00
parent 6b9bd48e60
commit 1aea2d35a5
2 changed files with 51 additions and 2 deletions

View File

@ -0,0 +1,48 @@
:root {
--primary: #4338ca;
--background: #0d1117;
}
body {
background-color: var(--background);
color: #c9d1d9;
}
.box {
border: 1px solid #30363d;
box-shadow: unset;
}
.help a {
text-decoration: none;
}
a:hover {
color: var(--primary);
text-decoration: underline;
}
input, select, button {
background-color: #010409;
border: 1px solid #30363d;
color: #ffffff;
}
button {
color: #c9d1d9;
background-color: #21262d;
box-shadow: 0 0 transparent, 0 0 transparent;
}
button:hover,
button:focus {
background-color: #30363d;
border-color: #8b949e;
transition-duration: .1s;
}
table th {
background: #161b22;
border-bottom: unset;
color: #c9d1d9;
}

View File

@ -5,6 +5,7 @@
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
<link href="assets/style.css" rel="stylesheet">
<link href="assets/dark.css" rel="stylesheet">
</head>
<body>
<div class="main">
@ -52,7 +53,7 @@
required pattern="(tcp|udp|tls|https|sdns):\/\/(.*)" />
<p class="help">
To use different protocols like DOH, DOT etc. refer to the instructions
<a href="https://github.com/mr-karan/doggo#transport-options">here</a>.
<a href="https://git.zio.sh/astra/doggo#transport-options">here</a>.
</p>
</div>
</div>
@ -84,7 +85,7 @@
<span>&#9829;</span> by
<a href="https://mrkaran.dev"><strong>mrkaran</strong></a>
</p>
<p><a href="https://github.com/mr-karan/doggo">Source Code</a></p>
<p><a href="https://git.zio.sh/astra/doggo">Source Code</a></p>
</div>
</footer>
<script src="assets/main.js"> </script>