Last Updated: 14 Feb 2019 14:49 by ADMIN
Created on: 06 Feb 2019 08:31
Category: UI for ASP.NET MVC
Type: Bug Report
Styling for Blue Opal Theme has changed in latest Release


I notice that some of the styling has changed for the Blue Opal theme in the latest release (2019 R1), notably the background colour of the selected page on the grid and the already selected items on a Drop Down List have gone from dark blue to a bright blue (see attached screenshots from

Is this by design or by mistake?

Particularly on the drop down list, this change makes it more difficult to identify the already selected items.

Can this go back to what it used to be - or is there a way of manually changing this setting via the site.css?






1 comment
Ivan Danchev
Posted on: 07 Feb 2019 09:36
Hi Kevin,

Thank you for reporting this issue. We logged it for fixing. I made this thread visible in our Feedback Portal, which will allow you to track the progress with fixing the bug through the thread status.

You can use the following CSS rules as a workaround until an official fix becomes available:

.k-list>.k-state-selected {
  background-color: #13688c;
  border-color: #146b90 !important;
  box-shadow: inset 0 0 3px 1px #0e4a64 !important;
.k-list>.k-state-hover {
  background-color: #7bd2f6;

Grid pager:
.k-pager-numbers .k-state-selected {
  color: #fff;
  background-color: #13688c;
  border-color: #146b90;

I updated your Telerik points for reporting this bug.

Ivan Danchev
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.