Applying the .adaptive-color-scheme to body of tables.html and lists-cards.html has negative UI effects relative to version 6.3 behavior. The striped portions of table and background of cards are not what they had been.
Examples by just adding .adaptive-color-scheme to body:
https://sundaydubs.com/tables.html
https://sundaydubs.com/lists-cards.html
Hello,
Thanks for mentioning this and Apologies for the Inconveniences caused!
This was avoided for Bootstrap related Components to avoid CSS duplicates. Dark Scheme styling is already available for Bootstrap Components. For Tables, simply adding .table-dark Class to the .table Element will work fine. Example:
<table class="table table-dark">For the Lists, adding .bg-dark to the .list-group Element and .text-light Class to the .list-group-item Elements will work fine. Example:
<ul class="list-group bg-dark">
<li class="list-group-item text-light">Cras justo odio</li>
<li class="list-group-item text-light">Dapibus ac facilisis in</li>
<li class="list-group-item text-light">Morbi leo risus</li>
<li class="list-group-item text-light">Porta ac consectetur ac</li>
<li class="list-group-item text-light">Vestibulum at eros</li>
</ul>However, we do completely understand that you are trying to use this using Adaptive Color Scheme and manually adding the classes is not an option. So we will work on a JS functionality which will allow for adding these Classes when the Color Scheme of the system is changed. We will provide you with a possible solution for this shortly. Thanks for your Patience.
Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard