monkeytype/public/themes/dots.css

74 lines
1.2 KiB
CSS
Raw Normal View History

:root {
2020-08-12 05:02:25 +08:00
--bg-color: #121520;
--caret-color: #fff;
--main-color: #fff;
--sub-color: #676e8a;
--text-color: #fff;
--error-color: #da3333;
--error-extra-color: #791717;
--colorful-error-color: #da3333;
--colorful-error-extra-color: #791717;
}
2020-07-17 05:54:22 +08:00
#menu {
2020-08-12 05:02:25 +08:00
gap: 0.5rem;
}
#top.focus #menu .icon-button,
#top.focus #menu:before,
2020-07-17 05:54:22 +08:00
#top.focus #menu:after {
2020-08-12 05:02:25 +08:00
background: var(--sub-color);
}
2020-07-17 05:54:22 +08:00
#menu .icon-button {
2020-08-12 05:02:25 +08:00
border-radius: 10rem !important;
color: #121520;
}
2020-05-22 18:51:05 +08:00
/* #menu:before{
content: "";
background: #f94348;
width: 1.25rem;
height: 1.25rem;
padding: .5rem;
border-radius: 10rem;
2020-05-22 18:51:05 +08:00
} */
2020-07-17 05:54:22 +08:00
#menu .icon-button:nth-child(1) {
2020-08-12 05:02:25 +08:00
background: #f94348;
}
2020-07-17 05:54:22 +08:00
#menu .icon-button:nth-child(2) {
2020-08-12 05:02:25 +08:00
background: #9261ff;
}
2020-07-17 05:54:22 +08:00
#menu .icon-button:nth-child(3) {
2020-08-12 05:02:25 +08:00
background: #3cc5f8;
2020-05-22 18:51:05 +08:00
}
2020-07-17 05:54:22 +08:00
#menu .icon-button:nth-child(4) {
2020-08-12 05:02:25 +08:00
background: #4acb8a;
}
2020-07-17 05:54:22 +08:00
#menu .icon-button:nth-child(5) {
2020-08-12 05:02:25 +08:00
background: #ffd543;
2020-05-22 18:51:05 +08:00
}
2020-07-28 23:33:12 +08:00
#menu .icon-button:nth-child(6),
#menu .icon-button:nth-child(7) {
2020-08-12 05:02:25 +08:00
background: #ff9349;
2020-07-17 05:54:22 +08:00
}
/* #menu:after{
2020-05-22 18:51:05 +08:00
content: "";
background: #ff9349;
width: 1.25rem;
height: 1.25rem;
padding: .5rem;
border-radius: 10rem;
2020-07-17 05:54:22 +08:00
} */
2020-07-17 05:54:22 +08:00
#top.focus #menu .icon-button.discord::after {
2020-08-12 05:02:25 +08:00
border-color: transparent;
}