The issue is not the
color but the
opacity of the icons. However, there is
no mechanism in the product for a user to change this setting so you have to rely on some type of code injection to make the change through
HTML,
JavaScript or
CSS. It is unlikely to me that QuickBase will make the change themselves in the short term as there are thousands of similar fine grain details that a user might wish to change.
Currently in the file
reports.css:
https://assets.quickbasecdn.net/res/4fde48d-2076/css/themes/classic/reports.cssthe
opacity is set to
.15 and by some mechanism has to be changed to
1.0::
a.EditRecordIcon {
/* full path needed for email*/
background: url("/css/themes/classic/images/icons/icon_pencil_gray.png") no-repeat;
opacity: .15;
}
a.ViewRecordIcon {
/* full path needed for email*/
background: url("/css/themes/classic/images/icons/icon_eye_gray.png") no-repeat;
opacity: .15;
}
There are
many different ways to make this change that differ in
(1) technical details,
(2) the scope of the change, and
(3) the persistence of the change. Here are two fragments of JavaScript that can make the change with and without using jQuery:
$("a.EditRecordIcon, a.ViewRecordIcon").css({opacity: 1});
var icons = document.querySelectorAll("a.EditRecordIcon, a.ViewRecordIcon")
for (var i = 0; i < icons.length; ++i) {
icons.style.opacity = 1;
}
However the change is made, once made you will have to manually maintain the change as further product improvements may make additional changes to the product that might interact with you changes.