Inconsistent color application for 'Selected item' and 'Selected item background' while customizing VMware Cloud Director portal using Branding API

Products

• VMware Cloud Director

Issue/Introduction

• This article highlights an issue which occurs when configuring the 'Selected item' color and 'Selected item background' color, as these settings fail to display correctly for Level 3 items. Meanwhile, the 'Item hover background' color remains unaffected.
• To reproduce the issue:
1. Login to the VCD Provider portal.
2. Go to More > Customize Portal.
3. Navigate to the Themes tab and select a theme
4. Under the Colors tab, modify the 'selected item' color and 'selected item background' color.
• For example, in Screenshot-1, the 'Selected item' color and 'Selected item background' color are set as desired. However, as shown in Screenshot-2, the CSS responsible for these changes behaves inconsistently when applied to Level 3 list items and works correctly for Level 1 and Level 2.

Screenshot-1:

Screenshot-2:

 

Environment

VMware Cloud Director 10.6.0

VMware Cloud Director 10.6.0.1

Cause

This is identified as a cosmetic bug in VMware Cloud Director 10.6.0 and 10.6.0.1.

Resolution

• There is no workaround for this issue as of now and it is planned to be addressed in the upcoming VCD 10.6.1 release.
• The fix will ensure that the selected item color and selected item background color apply uniformly across all list levels including Level 3.