# Change DateTimeInput css style in theme folder

**URL:** <https://forum.inductiveautomation.com/t/change-datetimeinput-css-style-in-theme-folder/79349>\
**Category:** Ignition\
**Tags:** ignition81, perspective\
**Created:** [September 19, 2023, 3:28pm UTC](https://forum.inductiveautomation.com/t/change-datetimeinput-css-style-in-theme-folder/79349 "2023-09-19T15:28:58Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![flavien](https://avatars.discourse-cdn.com/v4/letter/f/f475e1/32.png) [@flavien](https://forum.inductiveautomation.com/u/flavien)\
**Post date:** [September 19, 2023, 3:28pm UTC](https://forum.inductiveautomation.com/t/change-datetimeinput-css-style-in-theme-folder/79349/1 "2023-09-19T15:28:58Z")

</div>

Hi,

How can I change the background of datetimeinput popup below in my own theme's folder ?  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/9/f/9f9b7469cd8119417d5bd43c882de27dd67666c6.png)

---

<div class="post-metadata">

**Author:** ![flavien](https://avatars.discourse-cdn.com/v4/letter/f/f475e1/32.png) [@flavien](https://forum.inductiveautomation.com/u/flavien)\
**Post date:** [September 22, 2023, 10:59am UTC](https://forum.inductiveautomation.com/t/change-datetimeinput-css-style-in-theme-folder/79349/2 "2023-09-22T10:59:03Z")

</div>

I've changed background in mytheme/common/date-range-picker.css.  
A part of the background still black. In which file I can change it ?  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/f/9/f9e81ea2f35572bf1f64c160bcb1e65eeecd6cc9.png)

---

<div class="post-metadata">

**Author:** ![flavien](https://avatars.discourse-cdn.com/v4/letter/f/f475e1/32.png) [@flavien](https://forum.inductiveautomation.com/u/flavien)\
**Post date:** [September 22, 2023, 2:30pm UTC](https://forum.inductiveautomation.com/t/change-datetimeinput-css-style-in-theme-folder/79349/3 "2023-09-22T14:30:16Z")

</div>

I'm interested in a document which describe how I can change all components property with CSS.

Thanks

---

<div class="post-metadata">

**Author:** ![pturmel](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pturmel/32/3295_2.png) [@pturmel](https://forum.inductiveautomation.com/u/pturmel)\
**Post date:** [September 22, 2023, 2:33pm UTC](https://forum.inductiveautomation.com/t/change-datetimeinput-css-style-in-theme-folder/79349/4 "2023-09-22T14:33:09Z")

</div>

CSS doesn't change component properties. CSS applies to the visual appearance of components on the browser side, without any actual changes to the objects. You change object classes and/or direct styles to change what parts of your CSS apply to the given object, not the other direction.

CSS itself is a web standard from W3C and browser makers.

---

<div class="post-metadata">

**Author:** ![pascal.fragnoud](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pascal.fragnoud/32/24728_2.png) [@pascal.fragnoud](https://forum.inductiveautomation.com/u/pascal.fragnoud)\
**Post date:** [September 22, 2023, 5:03pm UTC](https://forum.inductiveautomation.com/t/change-datetimeinput-css-style-in-theme-folder/79349/5 "2023-09-22T17:03:51Z")

</div>

Press ctrl+shift+i in your browser to open the dev tools.  
With it you can inspect elements on the page to find their classes and ids.  
Then use those classes and ids to target whatever you want to change with css.

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/d/7/d7a07a5c38b0943fff364c66c9c49a2e18c6a527.png)

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/b/c/bc2f1c9a5bae0c1933cf7a1fabfcbdf14ae37afe.png)

edit: yes, I know, dark theme bad