diff --git a/static/themes/_list.json b/static/themes/_list.json index ec9f1d87a..6b4e7e5fa 100644 --- a/static/themes/_list.json +++ b/static/themes/_list.json @@ -603,5 +603,10 @@ "name": "soaring_skies", "bgColor": "#fdeedd", "textColor": "#1e107a" + }, + { + "name": "sewing_tin_light", + "bgColor": "#ffffff", + "textColor": "#2d2076" } ] diff --git a/static/themes/sewing_tin_light.css b/static/themes/sewing_tin_light.css new file mode 100644 index 000000000..933fbdf86 --- /dev/null +++ b/static/themes/sewing_tin_light.css @@ -0,0 +1,41 @@ +:root { + --bg-color: #ffffff; + --main-color: #2d2076; + --caret-color: #fbdb8c; + --sub-color: #385eca; + --text-color: #2d2076; + --error-color: #f2ce83; + --error-extra-color: #f2ce83; + --colorful-error-color: #f2ce83; + --colorful-error-extra-color: #f2ce83; +} + +#menu .icon-button { + color: #f2ce83; +} + +#menu .icon-button:hover { + color: #c6915e; +} + +#top .logo .text { + background-color: #ffffff; /* fallback */ + background: -webkit-linear-gradient( + #2d2076, + #2d2076 25%, + #2e3395 25%, + #2e3395 50%, + #3049ba 50%, + #3049ba 75%, + #385eca 75%, + #385eca + ); + background-clip: text; + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; +} + +#top .logo .text .top { + /* prevent it from being transparent */ + -webkit-text-fill-color: #385eca; +}