This is a possible user macro:
## Macro title: Live Search Colored
## Macro has a body: N
## Developed by: Dominic
## Date created: 05/12/2019
## Installed by: Dominic
## This is an example macro
## @param Color:title=Color|type=string|default=red|desc=Color by name or by HEX
<ac:structured-macro ac:name="livesearch" ac:schema-version="1" ac:macro-id="842a4a89-897c-419a-b917-b84087bd1281">
<ac:parameter ac:name="placeholder">Live search</ac:parameter>
var input = document.getElementById("livesearchmacro").getElementsByClassName("text")
input.style.backgroundColor = "$paramColor"
Hope this helps. Let me know, when you have further questions
I dont know why i am not able to see user macro :-( in confluence. Version which i am using is 6.13.6. For now i hacked it a bit like this using div style
<div style="vertical-align: top;width: 280.0px;border-radius: 5.0px;background-color: rgb(236,237,240);">
<ac:structured-macro ac:macro-id="0b124fdb-5328-4c1c-878b-0c931f1c721f" ac:name="livesearch" ac:schema-version="1">
It’s been great to hear from fellow users over the last few weeks about the best tips and fun moments you’ve had working on Confluence since the transition to working remote. I’d love to keep the c...
Connect with like-minded Atlassian users at free events near you!Find an event
Connect with like-minded Atlassian users at free events near you!
Unfortunately there are no Community Events near you at the moment.Host an event
You're one step closer to meeting fellow Atlassian users at your local event. Learn more about Community Events