From 3cbf0bda4c7ace54579058ad83e525c9df6d48c2 Mon Sep 17 00:00:00 2001 From: Christian Fehmer Date: Fri, 5 Apr 2024 13:09:51 +0200 Subject: [PATCH] feat: add incognito theme (fehmer) (#5272) * feat: add incognito theme * fix p and t being cut at the bottom --- frontend/static/themes/_list.json | 7 +++++++ frontend/static/themes/incognito.css | 31 ++++++++++++++++++++++++++++ 2 files changed, 38 insertions(+) create mode 100644 frontend/static/themes/incognito.css diff --git a/frontend/static/themes/_list.json b/frontend/static/themes/_list.json index 4be81f3a48dc..126acffd1f81 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 000000000000..0249d0726d1e --- /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; +}