Skip to content

Alert component has slightly different text colors in dark mode #14829

Description

@helloDanuk

Bug description

If you take a look at https://ui.statamic.dev/?path=/docs/components-alert--docs&globals=theme:dark you see slightly different text-colors, depends if you choose <Description> or <p>-Tags.

Success: One has emerald-300 the other emerald-200.
Error and default variants are different too.

Warning variant has amber-200 for <Description> and <p>-Tags.

You can see the difference for emerald in the screenshot from the ui-page.

How to reproduce

Image

Logs

Environment

Debug Mode: ENABLED
Maintenance Mode: OFF
Timezone: UTC
Locale: de_CH

Cache
Config: NOT CACHED
Events: NOT CACHED
Routes: NOT CACHED
Views: CACHED

Drivers
Broadcasting: log
Cache: file
Database: sqlite
Logs: stack / single
Mail: log
Queue: background
Session: file

Storage
public/storage: NOT LINKED

Statamic
Addons: 4
License Key: Not set
Sites: 1
Stache Watcher: Enabled (auto)
Static Caching: Disabled
Version: 6.21.0 PRO

Statamic Addons
daun/statamic-original-filename: 1.1.1
mitydigital/statamic-llms-txt: 1.0.0
statamic/seo-pro: 7.11.0
swiftmade/statamic-clear-assets: 3.4.0

Installation

Fresh statamic/statamic site via CLI

Additional details

No response

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions