Skip to content

Fix built-in shadows in empty state dashboard SVGs

Chad Lavimoniere requested to merge 20240415-cl-svg-shadows-empty-state into master

What does this MR do and why?

The built-in shadows in the SVGs on the empty state dashboard a user sees when they have 0 projects were a solid color, causing an unexpected appearance in dark mode. Other SVGs in the same directory had the right solution for this (reduced opacity black fill instead).

MR acceptance checklist

Please evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.

Screenshots or screen recordings

Mode Before After
Light image image
Dark
(Note: the Create a group SVG already did this correctly, hence it's not changed from Before to After)		 image image

How to set up and validate locally

  1. Check out this MR
  2. Create a new user in the GDK or impersonate an existing user that has 0 projects
  3. Turn on dark mode for the user
  4. You will see that the "Welcome to GitLab" empty state dashboard does not have unexpected light shadows under the SVGs

(Related: #444717)

Edited by Chad Lavimoniere

Merge request reports