diff options
| author | Christian Fehmer <[email protected]> | 2024-04-05 13:09:51 +0200 |
|---|---|---|
| committer | GitHub <[email protected]> | 2024-04-05 13:09:51 +0200 |
| commit | 3cbf0bda4c7ace54579058ad83e525c9df6d48c2 (patch) | |
| tree | 9d01969588cbd74539339ce90b45320a7b52ff36 | |
| parent | e37bf192e332220643b85c62fd8da5fa7789a956 (diff) | |
| download | monkeytype-3cbf0bda4c7ace54579058ad83e525c9df6d48c2.tar.gz monkeytype-3cbf0bda4c7ace54579058ad83e525c9df6d48c2.zip | |
feat: add incognito theme (fehmer) (#5272)
* feat: add incognito theme
* fix p and t being cut at the bottom
| -rw-r--r-- | frontend/static/themes/_list.json | 7 | ||||
| -rw-r--r-- | frontend/static/themes/incognito.css | 31 |
2 files changed, 38 insertions, 0 deletions
diff --git a/frontend/static/themes/_list.json b/frontend/static/themes/_list.json index 4be81f3a4..126acffd1 100644 --- a/frontend/static/themes/_list.json +++ b/frontend/static/themes/_list.json @@ -1202,5 +1202,12 @@ "mainColor": "#ffadad", "subColor": "#ff3d8b", "textColor": "#f1deef" + }, + { + "name": "incognito", + "bgColor": "#0e0e0e", + "mainColor": "#ff9900", + "subColor": "#2f2f2f", + "textColor": "#c6c6c6" } ] diff --git a/frontend/static/themes/incognito.css b/frontend/static/themes/incognito.css new file mode 100644 index 000000000..0249d0726 --- /dev/null +++ b/frontend/static/themes/incognito.css @@ -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; +} |