roam-css-system icon indicating copy to clipboard operation
roam-css-system copied to clipboard

Adding support for search term highlight colour

Open mil-ad opened this issue 3 years ago • 3 comments

It'd be great if you could add a variable for the search term highlight colors that shows up in find menu/popup.

The CSS path below works but there's probably a more robust one:

.rm-find-or-create-wrapper .rm-menu-item .rm-search-list-item span span {
    background-color: #427b58 !important
}

mil-ad avatar Sep 03 '22 17:09 mil-ad

There is a variable for it:

:root {
   --span--highlighted: #427b58 !important
}

rcvd avatar Sep 03 '22 17:09 rcvd

My Roam CSS System is now available as a plugin called Roam Studio via Roam Depot. Take a look if you haven't - it is way more polished than this.

rcvd avatar Sep 03 '22 17:09 rcvd

Thanks for pointing me to the new repo! I'm trying to create my own theme using your variables and it's useful to look at your CSS selectors. Thanks for putting in the work.

mil-ad avatar Sep 03 '22 18:09 mil-ad