color and backgroundColor property applies to content element GridLayout

[mehulcs]

I'm using PullToFresh to wrap GridLayout, Setting color and backgroundColor property, It also applies to GridLayout and its children. My project is Nativescript Vue on android.

[Whip]

I don't know if my problem is related or not. When I use PullToRefresh, the labels disappear. I have to specifically apply text color on each label otherwise they are not visible. It of course works fine if I remove PullToRefresh wrapper.

<PullRefresh:PullToRefresh refresh="refreshList">
	<ListView items="{{ orders }}" itemTap="orderTap">
		<ListView.itemTemplate>
			<StackLayout class="-separator">
				<Label text="{{ product }}" class="font-weight-bold" fontSize="18" /> <!-- not visible -->
				<Label text="{{ sr_no }}" class="text-muted" marginTop="-10" /> <!-- visible because the class has color defined -->
			</StackLayout>
		</ListView.itemTemplate>
	</ListView>
</PullRefresh:PullToRefresh>