Skip to content

Switch & Scrollbar don't recolor based on Immich UI Variables #202

@clari7744

Description

@clari7744

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',

Switch (L64-L66)

	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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions