aaron/text_proxy
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

auto theme

Browse Source
This commit is contained in:
Aaron Gutierrez
2019-10-10 08:40:02 -07:00
parent d2d42398ff
commit e7595f5080
3 changed files with 14 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
cgi-bin/template.html
View File

@@ -10,12 +10,12 @@
<link rel="icon" type="image/png" href="/favicon@2x.png" size="128x128">
<link rel="icon" type="image/png" href="/favicon@3x.png" size="192x192">
</head>
<body class="dark">
<body>
<h1>{title}</h1>
<div class="theme">
<select aria-label="Theme" onchange="setTheme(event)">
<option value="darker">Light-on-Black</option>
<option value="dark" selected>Light-on-Dark</option>
<option value="dark">Light-on-Dark</option>
<option value="light">Dark-on-White</option>
</select>
</div>

2
index.html
View File

@@ -10,7 +10,7 @@
<link rel="icon" type="image/png" href="/favicon@2x.png" size="128x128">
<link rel="icon" type="image/png" href="/favicon@3x.png" size="192x192">
</head>
<body class="dark">
<body>
<h1>Text Proxy</h1>
<div class="main">
<form action="/cgi-bin/proxy.cgi" method="get">

11
site.css
View File

@@ -13,6 +13,17 @@
--foreground: #d8dee9;
}
body {
--background: #fff;
--foreground: #333;
}
@media (prefers-color-scheme: dark) {
body {
--background: #2e3440;
--foreground: #d8dee9;
}
}
html,
body {