# Change jupyter lab css values from within?

**URL:** <https://discourse.jupyter.org/t/change-jupyter-lab-css-values-from-within/17254>\
**Category:** JupyterLab\
**Tags:** jupyterlab, how-to, help-wanted\
**Created:** [December 17, 2022, 1:50am UTC](https://discourse.jupyter.org/t/change-jupyter-lab-css-values-from-within/17254 "2022-12-17T01:50:53Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Shahbaz](https://yyz1.discourse-cdn.com/flex031/user_avatar/discourse.jupyter.org/shahbaz/32/2502_2.png) [@Shahbaz](https://discourse.jupyter.org/u/Shahbaz)\
**Post date:** [December 17, 2022, 1:50am UTC](https://discourse.jupyter.org/t/change-jupyter-lab-css-values-from-within/17254/1 "2022-12-17T01:50:54Z")

</div>

I’d eventually like to develop some JL themes, but first I just want to experiment with changing colors or fonts of a few items.

Is there a way I can change, the background color of a code cell from within jupyterlab? Perhaps a way I can run a javascript snippet which let’s me get at css values in the window and change them?

I know this can be done via the browser console or the developer tools window, but I’d like to do this from within jupyter lab.

---

<div class="post-metadata">

**Author:** ![bollwyvl](https://yyz1.discourse-cdn.com/flex031/user_avatar/discourse.jupyter.org/bollwyvl/32/904_2.png) [@bollwyvl](https://discourse.jupyter.org/u/bollwyvl)\
**Post date:** [December 17, 2022, 2:13am UTC](https://discourse.jupyter.org/t/change-jupyter-lab-css-values-from-within/17254/2 "2022-12-17T02:13:26Z")

</div>

An `%%html` cell in a notebook (or console) will do the trick:

```auto
%%html
<style>
:root {
  --jp-layout-color1: red;
}
</style>

```

There’s also [jupyterlab-fonts](https://github.com/deathbeds/jupyterlab-fonts), which is abused extensively in [jupyterlab-deck](https://github.com/deathbeds/jupyterlab-deck).