Add dark theme
parent
6b9bd48e60
commit
1aea2d35a5
|
@ -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;
|
||||
}
|
|
@ -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>♥</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>
|
||||
|
|
Loading…
Reference in New Issue