grafana

IntenseWebs/grafana

Fork 0

mirror of https://github.com/grafana/grafana.git synced 2026-08-03 01:59:35 -05:00

Files

T

History

Lohit Kolluriandjoshhunt f9ecf7026a GrafanaUI: Use opaque border tokens to prevent modal color bleeding (#125797 )

* fix(border): Use opaque border tokens to prevent modal color bleeding

Replace semi-transparent rgba border tokens with fully opaque blended
values to avoid visible background bleeding when cards/modals appear
over bright content.

Dark theme border tokens (blended over elevated bg #22252b):
- weak: rgba(204,204,220,0.12) → rgb(54,57,64) (#363940)
- medium: rgba(204,204,220,0.20) → rgb(68,70,78) (#44464e)
- strong: rgba(204,204,220,0.30) → rgb(85,87,96) (#555760)

Light theme border tokens (blended over white #ffffff):
- weak: rgba(36,41,46,0.12) → rgb(229,229,230) (#e5e5e6)
- medium: rgba(36,41,46,0.30) → rgb(189,191,192) (#bdbfc0)
- strong: rgba(36,41,46,0.40) → rgb(167,169,171) (#a7a9ab)

Closes #102190
Signed-off-by: Lohit Kolluri <lohitkolluri@gmail.com>

* commit generated theme file

* test(stackdriver): update snapshot after opaque border tokens

Signed-off-by: Lohit Kolluri <lohitkolluri@gmail.com>

---------

Signed-off-by: Lohit Kolluri <lohitkolluri@gmail.com>
Co-authored-by: joshhunt <josh.hunt@grafana.com>

2026-06-08 19:33:44 +01:00

base

Chore: migrate _grid SCSS styles to emotion globals (#92986 )

2024-09-05 16:39:12 +01:00

_angular.scss

Security: Remove unused Bootstrap v2.3.2 vendor files (#114339 )

2026-01-08 15:23:32 +00:00

_grafana.scss

Chore: migrate _grid SCSS styles to emotion globals (#92986 )

2024-09-05 16:39:12 +01:00

_variables.dark.generated.scss

GrafanaUI: Use opaque border tokens to prevent modal color bleeding (#125797 )