skeleton loaders sometimes not visible

Problem

We have hardcoded greys defined for skeleton loaders. On syntax themes other than white this doesn't always look great.

example with Solarized Light theme:

Proposal

We could:

• define for each syntax theme
• use some kind of rgba() background color
• computed darken/lighten from the background color

Further information

Current docs:

The pulse animation transitions color horizontally from left to right, starting with #f2f2f2 to #fafafa.

from https://gitlab-org.gitlab.io/design.gitlab.com/components/skeleton-loader/

Solution

Defining the colors per syntax theme