I was thinking perchance we could have more themes, such as a professional dark theme for the GDevelop UI
5 Likes
Agreed. White theme is not good for your eyes.
2 Likes
I know white theme is bad for my eyes, but I’ve been using the forum like this for months now and my brain won’t let me change…
2 Likes
Well everyone, it’s official.
I have swapped to Dark Mode! 
This is way better than light mode now! 
4 Likes
This is about the game editor not the forums gng😭
3 Likes
i have made the theme. i just have no idea how to commit it to GDevelop, so if any contributors would do it for me, then thank you :))
{
"theme": {
"primary": {
"color": {
"value": "#2a68d4"
},
"text-contrast-color": {
"value": "#ffffff"
}
},
"secondary": {
"color": {
"value": "#e6e6e6"
},
"text-contrast-color": {
"value": "#000000"
}
},
"surface": {
"window": {
"background-color": {
"value": "#282828"
}
},
"canvas": {
"background-color": {
"value": "#202020"
}
},
"alternate-canvas": {
"background-color": {
"value": "#303030"
}
},
"alternate-canvas-light": {
"background-color": {
"value": "#545454"
}
}
},
"dialog": {
"background-color": {
"value": "#282828"
},
"separator": {
"color": {
"value": "#3d3d3d"
}
}
},
"swipeable-drawer": {
"top-bar": {
"pill-color": {
"value": "#1d1d1d"
}
}
},
"icon-button": {
"selected": {
"color": {
"value": "#ffffff"
},
"background-color": {
"value": "#2a68d4"
}
}
},
"link": {
"color": {
"value": "#9c73e6"
},
"hover-color": {
"value": "#c9b6fc"
}
},
"switch": {
"default": {
"thumb-color": {
"value": "#e6e6e6"
},
"track-color": {
"value": "#202020"
}
},
"toggled": {
"thumb-color": {
"value": "#ffffff"
},
"track-color": {
"value": "#2a68d4"
}
},
"disabled": {
"thumb-color": {
"value": "#4d4d4d"
},
"track-color": {
"value": "#161616"
}
}
},
"search-bar": {
"default": {
"background-color": {
"value": "#303030"
},
"text-color": {
"value": "#d9d9d9"
}
},
"hovered": {
"border-color": {
"value": "#3d3d3d"
}
},
"focused": {
"text-color": {
"value": "#ffffff"
},
"border-color": {
"value": "#2a68d4"
}
},
"disabled": {
"background-color": {
"value": "#1d1d1d"
},
"text-color": {
"value": "#545454"
}
}
},
"selection": {
"background-color": {
"value": "#2a68d4"
},
"color": {
"value": "#ffffff"
}
},
"text": {
"default": {
"color": {
"value": "#e6e6e6"
}
},
"secondary": {
"color": {
"value": "#c3c3c3"
}
},
"disabled": {
"color": {
"value": "#777777"
}
},
"contrast": {
"color": {
"value": "#ffffff"
}
}
},
"message": {
"warning": {
"color": {
"value": "#ac8737"
}
},
"error": {
"color": {
"value": "#ff4d84"
}
},
"valid": {
"color": {
"value": "#188625"
}
},
"answer": {
"borderColor": {
"value": "#236666"
},
"background-color": {
"value": "#0d0d0d"
}
},
"empty-shadow": {
"color": {
"value": "#000000"
}
},
"hot": {
"background-color": {
"value": "#ff3352"
},
"color": {
"value": "#ffffff"
}
}
},
"toolbar-separator": {
"color": {
"value": "#3d3d3d"
}
},
"closable-tabs": {
"default": {
"background-color": {
"value": "{theme.surface.canvas.background-color.value}"
},
"color": {
"value": "#989898"
}
},
"selected": {
"background-color": {
"value": "#202020"
},
"color": {
"value": "#ffffff"
}
}
},
"list-item": {
"hover": {
"background-color": {
"value": "#252525"
}
},
"group": {
"text": {
"color": {
"value": "#cccccc"
}
},
"text-deprecated": {
"color": {
"value": "#939393"
}
}
},
"separator": {
"color": {
"value": "#2d2d2d"
}
},
"warning": {
"color": {
"value": "#ac8737"
}
},
"error": {
"color": {
"value": "#ff4d84"
}
}
},
"right-icon": {
"color": {
"value": "#ffffff"
}
},
"palette": {
"black": {
"value": "#000000"
},
"white": {
"value": "#ffffff"
}
},
"image-preview": {
"background-filter": {
"value": "none"
},
"border-color": {
"value": "#303030"
},
"frame-border-color": {
"value": "#202020"
}
},
"drop-indicator": {
"can-drop": {
"color": {
"value": "#2a68d4"
}
},
"cannot-drop": {
"color": {
"value": "#ff3352"
}
},
"border": {
"color": {
"value": "#202020"
}
}
},
"home": {
"separator": {
"color": {
"value": "#202020"
}
}
},
"linear-progress": {
"color": {
"complete": {
"value": "#188625"
},
"incomplete": {
"value": "#ff8c00"
}
}
},
"example": {
"difficulty": {
"color": {
"simple": {
"value": "#8be7c4"
},
"advanced": {
"value": "#ffd28f"
},
"expert": {
"value": "#ffa38f"
}
}
}
},
"tabs": {
"text-color": {
"value": "#989898"
},
"background-color": {
"value": "#202020"
},
"indicator-color": {
"value": "#2a68d4"
},
"separator-color": {
"value": "#303030"
},
"selected": {
"text-color": {
"value": "#ffffff"
},
"background-color": {
"value": "#282828"
}
}
},
"snackbar": {
"border": {
"color": {
"value": "#3d3d3d"
}
},
"background": {
"color": {
"value": "#1d1d1d"
}
}
},
"notification": {
"badge-color": {
"value": "#ff3352"
}
},
"text-field": {
"active": {
"error": {
"value": "#771111"
},
"border-color": {
"value": "#2a68d4"
},
"caret-color": {
"value": "#2a68d4"
}
},
"disabled": {
"color": {
"value": "#777777"
}
},
"placeholder": {
"color": {
"value": "#939393"
}
},
"default": {
"background-color": {
"value": "#1d1d1d"
},
"error": {
"value": "#ff4d84"
}
},
"hover": {
"border-color": {
"value": "#3d3d3d"
}
},
"endAdornmentIcon": {
"background-color": {
"value": "rgba(255,255,255,0.04)"
}
}
}
},
"input": {
"border-bottom": {
"color": {
"value": "#303030"
}
}
},
"event-sheet": {
"event-tree": {
"background-color": {
"value": "#202020"
}
},
"rst": {
"ai-generated-event-move-handle": {
"gradient-color-1": {
"value": "#995413"
},
"gradient-color-2": {
"value": "#ffaf23"
},
"gradient-color-3": {
"value": "#995413"
}
},
"move-handle": {
"background-color": {
"value": "#303030"
}
},
"move-handle-hover": {
"background-color": {
"value": "#2a68d4"
}
},
"line": {
"background-color": {
"value": "#2d2d2d"
}
},
"row-contents": {
"background-color": {
"value": "#202020"
},
"color": {
"value": "rgb(230,230,230)"
}
}
},
"selectable": {
"background-color": {
"value": "rgba(42,104,212,0.12)"
},
"border": {
"value": "1px #303030 solid"
},
"selected-border": {
"value": "1px #2a68d4 dashed"
}
},
"conditions": {
"background-color": {
"value": "#303030"
},
"border-color": {
"value": "#303030"
},
"border": {
"value": "1px solid {event-sheet.conditions.border-color.value}"
},
"color": {
"value": "rgb(209,209,209)"
},
"border-right-color": {
"value": "#3d3d3d"
},
"border-bottom-color": {
"value": "#202020"
}
},
"events": {
"highlighted": {
"background-color": {
"value": "#132f60"
},
"color": {
"value": "#ffffff"
}
}
},
"actions": {
"background-color": {
"value": "#202020"
},
"color": {
"value": "rgb(209,209,209)"
}
},
"sub-instructions": {
"border-color": {
"value": "#202020"
},
"border": {
"value": "1px solid {event-sheet.sub-instructions.border-color.value}"
}
},
"warning-instruction": {
"background-color": {
"value": "rgba(172,135,55,0.125)"
}
},
"instruction-parameter": {
"base": {
"color": {
"value": "#9a9a00"
}
},
"number": {
"color": {
"value": "#48d9e6"
}
},
"object": {
"color": {
"value": "#00d4a3"
}
},
"behavior": {
"color": {
"value": "#f66913"
}
},
"operator": {
"color": {
"value": "#b77cff"
}
},
"var": {
"color": {
"value": "#71a8ff"
}
},
"error": {
"color": {
"value": "#ff4d84"
},
"background-color": {
"value": "rgba(255,77,132,0.06)"
}
}
},
"drop-indicator": {
"can-drop": {
"border-top-color": {
"value": "#2a68d4"
}
},
"cannot-drop": {
"border-top-color": {
"value": "#ff3352"
}
}
},
"link": {
"container": {
"background-color": {
"value": "#303030"
},
"color": {
"value": "rgb(209,209,209)"
}
},
"selectable-link": {
"color": {
"value": "#9c73e6"
}
}
}
},
"markdown": {
"blockquote": {
"border-left": {
"color": {
"value": "rgba(230,230,230,0.6)"
}
}
},
"link": {
"color": {
"value": "rgb(230,230,230)"
}
}
},
"sound-player": {
"play-button": {
"primary": {
"border-color": {
"value": "#2a68d4"
},
"background-color": {
"value": "#2a68d4"
},
"color": {
"value": "#ffffff"
},
"hover": {
"background-color": {
"value": "#3d3d3d"
},
"border-color": {
"value": "#3d3d3d"
}
}
},
"secondary": {
"border-color": {
"value": "#3d3d3d"
},
"background-color": {
"value": "#202020"
},
"color": {
"value": "#e6e6e6"
},
"hover": {
"background-color": {
"value": "#3d3d3d"
},
"border-color": {
"value": "#3d3d3d"
}
}
}
},
"wave-color": {
"value": "#9979f1"
},
"progress-color": {
"value": "#2a68d4"
}
},
"mosaic": {
"title": {
"color": {
"value": "#ffffff"
}
},
"layout": {
"border-color": {
"value": "#3d3d3d"
},
"background-color": {
"value": "#2c2c2c"
}
},
"toolbar": {
"background-color": {
"value": "#303030"
},
"border-color-hover": {
"value": "#2a68d4"
}
}
},
"table": {
"border": {
"color": {
"value": "#202020"
}
},
"text": {
"color": {
"value": "#e6e6e6"
},
"color-header": {
"value": "rgb(158,158,158)"
}
},
"row": {
"odd": {
"background-color": {
"value": "#202020"
}
},
"even": {
"background-color": {
"value": "#282828"
}
},
"selected": {
"background-color": {
"value": "#2a68d4"
},
"color": {
"value": "#ffffff"
}
}
}
}
}
2 Likes
