These changes (tested in userContent.css) seems to take care of the accessibility issue for me. It also looks reasonable cosmetically.
Code: Select all
@-moz-document url-prefix("moz-extension://<your unique ID for NoScript>/") {
html:not(.mobile) tr.site:hover {
background: #9df !important;
}
html:not(.mobile) :focus {
--focus-box-shadow-color: #e5f9;
box-shadow: inset 3px 3px 3px var(--focus-box-shadow-color), -3px -3px 3px var(--focus-box-shadow-color),
-3px 3px 3px var(--focus-box-shadow-color), 3px -3px 3px var(--focus-box-shadow-color) !important;
}
.site .url[data-key="domain"] .domain,
.site .url[data-key="host"] .domain,
.site .url[data-key="host"] .sub,
.site .url[data-key="unsafe"] span {
color: #b50000 !important;
}
}