Chrome started behaving oddly with the Bootstrap class .bs-gradient, randomly changing the gradient to color breaks of black, lightblue, darkblue, and more:
https://i.sstatic.net/BGabA.png
This is the code for one of those boxes:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="b4d6dbdbc0c7c0c6d5c4f4819a859a84">[email protected]</a>/dist/css/bootstrap.min.css" integrity="sha384-KyZXEAg3QhqLMpG8r+8fhAXLRk2vvoC2f3B09zVXn8CA5QIVfZOJ3BCsw2P0p/We" crossorigin="anonymous">
<div class="col clickable">
<div class="click_left"></div>
<div class="click_right"></div>
<div class="card bg-primary bg-gradient">
<div class="card-body">
<div class="stock_item">
<div class="stock_name row">
<div class="col">
T-Shirt Motiv Zirkuskind Blau 140
</div>
</div>
<div class="stock_qty row">
<div class="col-4">
<button type="button" class="btn btn-danger">
<i class="bi bi-dash-lg"></i>
</button>
</div>
<div class="col-4 qtydiv">
<div class="qtyfield" data-id="">
10
</div>
</div>
<div class="col-4">
<button type="button" class="btn btn-success">
<i class="bi bi-plus-lg"></i>
</button>
</div>
</div>
</div>
</div>
</div>
</div>All other browsers and even Chrome on my phone display it normally. Here are the properties assigned by Bootstrap 5 to the classes "bs-primary", "bs-gradient", and "card":