feat: add system-aware dark theme
This commit is contained in:
@@ -6,6 +6,11 @@
|
|||||||
<title>ha.mr - link compressor</title>
|
<title>ha.mr - link compressor</title>
|
||||||
<style>
|
<style>
|
||||||
@import url('https://fonts.googleapis.com/css2?family=Hammersmith+One&display=swap');
|
@import url('https://fonts.googleapis.com/css2?family=Hammersmith+One&display=swap');
|
||||||
|
|
||||||
|
:root {
|
||||||
|
color-scheme: light dark;
|
||||||
|
}
|
||||||
|
|
||||||
html, body {
|
html, body {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@@ -78,7 +83,6 @@
|
|||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
margin: 10px 0;
|
margin: 10px 0;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
background-color: rgb(230, 230, 230);
|
|
||||||
}
|
}
|
||||||
#output-link-container {
|
#output-link-container {
|
||||||
margin: 10px 0 0 0;
|
margin: 10px 0 0 0;
|
||||||
@@ -165,4 +169,4 @@
|
|||||||
|
|
||||||
<script type="module" src="/main.js"></script>
|
<script type="module" src="/main.js"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
+6
-2
@@ -6,6 +6,11 @@
|
|||||||
<title>ha.mr - link compressor</title>
|
<title>ha.mr - link compressor</title>
|
||||||
<style>
|
<style>
|
||||||
@import url('https://fonts.googleapis.com/css2?family=Hammersmith+One&display=swap');
|
@import url('https://fonts.googleapis.com/css2?family=Hammersmith+One&display=swap');
|
||||||
|
|
||||||
|
:root {
|
||||||
|
color-scheme: light dark;
|
||||||
|
}
|
||||||
|
|
||||||
html, body {
|
html, body {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@@ -78,7 +83,6 @@
|
|||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
margin: 10px 0;
|
margin: 10px 0;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
background-color: rgb(230, 230, 230);
|
|
||||||
}
|
}
|
||||||
#output-link-container {
|
#output-link-container {
|
||||||
margin: 10px 0 0 0;
|
margin: 10px 0 0 0;
|
||||||
@@ -165,4 +169,4 @@
|
|||||||
|
|
||||||
<script type="module" src="/main.js"></script>
|
<script type="module" src="/main.js"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
Reference in New Issue
Block a user