-
-
Notifications
You must be signed in to change notification settings - Fork 8
Description
I've been poking around with custom CSS colors for a bit, and I discovered pretty quickly that while most attributes recolor pretty nicely when overriding --immich-ui-X
, the switch, scrollbar, and Immich logo are some notable exceptions. I understand why the Immich logo wouldn't (though it totally throws off my color scheme when it doesn't...), but the switch and scrollbar should.
I recommend the following changes based on my experimentation:
Switch (L45-L47)
default: 'bg-gray-300 dark:bg-gray-400',
- primary: 'bg-primary/50 dark:bg-primary',
+ primary: 'bg-primary/50',
secondary: 'bg-dark/50',
default: 'bg-gray-400 dark:bg-gray-500',
- primary: 'bg-[#4250af]',
+ primary: 'bg-primary',
secondary: 'bg-dark',
For Scrollable, I'm not entirely sure how to fix it; I tried setting background: 'bg-primary'
but that didn't work; the only way I got it to work was with rgb(var(--immich-ui-primary))
. I don't quite know enough about Svelte/Tailwind to fix it properly unfortunately. However, it should probably just use the primary color, however that would work
I'm not sure where else this might be an issue, these are just the ones I found.