# Customize CSS for UI

**URL:** <https://discuss.hangfire.io/t/customize-css-for-ui/1141>\
**Category:** feature\
**Tags:** dashboard\
**Created:** [July 15, 2015, 12:46pm UTC](https://discuss.hangfire.io/t/customize-css-for-ui/1141 "2015-07-15T12:46:42Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![joshberry](https://dub1.discourse-cdn.com/flex017/user_avatar/discuss.hangfire.io/joshberry/32/307_2.png) [@joshberry](https://discuss.hangfire.io/u/joshberry)\
**Post date:** [July 15, 2015, 12:46pm UTC](https://discuss.hangfire.io/t/customize-css-for-ui/1141/1 "2015-07-15T12:46:43Z")

</div>

Is there a way to use a custom stylesheet for the HangFire UI? I’m embedding HangFire inside another application and would like the look-and-feel to match more closely. It would be cool if you could pass in the path to a CSS file as part of the dashboard options object when making the call to UseHangfireDashboard. If you think that makes sense I’d be happy to take a stab at a PR for it.

Thanks for the great project!

---

<div class="post-metadata">

**Author:** ![odinserj](https://dub1.discourse-cdn.com/flex017/user_avatar/discuss.hangfire.io/odinserj/32/648_2.png) [@odinserj](https://discuss.hangfire.io/u/odinserj)\
**Post date:** [July 27, 2015, 10:46am UTC](https://discuss.hangfire.io/t/customize-css-for-ui/1141/2 "2015-07-27T10:46:52Z")

</div>

Hi @joshberry, why not. I think it should be available through the `DashboardOptions.ExtraCssUrl` option or so. Would you like to create a PR agains the `dev` branch?

---

<div class="post-metadata">

**Author:** ![untit1ed](https://dub1.discourse-cdn.com/flex017/user_avatar/discuss.hangfire.io/untit1ed/32/459_2.png) [@untit1ed](https://discuss.hangfire.io/u/untit1ed)\
**Post date:** [November 18, 2015, 1:18am UTC](https://discuss.hangfire.io/t/customize-css-for-ui/1141/3 "2015-11-18T01:18:14Z")

</div>

I don’t think this option is available in `1.4.5`. Is there a way to customize razor views and styles?

---

<div class="post-metadata">

**Author:** ![wyeack](https://dub1.discourse-cdn.com/flex017/user_avatar/discuss.hangfire.io/wyeack/32/886_2.png) [@wyeack](https://discuss.hangfire.io/u/wyeack)\
**Post date:** [February 27, 2018, 2:34am UTC](https://discuss.hangfire.io/t/customize-css-for-ui/1141/4 "2018-02-27T02:34:10Z")

</div>

Yea - this is still not available in the library - although I do see it in GitHub -

---

<div class="post-metadata">

**Author:** ![Jeff\_Posey](https://dub1.discourse-cdn.com/flex017/user_avatar/discuss.hangfire.io/jeff_posey/32/1892_2.png) [@Jeff\_Posey](https://discuss.hangfire.io/u/Jeff_Posey)\
**Post date:** [March 7, 2018, 5:47pm UTC](https://discuss.hangfire.io/t/customize-css-for-ui/1141/5 "2018-03-07T17:47:36Z")

</div>

I would like to have this as well. I see the PR for this, any reason why it wasn’t completed?

---

<div class="post-metadata">

**Author:** ![mbala](https://dub1.discourse-cdn.com/flex017/user_avatar/discuss.hangfire.io/mbala/32/3099_2.png) [@mbala](https://discuss.hangfire.io/u/mbala)\
**Post date:** [November 10, 2022, 4:11am UTC](https://discuss.hangfire.io/t/customize-css-for-ui/1141/6 "2022-11-10T04:11:56Z")

</div>

Another approach to update the stylesheet is to have a router rewrite rule for `/css*` and redirect it to your stylesheet or copy that stylesheet and add your updated rules accordingly.