Overhauled the complete user interface
This commit is contained in:
parent
5fefee2282
commit
7fa405a957
11 changed files with 229 additions and 173 deletions
25
static/css/simple-keyboard_custom.css
Normal file
25
static/css/simple-keyboard_custom.css
Normal file
|
@ -0,0 +1,25 @@
|
|||
.simple-keyboard.darkTheme.numeric {
|
||||
width: 13rem;
|
||||
}
|
||||
.simple-keyboard.darkTheme {
|
||||
width: 50rem;
|
||||
max-width: 100%;
|
||||
background: transparent;
|
||||
font-family: "Inter";
|
||||
font-size: 16px;
|
||||
}
|
||||
.simple-keyboard.darkTheme .hg-button {
|
||||
height: 50px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background: var(--bg-color);
|
||||
color: white;
|
||||
border: 1px solid var(--border-color);
|
||||
border-radius: var(--border-radius);
|
||||
}
|
||||
.simple-keyboard.darkTheme .hg-button:active,
|
||||
.simple-keyboard.darkTheme .hg-button:hover {
|
||||
color: white;
|
||||
background: var(--bg-hover-color);
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue