Dark mode - DataGrid #197
Description
LumexUI Version
v2.0.0-preview.1
Description
When I finally got dark mode working (thanks btw) I found that the text in property columns, and the column headings on the datagrid is too dark to read in dark mode:
Steps to reproduce
Add a datagrid to a page in dark mode
Mine was pretty basic:
<LumexDataGrid Data="@MyQueryable">
<PropertyColumn Property="@(x => x.Name)"/>
<TemplateColumn>
<LumexLink Href="@($"/path/to/page")">Go</LumexLink>
</TemplateColumn>
</LumexDataGrid>Expected behavior
Text should be readable in dark mode with a high enough contrast for accessibility
Notes
The classes applied to the table cell are:
relative py-2 px-3 align-middle text-small group-data-[disabled=true]:text-foreground-300 group-data-[disabled=true]:cursor-not-allowed outline-hidden focus-visible:z-10 focus-visible:outline-2 focus-visible:outline-focus focus-visible:outline-offset-2 data-[align=start]:text-start data-[align=center]:text-center data-[align=end]:text-end data-[selected=true]:bg-default-100 data-[selected=true]:text-default-foreground first:rounded-s-lg last:rounded-e-lg