Defold Gruvbox Theme

Showcases
1

image
image1920×1049 185 KB

image
image1920×1051 116 KB

image
image1252×879 38.7 KB

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

* {
	/* 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;
}
6 Likes
2
3 Likes
3

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

2 Likes
4

Haha, thank you! Glad you like it.

2 Likes
5

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 :wink:

2 Likes