Styling Controls on a composite background


I am creating a mobil app at the moment where I have a general layout using a transition as a background.

The problem is that when I create the Settings page with several controls - they render on a white box.

Can this be styled much more nice? Using transparency? Or what would you suggest?

I’m kind of stuck here…

Look at my example codepen:

Found the solution to be:

.list, .item {
background: rgba(0,0,0,0.1);
color: #fff;
border-color: rgba(255,255,255,0.2);

This is working for now :slight_smile: check the codepen