I want to create layouts with a colored bar at top as shown in the example images below, in this example we can see the color coming on caret as well. How can we do that? Also please explain how both designs can be created?