mirror of
https://github.com/monkeytypegame/monkeytype.git
synced 2025-09-14 10:37:21 +08:00
feat: add incognito theme (fehmer) (#5272)
* feat: add incognito theme * fix p and t being cut at the bottom
This commit is contained in:
parent
e37bf192e3
commit
3cbf0bda4c
2 changed files with 38 additions and 0 deletions
|
@ -1202,5 +1202,12 @@
|
|||
"mainColor": "#ffadad",
|
||||
"subColor": "#ff3d8b",
|
||||
"textColor": "#f1deef"
|
||||
},
|
||||
{
|
||||
"name": "incognito",
|
||||
"bgColor": "#0e0e0e",
|
||||
"mainColor": "#ff9900",
|
||||
"subColor": "#2f2f2f",
|
||||
"textColor": "#c6c6c6"
|
||||
}
|
||||
]
|
||||
|
|
31
frontend/static/themes/incognito.css
Normal file
31
frontend/static/themes/incognito.css
Normal file
|
@ -0,0 +1,31 @@
|
|||
:root {
|
||||
--bg-color: #0e0e0e;
|
||||
--main-color: #ff9900;
|
||||
--caret-color: #ff9900;
|
||||
--sub-color: #555555;
|
||||
--sub-alt-color: #151515;
|
||||
--text-color: #c6c6c6;
|
||||
--error-color: #e44545;
|
||||
--error-extra-color: #e44545;
|
||||
--colorful-error-color: #b13535;
|
||||
--colorful-error-extra-color: #b13535;
|
||||
}
|
||||
|
||||
header #logo .text {
|
||||
background: linear-gradient(
|
||||
90deg,
|
||||
var(--text-color) 64%,
|
||||
var(--main-color) 36%
|
||||
);
|
||||
-webkit-background-clip: text;
|
||||
color: transparent;
|
||||
padding-bottom: 0.1em;
|
||||
}
|
||||
|
||||
header #logo .icon svg path {
|
||||
fill: var(--text-color);
|
||||
}
|
||||
|
||||
header #logo .icon {
|
||||
padding-bottom: 0.1em;
|
||||
}
|
Loading…
Add table
Reference in a new issue