# Defold Gruvbox Theme

**URL:** <https://forum.defold.com/t/defold-gruvbox-theme/82842>\
**Category:** Showcases\
**Created:** [May 24, 2026, 12:53am UTC](https://forum.defold.com/t/defold-gruvbox-theme/82842 "2026-05-24T00:53:06Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![JuLongZhiLu](https://forum-defold.b-cdn.net/user_avatar/forum.defold.com/julongzhilu/32/42720_2.png) [@JuLongZhiLu](https://forum.defold.com/u/JuLongZhiLu)\
**Post date:** [May 24, 2026, 12:53am UTC](https://forum.defold.com/t/defold-gruvbox-theme/82842/1 "2026-05-24T00:53:06Z")

</div>

![image](https://forum-defold-uploads.b-cdn.net/original/3X/c/a/ca8a71de143f60030028e6b68b58236fd6f13478.png)

 ![image](https://forum-defold-uploads.b-cdn.net/original/3X/5/a/5ab9d538f39c49c085737c4d6a081a530221058f.png)

 ![image](https://forum-defold-uploads.b-cdn.net/original/3X/7/2/72441a2b73abbea1323cd537c88c2b6020e6450b.png)

It would be great if the code editor’s colors could be changed as well

Maybe we can add a new “theme” topic in Defold example or add a new “theme” tag in Defold assets

```css
* {
	/* Background */
	-df-background-darker: #1d2021;
	-df-background: #282828;
	-df-background-lightish: #32302f;
	-df-background-light: #3c3836;
	-df-background-lighter: #504945;
	-df-background-input: #32302f;

	/* Components */
	-df-component-darker: #282828;
	-df-component-dark: #3c3836;
	-df-component-light: #504945;
	-df-component-lighter: #665c54;
	-df-component-icon: #928374;

	/* Text */
	-df-text-dark: #7c6f64;
	-df-text: #d4be98;
	-df-text-light: #ebdbb2;
	-df-text-selected: #fbf1c7;

	/* Syntax */
	-df-script-helper: #83a598;
	-df-script-self: #d3869b;
	-df-script-logic: #fe8019;
	-df-script-constant: #d3869b;
	-df-script-function: #b8bb26;
	-df-script-keyword: #fb4934;
	-df-script-operator: #8ec07c;
	-df-script-string: #fabd2f;
	-df-script-comment: #928374;
	-df-script-number: #d79921;
	-df-script-intellisense: #83a598;
}

```

> **[GitHub - JuLongZhiLu/defold-theme](https://github.com/JuLongZhiLu/defold-theme)**
>
> Contribute to JuLongZhiLu/defold-theme development by creating an account on GitHub.

---

<div class="post-metadata">

**Author:** ![JuLongZhiLu](https://forum-defold.b-cdn.net/user_avatar/forum.defold.com/julongzhilu/32/42720_2.png) [@JuLongZhiLu](https://forum.defold.com/u/JuLongZhiLu)\
**Post date:** [May 24, 2026, 2:03am UTC](https://forum.defold.com/t/defold-gruvbox-theme/82842/2 "2026-05-24T02:03:43Z")

</div>

> **[GitHub - chadowo/defold-catppuccin: Catpuccin theme for the Defold editor](https://github.com/chadowo/defold-catppuccin)**
>
> Catpuccin theme for the Defold editor

[https://github.com/yeqwep/Yeqwep\_Defold\_Themes](https://github.com/yeqwep/Yeqwep_Defold_Themes)

* * *

> [@How can I change the editor theme?](https://forum.defold.com/t/how-can-i-change-the-editor-theme/78969/4):
>
> Hello, I’ve tried but it didn’t worked for changing colors in the script editor. I can change the background color, so the CSS is in the correct folder (i was a little puzzled that defold use both ~/.config/defold and ~/.defold (strange but true)). Here is the result: And modifications in the CSS file. For the background, that’s ok: But for the lua script editor, no changes are applied:

---

<div class="post-metadata">

**Author:** ![BlackFlyPress](https://forum-defold.b-cdn.net/user_avatar/forum.defold.com/blackflypress/32/30368_2.png) [@BlackFlyPress](https://forum.defold.com/u/BlackFlyPress)\
**Post date:** [May 24, 2026, 8:03am UTC](https://forum.defold.com/t/defold-gruvbox-theme/82842/3 "2026-05-24T08:03:56Z")

</div>

Oh man! This friggin slaps. Great job. I love me some Gruvbox.

---

<div class="post-metadata">

**Author:** ![JuLongZhiLu](https://forum-defold.b-cdn.net/user_avatar/forum.defold.com/julongzhilu/32/42720_2.png) [@JuLongZhiLu](https://forum.defold.com/u/JuLongZhiLu)\
**Post date:** [May 24, 2026, 9:38am UTC](https://forum.defold.com/t/defold-gruvbox-theme/82842/4 "2026-05-24T09:38:10Z")

</div>

Haha, thank you! Glad you like it.

---

<div class="post-metadata">

**Author:** ![gianmichele](https://forum-defold.b-cdn.net/user_avatar/forum.defold.com/gianmichele/32/24028_2.png) [@gianmichele](https://forum.defold.com/u/gianmichele)\
**Post date:** [May 24, 2026, 2:50pm UTC](https://forum.defold.com/t/defold-gruvbox-theme/82842/5 "2026-05-24T14:50:25Z")

</div>

I second that! I really want to be able to change the code editor theme but also use my own font! Anything different than the default font does not display as expected. Using Jetbrains mono everywhere but Defold 😉