Dialogflow CX - Background Color Customization - Input Box Wrapper

[Brandon-TAICF]

I'm having a hard time changing the background color of the default  User Input Box Wrapper. Through the dev elements, I've identified this as the "Input Box Wrapper", but I've been unable to adjust the color of just this specific part of the default chatbot. I've tried the following so far: 

--df-messenger-input-box-wrapper-background: #f9f8f1;
--df-messenger-user-input-background: #f9f8f1;
--df-messenger-input-container-background: #f9f8f1;
--df-messenger-primary-color: #f9f8f1;

I'm trying to change this from light blue: 

[xavidop]

can you share the full snippet?

I assumed you saw these docs: https://cloud.google.com/dialogflow/cx/docs/concept/integration/dialogflow-messenger/css