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">
- Create your own custom emoji 🔥 - "Shake for Feedback" on mobile 📱 - An endless supply of GIFs via GIPHY 🤩 Is there anything quite as nice as a pleasant surprise? Comment below with what...
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