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 charset="utf-8">
|
||||||
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
|
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
|
||||||
<link href="assets/style.css" rel="stylesheet">
|
<link href="assets/style.css" rel="stylesheet">
|
||||||
|
<link href="assets/dark.css" rel="stylesheet">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="main">
|
<div class="main">
|
||||||
|
@ -52,7 +53,7 @@
|
||||||
required pattern="(tcp|udp|tls|https|sdns):\/\/(.*)" />
|
required pattern="(tcp|udp|tls|https|sdns):\/\/(.*)" />
|
||||||
<p class="help">
|
<p class="help">
|
||||||
To use different protocols like DOH, DOT etc. refer to the instructions
|
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>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -84,7 +85,7 @@
|
||||||
<span>♥</span> by
|
<span>♥</span> by
|
||||||
<a href="https://mrkaran.dev"><strong>mrkaran</strong></a>
|
<a href="https://mrkaran.dev"><strong>mrkaran</strong></a>
|
||||||
</p>
|
</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>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
<script src="assets/main.js"> </script>
|
<script src="assets/main.js"> </script>
|
||||||
|
|
Loading…
Reference in New Issue