Skip to content

i18n tracker is not accessible when dark mode is activated on system #2284

@trueberryless

Description

@trueberryless

Describe the bug

When having dark mode enabled on the operating system, the i18n tracker uses the prefers-color-scheme: dark variants which are defined here:

@media (prefers-color-scheme: dark) {
:root {
/* Dark theme colors */
--ln-color-white: #030712;
--ln-color-gray-1: #374151;
--ln-color-gray-2: #4b5563;
--ln-color-gray-3: #6b7280;
--ln-color-gray-4: #9ca3af;
--ln-color-gray-5: #d1d5db;
--ln-color-gray-6: #e5e7eb;
--ln-color-gray-7: #f3f4f6;
--ln-color-black: #f9fafb;
--ln-color-blue: #60a5fa;
--ln-color-orange: #fb923c;
--ln-color-purple: #c084fc;
}
}

As the website is already in dark mode for "normal" light mode usage, I think that this block should be removed to always have accessible text colors in contrast to the background.

I think this is a good first issue 🐆

Additional context

No response

Logs

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No fields configured for Bug.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions