ryan/Notes
1
0
Fork 0
Code Issues 2 Pull Requests Packages Projects Releases Wiki Activity

early dark mode support using #dark

Browse Source
This commit is contained in:
Ryan Peters 2022-12-02 21:38:05 -05:00
parent 7dc7c10f61
commit 596065b7c8
2 changed files with 14 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
wwwroot/css/site.css
View File

@ -1,7 +1,7 @@
html { html {
font-size: 14px; font-size: 14px;
height: 100%; height: 100%;
font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
} }
@media (min-width: 768px) { @media (min-width: 768px) {
@ -35,6 +35,11 @@ textarea {
border-width: 0; border-width: 0;
} }
textarea.dark {
background-color: #222;
color: #ddd;
}
#saved-indicator { #saved-indicator {
position: fixed; position: fixed;
bottom: -40px; bottom: -40px;
@ -47,6 +52,6 @@ textarea {
transition: bottom 0.2s; transition: bottom 0.2s;
} }
#saved-indicator.show { #saved-indicator.show {
bottom: 0; bottom: 0;
} }

5
wwwroot/js/site.js
View File

@ -22,6 +22,11 @@
$(function () { $(function () {
// set dark mode
if (window.location.hash == '#dark') {
$('textarea').addClass('dark');
}
var timer = null; var timer = null;
let ignoredKeyCodes = [17, 18, 20, 27, 37, 38, 39, 40, 91]; let ignoredKeyCodes = [17, 18, 20, 27, 37, 38, 39, 40, 91];