Dear Team,
It is possible to make the background color blue lighter? It’s a bit too dark and it’s easy to miss the word you see for the first time.
class=“sentence-item blue-word is-selected”
body.is-dark-theme .dark-highlight-style-2 .reader-container .sentence .blue-word, body.is-dark-theme .dark-highlight-style-0 .reader-container .sentence .blue-word {
background-color: var(–blue-statusNew-d);
Anyway, I tried to change all the backgroud color of these new word, but after running below, the style.backgroundColor will stop the new word from changing color further after making it a lingQ, as it’s CSS is overrided. I tried to MutationObserver its element class but it’s CSS class will also change. Any workaround?
// Select all elements matching the specified selector
var elements = document.querySelectorAll(‘body.is-dark-theme .dark-highlight-style-2 .reader-container .sentence .blue-word, body.is-dark-theme .dark-highlight-style-0 .reader-container .sentence .blue-word’);
// Loop through each element and apply the changes
elements.forEach(function(element) {
element.style.backgroundColor = ‘rgb(48, 89, 141)’;
});