add prefs dialog, dark mode
This commit is contained in:
parent
853816e921
commit
536da7acbf
6 changed files with 87 additions and 23 deletions
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue