Some minor color issues

[rumpff]

Support guidelines

• I've read the support guidelines

I've found a bug and checked that ...

• ... the documentation does not mention anything about my problem
• ... there are no open or closed issues that are related to my problem
• ... it's definitely a Firefly III issue, not me

Description

I have found a few theme specific color issues, for each of them the system theme was set to dark

Debug information

Debug information generated at 2024-03-03 05:57:41 for Firefly III version v6.1.9.

System information
Item	Value
Firefly III	6.1.9 / v2.0.12 / 22 (exp. 22)
PHP version	8.3.2 / apache2handler / Linux
BCscale	12
Error reporting	Display: Off, reporting: ALL errors
Max upload	67108864 (64 MB)
Database drivers	*mysql*, pgsql, sqlite,
Docker build	#957, base #79

Firefly III information
Item	Value
Timezone	Europe/Amsterdam + Europe/Amsterdam
App environment	local, debug: false
Layout	v1
Logging	notice, stack / (empty)
Cache driver	file
Default language and locale	en_US + equal
Trusted proxies	**
Login provider & user guard	eloquent / web
Login headers	N/A + N/A
Stateful domains
Last cron job	never (never)
Mailer	log

User-specific information
Item	Value
User	#1 of 1
User flags	🔧 📑 📧
Session start	2024-03-01 00:00:00
Session end	2024-03-31 23:59:59
View range	1M
User language	en_US
User locale	en_US
Locale(s) supported	en_US.utf8: ✅ en_US.UTF-8: ✅
User agent	Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:123.0) Gecko/20100101 Firefox/123.0

Expected behaviour

1: (Dark mode) In options \ preferences the fiscal year calendar icon has a white border, while the date picker (and every other button) does not

potiential fix: use same color as the date selection #272c30

2: (Dark mode) In options \ administration the Clear cache button text has very bad contrast with the yellow button

potiential fix: use pure white for the text

3: (Dark mode) In options \ preferences if you hover over the selected tab title it dims down instead of every tab instead of the selected tab like in light mode, also the color makes it difficult to read due to the contrast

potiential fix: Use same hover behaviour like in light mode, and change the color to a brighter color. for example #717478 (this is the old unhovered color with the same brightness difference (33%) as used in the light mode)

4: (Dark mode) Larger dividers, like the ones in bills, classification \ groups, options \ currencies, options \ profile \ oauth, are bright white

potiential fix: Use the same color as the other thinner borders #353c42

5: (Dark mode) The color of trash buttons icon clashes with the red button

potiential fix: Change icon color to pure white

6: (Dark mode) The borders in options \ preferences are bright white

potiential fix: Change color to universal border color #353c42

7: (Light mode) When the system theme is in dark mode, but firefly is set to light mode checkboxes and tickboxes still have a dark background

potiential fix: Use light background

Steps to reproduce

No response

Additional info

No response

[JC5]

Nice, thanks. Any CSS tips for the check boxes are welcome, I have not yet been able to make them consistently light.

[rumpff]

it might be easier to make a custom checkbox instead of relying on the broswer's native checkbox/tickbox

[JC5]

Maybe in the new layout then 😀