mirror/bugsink
1
0
Fork 0
mirror of https://github.com/bugsink/bugsink.git synced 2026-01-05 12:50:17 -06:00
Code Issues Packages Projects Releases Wiki Activity

Dark mode: 'yellow' bar less ugly

Browse Source 
my chatbot tells me it felt ugly because

>  bg-yellow-900 [..] is a very saturated, reddish mustard — almost
>  brown-orange. That’s why it feels so jarring in dark mode: it's too warm,
>  too saturated, and clashes with a cool-dark UI. [..] Try bg-amber-800
>  instead. Tailwind's amber palette is warmer and more muted than yellow,
>  designed to fit better in dark UIs.

No idea if the reasoning is sound, but it "looks good" so I'm pushing ahead.
This commit is contained in:
Klaas van Schelven
2025-07-07 16:41:00 +02:00
parent 3baedcaab9
commit 4e83a42f39
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
theme/static/css/dist/styles.css vendored
View File

File diff suppressed because one or more lines are too long

4
theme/templates/base.html
View File

@@ -60,7 +60,7 @@
</div>
{% for system_warning in system_warnings %}
<div class="flex p-4 bg-yellow-100 dark:bg-yellow-900 border-b-2 border-yellow-200 dark:border-yellow-700">
<div class="flex p-4 bg-yellow-100 dark:bg-amber-800 border-b-2 border-yellow-200 dark:border-amber-900">
<div class="text-slate-800 dark:text-slate-100">
{{ system_warning.message }}
</div>
@@ -71,7 +71,7 @@
{% endfor %}
{% comment %} {# for use when we introduce a notification system #}
<div class="flex p-4 bg-yellow-100 dark:bg-yellow-900 border-b-2 border-yellow-200 dark:border-yellow-700">
<div class="flex p-4 bg-yellow-100 dark:bg-amber-800 border-b-2 border-yellow-200 dark:border-yellow-700">
<div>
Foo bar baz
</div>