Trying to override selection color

[ldijkman]

Hello

in some themes selection is hard to see
mouse selection or search selection

Trying to override selection color

gutter and background i can override color now
but no luck yet with selection color

<script>
  function setcolor(setcolor){
    console.log("setcolor",setcolor);
    editor.container.style.background=setcolor; 
  }

  function setcolorgutterbg(setcolor){
    console.log("setcolor",setcolor); 
    document.querySelector(".ace_gutter").style.background=setcolor;
  }
// selection color change is not working ok
  function setcolorselection(setcolor){
    console.log("setcolor",setcolor); 
    document.querySelector(".ace_marker-layer .ace_selection").style.background=setcolor;
    document.querySelector(".ace_marker-layer .ace_selected-word").style.background=setcolor;
     
  }
</script>

hope someone can help me?!

https://plnkr.co/edit/Digj5Fw7D6hxaTU4

---

https://plnkr.co/edit/Digj5Fw7D6hxaTU4

https://plnkr.co/edit/Digj5Fw7D6hxaTU4

[nightwing]

There are several dom nodes corresponding to selection, and they change when selection changes, so setting style attribute is not possible, use css rule instead.

[ldijkman]

Thank you for your answer
Had no idea what you meant
So searched a bit on css rules
It works now
https://youtu.be/LKHT42LGuDw?si=zZCGCiub9o_UGRaZ