monkeytypegame/monkeytype
1
1
Fork 0
mirror of https://github.com/monkeytypegame/monkeytype.git synced 2026-01-07 07:54:04 +08:00
Code Issues Projects Releases Packages Wiki Activity

Adding Moonlight theme (#2180) by Abod1960

Browse source 
* added moonlight theme

inspired by GMK MOONLIGHT

* added moonlight theme
This commit is contained in:
Abdullah Omar 2021-12-18 22:29:25 +04:00 • committed by GitHub
parent 3d41546390
commit b20816d8ed
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 58 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
static/themes/_list.json
View file

@ -638,5 +638,10 @@
"name": "dev",
"bgColor" : "#1b2028",
"textColor":"#23a9d5"
}
},
{
"name": "moonlight",
"bgColor" : "#1f2730",
"textColor":"#c69f68"
}
]

52
static/themes/moonlight.css Normal file
View file

@ -0,0 +1,52 @@
/*inspired by GMK MOONLIGHT*/
:root {
--bg-color: #1f2730;
--main-color: #c69f68;
--caret-color: #8f744b;
--sub-color: #4b5975;
--text-color: #ccccb5;
--error-color: #b81b2c;
--error-extra-color: #84131f;
--colorful-error-color: #b81b2c;
--colorful-error-extra-color: #84131f;
}
#menu {
gap: 0.5rem;
}
#top.focus #menu .icon-button,
#top.focus #menu:before,
#top.focus #menu:after {
background: var(--bg-color);
}
#menu .icon-button {
border-radius: rem !important;
color: #1f2730 !important;
}
#menu .icon-button :hover {
border-radius: rem !important;
color: #4b5975 !important;
transition: .25s;
}
#menu .icon-button:nth-child(1) {
background: #c69f68;
}
#menu .icon-button:nth-child(2) {
background: #c69f68;
}
#menu .icon-button:nth-child(3) {
background: #c69f68;
}
#menu .icon-button:nth-child(4) {
background: #c69f68;
}
#menu .icon-button:nth-child(5) {
background: #c69f68;
}
#menu .icon-button:nth-child(6),
#menu .icon-button:nth-child(7) {
background: #c69f68;
}
#top.focus #menu .icon-button.discord::after {
border-color: transparent;
}