add prefs dialog, dark mode

This commit is contained in:
Stewart Allen 2022-01-18 16:34:42 -05:00
commit 536da7acbf
6 changed files with 87 additions and 23 deletions

View file

@ -109,7 +109,7 @@ body, div {
padding: 3px 0 3px 0;
flex-direction: row;
font-family: 'Russo One', sans-serif;
background-color: rgba(255,255,255,0.75);
background-color: rgba(255,255,255,0.55);
}
#top-sep {
@ -168,20 +168,26 @@ button:hover {
position: absolute;
padding: 3px;
bottom: 0;
right: 0;
right: 3px;
top: 0;
gap: 5px;
}
#help {
#top-right > div {
flex-direction: row;
color: #888;
}
#top-right > div:hover {
color: black;
}
#top-settings, #top-help {
flex-direction: column;
justify-content: center;
align-items: center
}
#help:hover {
color: #888;
}
.export {
flex-direction: column;
font-family: monospace;
@ -236,6 +242,8 @@ button:hover {
border-top-right-radius: 4px;
border-bottom: 1px solid gray;
background-color: rgba(0,0,0,0.2);
font-family: 'Russo One', monospace;
font-size: smaller;
justify-content: center;
align-items: center;
}