default_theme.cpp 57 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113
  1. /*************************************************************************/
  2. /* default_theme.cpp */
  3. /*************************************************************************/
  4. /* This file is part of: */
  5. /* GODOT ENGINE */
  6. /* https://godotengine.org */
  7. /*************************************************************************/
  8. /* Copyright (c) 2007-2022 Juan Linietsky, Ariel Manzur. */
  9. /* Copyright (c) 2014-2022 Godot Engine contributors (cf. AUTHORS.md). */
  10. /* */
  11. /* Permission is hereby granted, free of charge, to any person obtaining */
  12. /* a copy of this software and associated documentation files (the */
  13. /* "Software"), to deal in the Software without restriction, including */
  14. /* without limitation the rights to use, copy, modify, merge, publish, */
  15. /* distribute, sublicense, and/or sell copies of the Software, and to */
  16. /* permit persons to whom the Software is furnished to do so, subject to */
  17. /* the following conditions: */
  18. /* */
  19. /* The above copyright notice and this permission notice shall be */
  20. /* included in all copies or substantial portions of the Software. */
  21. /* */
  22. /* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, */
  23. /* EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF */
  24. /* MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.*/
  25. /* IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY */
  26. /* CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, */
  27. /* TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE */
  28. /* SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */
  29. /*************************************************************************/
  30. #include "default_theme.h"
  31. #include "core/os/os.h"
  32. #include "default_font.gen.h"
  33. #include "default_theme_icons.gen.h"
  34. #include "scene/resources/font.h"
  35. #include "scene/resources/theme.h"
  36. #include "scene/theme/theme_db.h"
  37. #include "servers/text_server.h"
  38. #include "modules/modules_enabled.gen.h" // For svg.
  39. #ifdef MODULE_SVG_ENABLED
  40. #include "modules/svg/image_loader_svg.h"
  41. #endif
  42. static float scale = 1.0;
  43. static const int default_margin = 4;
  44. static const int default_corner_radius = 3;
  45. static Ref<StyleBoxFlat> make_flat_stylebox(Color p_color, float p_margin_left = default_margin, float p_margin_top = default_margin, float p_margin_right = default_margin, float p_margin_bottom = default_margin, int p_corner_radius = default_corner_radius, bool p_draw_center = true, int p_border_width = 0) {
  46. Ref<StyleBoxFlat> style(memnew(StyleBoxFlat));
  47. style->set_bg_color(p_color);
  48. style->set_default_margin(SIDE_LEFT, p_margin_left * scale);
  49. style->set_default_margin(SIDE_RIGHT, p_margin_right * scale);
  50. style->set_default_margin(SIDE_BOTTOM, p_margin_bottom * scale);
  51. style->set_default_margin(SIDE_TOP, p_margin_top * scale);
  52. style->set_corner_radius_all(p_corner_radius);
  53. style->set_anti_aliased(true);
  54. // Adjust level of detail based on the corners' effective sizes.
  55. style->set_corner_detail(MIN(Math::ceil(1.5 * p_corner_radius), 6) * scale);
  56. style->set_draw_center(p_draw_center);
  57. style->set_border_width_all(p_border_width);
  58. return style;
  59. }
  60. static Ref<StyleBoxFlat> sb_expand(Ref<StyleBoxFlat> p_sbox, float p_left, float p_top, float p_right, float p_bottom) {
  61. p_sbox->set_expand_margin_size(SIDE_LEFT, p_left * scale);
  62. p_sbox->set_expand_margin_size(SIDE_TOP, p_top * scale);
  63. p_sbox->set_expand_margin_size(SIDE_RIGHT, p_right * scale);
  64. p_sbox->set_expand_margin_size(SIDE_BOTTOM, p_bottom * scale);
  65. return p_sbox;
  66. }
  67. // See also `editor_generate_icon()` in `editor/editor_themes.cpp`.
  68. static Ref<ImageTexture> generate_icon(int p_index) {
  69. Ref<Image> img = memnew(Image);
  70. #ifdef MODULE_SVG_ENABLED
  71. // Upsample icon generation only if the scale isn't an integer multiplier.
  72. // Generating upsampled icons is slower, and the benefit is hardly visible
  73. // with integer scales.
  74. const bool upsample = !Math::is_equal_approx(Math::round(scale), scale);
  75. ImageLoaderSVG img_loader;
  76. img_loader.create_image_from_string(img, default_theme_icons_sources[p_index], scale, upsample, HashMap<Color, Color>());
  77. #endif
  78. return ImageTexture::create_from_image(img);
  79. }
  80. static Ref<StyleBox> make_empty_stylebox(float p_margin_left = -1, float p_margin_top = -1, float p_margin_right = -1, float p_margin_bottom = -1) {
  81. Ref<StyleBox> style(memnew(StyleBoxEmpty));
  82. style->set_default_margin(SIDE_LEFT, p_margin_left * scale);
  83. style->set_default_margin(SIDE_RIGHT, p_margin_right * scale);
  84. style->set_default_margin(SIDE_BOTTOM, p_margin_bottom * scale);
  85. style->set_default_margin(SIDE_TOP, p_margin_top * scale);
  86. return style;
  87. }
  88. void fill_default_theme(Ref<Theme> &theme, const Ref<Font> &default_font, const Ref<Font> &bold_font, const Ref<Font> &bold_italics_font, const Ref<Font> &italics_font, Ref<Texture2D> &default_icon, Ref<StyleBox> &default_style, float p_scale) {
  89. scale = p_scale;
  90. // Font colors
  91. const Color control_font_color = Color(0.875, 0.875, 0.875);
  92. const Color control_font_low_color = Color(0.7, 0.7, 0.7);
  93. const Color control_font_lower_color = Color(0.65, 0.65, 0.65);
  94. const Color control_font_hover_color = Color(0.95, 0.95, 0.95);
  95. const Color control_font_focus_color = Color(0.95, 0.95, 0.95);
  96. const Color control_font_disabled_color = control_font_color * Color(1, 1, 1, 0.5);
  97. const Color control_font_placeholder_color = Color(control_font_color.r, control_font_color.g, control_font_color.b, 0.6f);
  98. const Color control_font_pressed_color = Color(1, 1, 1);
  99. const Color control_selection_color = Color(0.5, 0.5, 0.5);
  100. // StyleBox colors
  101. const Color style_normal_color = Color(0.1, 0.1, 0.1, 0.6);
  102. const Color style_hover_color = Color(0.225, 0.225, 0.225, 0.6);
  103. const Color style_pressed_color = Color(0, 0, 0, 0.6);
  104. const Color style_disabled_color = Color(0.1, 0.1, 0.1, 0.3);
  105. const Color style_focus_color = Color(1, 1, 1, 0.75);
  106. const Color style_popup_color = Color(0.25, 0.25, 0.25, 1);
  107. const Color style_popup_border_color = Color(0.175, 0.175, 0.175, 1);
  108. const Color style_popup_hover_color = Color(0.4, 0.4, 0.4, 1);
  109. const Color style_selected_color = Color(1, 1, 1, 0.3);
  110. // Don't use a color too bright to keep the percentage readable.
  111. const Color style_progress_color = Color(1, 1, 1, 0.4);
  112. const Color style_separator_color = Color(0.5, 0.5, 0.5);
  113. // Convert the generated icon sources to a dictionary for easier access.
  114. // Unlike the editor icons, there is no central repository of icons in the Theme resource itself to keep it tidy.
  115. Dictionary icons;
  116. for (int i = 0; i < default_theme_icons_count; i++) {
  117. icons[default_theme_icons_names[i]] = generate_icon(i);
  118. }
  119. // Panel
  120. theme->set_stylebox("panel", "Panel", make_flat_stylebox(style_normal_color, 0, 0, 0, 0));
  121. theme->set_stylebox("panel_fg", "Panel", make_flat_stylebox(style_normal_color, 0, 0, 0, 0));
  122. // Button
  123. const Ref<StyleBoxFlat> button_normal = make_flat_stylebox(style_normal_color);
  124. const Ref<StyleBoxFlat> button_hover = make_flat_stylebox(style_hover_color);
  125. const Ref<StyleBoxFlat> button_pressed = make_flat_stylebox(style_pressed_color);
  126. const Ref<StyleBoxFlat> button_disabled = make_flat_stylebox(style_disabled_color);
  127. Ref<StyleBoxFlat> focus = make_flat_stylebox(style_focus_color, default_margin, default_margin, default_margin, default_margin, default_corner_radius, false, 2);
  128. // Make the focus outline appear to be flush with the buttons it's focusing.
  129. focus->set_expand_margin_size_all(2 * scale);
  130. theme->set_stylebox("normal", "Button", button_normal);
  131. theme->set_stylebox("hover", "Button", button_hover);
  132. theme->set_stylebox("pressed", "Button", button_pressed);
  133. theme->set_stylebox("disabled", "Button", button_disabled);
  134. theme->set_stylebox("focus", "Button", focus);
  135. theme->set_font("font", "Button", Ref<Font>());
  136. theme->set_font_size("font_size", "Button", -1);
  137. theme->set_constant("outline_size", "Button", 0 * scale);
  138. theme->set_color("font_color", "Button", control_font_color);
  139. theme->set_color("font_pressed_color", "Button", control_font_pressed_color);
  140. theme->set_color("font_hover_color", "Button", control_font_hover_color);
  141. theme->set_color("font_focus_color", "Button", control_font_focus_color);
  142. theme->set_color("font_hover_pressed_color", "Button", control_font_pressed_color);
  143. theme->set_color("font_disabled_color", "Button", control_font_disabled_color);
  144. theme->set_color("font_outline_color", "Button", Color(1, 1, 1));
  145. theme->set_color("icon_normal_color", "Button", Color(1, 1, 1, 1));
  146. theme->set_color("icon_pressed_color", "Button", Color(1, 1, 1, 1));
  147. theme->set_color("icon_hover_color", "Button", Color(1, 1, 1, 1));
  148. theme->set_color("icon_hover_pressed_color", "Button", Color(1, 1, 1, 1));
  149. theme->set_color("icon_focus_color", "Button", Color(1, 1, 1, 1));
  150. theme->set_color("icon_disabled_color", "Button", Color(1, 1, 1, 0.4));
  151. theme->set_constant("h_separation", "Button", 2 * scale);
  152. // MenuBar
  153. theme->set_stylebox("normal", "MenuBar", button_normal);
  154. theme->set_stylebox("hover", "MenuBar", button_hover);
  155. theme->set_stylebox("pressed", "MenuBar", button_pressed);
  156. theme->set_stylebox("disabled", "MenuBar", button_disabled);
  157. theme->set_stylebox("focus", "MenuBar", focus);
  158. theme->set_font("font", "MenuBar", Ref<Font>());
  159. theme->set_font_size("font_size", "MenuBar", -1);
  160. theme->set_constant("outline_size", "MenuBar", 0 * scale);
  161. theme->set_color("font_color", "MenuBar", control_font_color);
  162. theme->set_color("font_pressed_color", "MenuBar", control_font_pressed_color);
  163. theme->set_color("font_hover_color", "MenuBar", control_font_hover_color);
  164. theme->set_color("font_focus_color", "MenuBar", control_font_focus_color);
  165. theme->set_color("font_hover_pressed_color", "MenuBar", control_font_pressed_color);
  166. theme->set_color("font_disabled_color", "MenuBar", control_font_disabled_color);
  167. theme->set_color("font_outline_color", "MenuBar", Color(1, 1, 1));
  168. theme->set_constant("h_separation", "MenuBar", 4 * scale);
  169. // LinkButton
  170. theme->set_stylebox("focus", "LinkButton", focus);
  171. theme->set_font("font", "LinkButton", Ref<Font>());
  172. theme->set_font_size("font_size", "LinkButton", -1);
  173. theme->set_color("font_color", "LinkButton", control_font_color);
  174. theme->set_color("font_pressed_color", "LinkButton", control_font_pressed_color);
  175. theme->set_color("font_hover_color", "LinkButton", control_font_hover_color);
  176. theme->set_color("font_focus_color", "LinkButton", control_font_focus_color);
  177. theme->set_color("font_outline_color", "LinkButton", Color(1, 1, 1));
  178. theme->set_constant("outline_size", "LinkButton", 0);
  179. theme->set_constant("underline_spacing", "LinkButton", 2 * scale);
  180. // OptionButton
  181. theme->set_stylebox("focus", "OptionButton", focus);
  182. Ref<StyleBox> sb_optbutton_normal = make_flat_stylebox(style_normal_color, 2 * default_margin, default_margin, 21, default_margin);
  183. Ref<StyleBox> sb_optbutton_hover = make_flat_stylebox(style_hover_color, 2 * default_margin, default_margin, 21, default_margin);
  184. Ref<StyleBox> sb_optbutton_pressed = make_flat_stylebox(style_pressed_color, 2 * default_margin, default_margin, 21, default_margin);
  185. Ref<StyleBox> sb_optbutton_disabled = make_flat_stylebox(style_disabled_color, 2 * default_margin, default_margin, 21, default_margin);
  186. theme->set_stylebox("normal", "OptionButton", sb_optbutton_normal);
  187. theme->set_stylebox("hover", "OptionButton", sb_optbutton_hover);
  188. theme->set_stylebox("pressed", "OptionButton", sb_optbutton_pressed);
  189. theme->set_stylebox("disabled", "OptionButton", sb_optbutton_disabled);
  190. Ref<StyleBox> sb_optbutton_normal_mirrored = make_flat_stylebox(style_normal_color, 21, default_margin, 2 * default_margin, default_margin);
  191. Ref<StyleBox> sb_optbutton_hover_mirrored = make_flat_stylebox(style_hover_color, 21, default_margin, 2 * default_margin, default_margin);
  192. Ref<StyleBox> sb_optbutton_pressed_mirrored = make_flat_stylebox(style_pressed_color, 21, default_margin, 2 * default_margin, default_margin);
  193. Ref<StyleBox> sb_optbutton_disabled_mirrored = make_flat_stylebox(style_disabled_color, 21, default_margin, 2 * default_margin, default_margin);
  194. theme->set_stylebox("normal_mirrored", "OptionButton", sb_optbutton_normal_mirrored);
  195. theme->set_stylebox("hover_mirrored", "OptionButton", sb_optbutton_hover_mirrored);
  196. theme->set_stylebox("pressed_mirrored", "OptionButton", sb_optbutton_pressed_mirrored);
  197. theme->set_stylebox("disabled_mirrored", "OptionButton", sb_optbutton_disabled_mirrored);
  198. theme->set_icon("arrow", "OptionButton", icons["option_button_arrow"]);
  199. theme->set_font("font", "OptionButton", Ref<Font>());
  200. theme->set_font_size("font_size", "OptionButton", -1);
  201. theme->set_color("font_color", "OptionButton", control_font_color);
  202. theme->set_color("font_pressed_color", "OptionButton", control_font_pressed_color);
  203. theme->set_color("font_hover_color", "OptionButton", control_font_hover_color);
  204. theme->set_color("font_hover_pressed_color", "OptionButton", control_font_pressed_color);
  205. theme->set_color("font_focus_color", "OptionButton", control_font_focus_color);
  206. theme->set_color("font_disabled_color", "OptionButton", control_font_disabled_color);
  207. theme->set_color("font_outline_color", "OptionButton", Color(1, 1, 1));
  208. theme->set_constant("h_separation", "OptionButton", 2 * scale);
  209. theme->set_constant("arrow_margin", "OptionButton", 4 * scale);
  210. theme->set_constant("outline_size", "OptionButton", 0);
  211. theme->set_constant("modulate_arrow", "OptionButton", false);
  212. // MenuButton
  213. theme->set_stylebox("normal", "MenuButton", button_normal);
  214. theme->set_stylebox("pressed", "MenuButton", button_pressed);
  215. theme->set_stylebox("hover", "MenuButton", button_hover);
  216. theme->set_stylebox("disabled", "MenuButton", button_disabled);
  217. theme->set_stylebox("focus", "MenuButton", focus);
  218. theme->set_font("font", "MenuButton", Ref<Font>());
  219. theme->set_font_size("font_size", "MenuButton", -1);
  220. theme->set_color("font_color", "MenuButton", control_font_color);
  221. theme->set_color("font_pressed_color", "MenuButton", control_font_pressed_color);
  222. theme->set_color("font_hover_color", "MenuButton", control_font_hover_color);
  223. theme->set_color("font_focus_color", "MenuButton", control_font_focus_color);
  224. theme->set_color("font_disabled_color", "MenuButton", Color(1, 1, 1, 0.3));
  225. theme->set_color("font_outline_color", "MenuButton", Color(1, 1, 1));
  226. theme->set_constant("h_separation", "MenuButton", 3 * scale);
  227. theme->set_constant("outline_size", "MenuButton", 0);
  228. // CheckBox
  229. Ref<StyleBox> cbx_empty = memnew(StyleBoxEmpty);
  230. cbx_empty->set_default_margin(SIDE_LEFT, 4 * scale);
  231. cbx_empty->set_default_margin(SIDE_RIGHT, 4 * scale);
  232. cbx_empty->set_default_margin(SIDE_TOP, 4 * scale);
  233. cbx_empty->set_default_margin(SIDE_BOTTOM, 4 * scale);
  234. Ref<StyleBox> cbx_focus = focus;
  235. cbx_focus->set_default_margin(SIDE_LEFT, 4 * scale);
  236. cbx_focus->set_default_margin(SIDE_RIGHT, 4 * scale);
  237. cbx_focus->set_default_margin(SIDE_TOP, 4 * scale);
  238. cbx_focus->set_default_margin(SIDE_BOTTOM, 4 * scale);
  239. theme->set_stylebox("normal", "CheckBox", cbx_empty);
  240. theme->set_stylebox("pressed", "CheckBox", cbx_empty);
  241. theme->set_stylebox("disabled", "CheckBox", cbx_empty);
  242. theme->set_stylebox("hover", "CheckBox", cbx_empty);
  243. theme->set_stylebox("hover_pressed", "CheckBox", cbx_empty);
  244. theme->set_stylebox("focus", "CheckBox", cbx_focus);
  245. theme->set_icon("checked", "CheckBox", icons["checked"]);
  246. theme->set_icon("checked_disabled", "CheckBox", icons["checked"]);
  247. theme->set_icon("unchecked", "CheckBox", icons["unchecked"]);
  248. theme->set_icon("unchecked_disabled", "CheckBox", icons["unchecked"]);
  249. theme->set_icon("radio_checked", "CheckBox", icons["radio_checked"]);
  250. theme->set_icon("radio_checked_disabled", "CheckBox", icons["radio_checked"]);
  251. theme->set_icon("radio_unchecked", "CheckBox", icons["radio_unchecked"]);
  252. theme->set_icon("radio_unchecked_disabled", "CheckBox", icons["radio_unchecked"]);
  253. theme->set_font("font", "CheckBox", Ref<Font>());
  254. theme->set_font_size("font_size", "CheckBox", -1);
  255. theme->set_color("font_color", "CheckBox", control_font_color);
  256. theme->set_color("font_pressed_color", "CheckBox", control_font_pressed_color);
  257. theme->set_color("font_hover_color", "CheckBox", control_font_hover_color);
  258. theme->set_color("font_hover_pressed_color", "CheckBox", control_font_pressed_color);
  259. theme->set_color("font_focus_color", "CheckBox", control_font_focus_color);
  260. theme->set_color("font_disabled_color", "CheckBox", control_font_disabled_color);
  261. theme->set_color("font_outline_color", "CheckBox", Color(1, 1, 1));
  262. theme->set_constant("h_separation", "CheckBox", 4 * scale);
  263. theme->set_constant("check_v_adjust", "CheckBox", 0 * scale);
  264. theme->set_constant("outline_size", "CheckBox", 0);
  265. // CheckButton
  266. Ref<StyleBox> cb_empty = memnew(StyleBoxEmpty);
  267. cb_empty->set_default_margin(SIDE_LEFT, 6 * scale);
  268. cb_empty->set_default_margin(SIDE_RIGHT, 6 * scale);
  269. cb_empty->set_default_margin(SIDE_TOP, 4 * scale);
  270. cb_empty->set_default_margin(SIDE_BOTTOM, 4 * scale);
  271. theme->set_stylebox("normal", "CheckButton", cb_empty);
  272. theme->set_stylebox("pressed", "CheckButton", cb_empty);
  273. theme->set_stylebox("disabled", "CheckButton", cb_empty);
  274. theme->set_stylebox("hover", "CheckButton", cb_empty);
  275. theme->set_stylebox("hover_pressed", "CheckButton", cb_empty);
  276. theme->set_stylebox("focus", "CheckButton", focus);
  277. theme->set_icon("on", "CheckButton", icons["toggle_on"]);
  278. theme->set_icon("on_disabled", "CheckButton", icons["toggle_on_disabled"]);
  279. theme->set_icon("off", "CheckButton", icons["toggle_off"]);
  280. theme->set_icon("off_disabled", "CheckButton", icons["toggle_off_disabled"]);
  281. theme->set_icon("on_mirrored", "CheckButton", icons["toggle_on_mirrored"]);
  282. theme->set_icon("on_disabled_mirrored", "CheckButton", icons["toggle_on_disabled_mirrored"]);
  283. theme->set_icon("off_mirrored", "CheckButton", icons["toggle_off_mirrored"]);
  284. theme->set_icon("off_disabled_mirrored", "CheckButton", icons["toggle_off_disabled_mirrored"]);
  285. theme->set_font("font", "CheckButton", Ref<Font>());
  286. theme->set_font_size("font_size", "CheckButton", -1);
  287. theme->set_color("font_color", "CheckButton", control_font_color);
  288. theme->set_color("font_pressed_color", "CheckButton", control_font_pressed_color);
  289. theme->set_color("font_hover_color", "CheckButton", control_font_hover_color);
  290. theme->set_color("font_hover_pressed_color", "CheckButton", control_font_pressed_color);
  291. theme->set_color("font_focus_color", "CheckButton", control_font_focus_color);
  292. theme->set_color("font_disabled_color", "CheckButton", control_font_disabled_color);
  293. theme->set_color("font_outline_color", "CheckButton", Color(1, 1, 1));
  294. theme->set_constant("h_separation", "CheckButton", 4 * scale);
  295. theme->set_constant("check_v_adjust", "CheckButton", 0 * scale);
  296. theme->set_constant("outline_size", "CheckButton", 0);
  297. // Label
  298. theme->set_stylebox("normal", "Label", memnew(StyleBoxEmpty));
  299. theme->set_font("font", "Label", Ref<Font>());
  300. theme->set_font_size("font_size", "Label", -1);
  301. theme->set_color("font_color", "Label", Color(1, 1, 1));
  302. theme->set_color("font_shadow_color", "Label", Color(0, 0, 0, 0));
  303. theme->set_color("font_outline_color", "Label", Color(1, 1, 1));
  304. theme->set_constant("shadow_offset_x", "Label", 1 * scale);
  305. theme->set_constant("shadow_offset_y", "Label", 1 * scale);
  306. theme->set_constant("outline_size", "Label", 0);
  307. theme->set_constant("shadow_outline_size", "Label", 1 * scale);
  308. theme->set_constant("line_spacing", "Label", 3 * scale);
  309. theme->set_type_variation("HeaderSmall", "Label");
  310. theme->set_font_size("font_size", "HeaderSmall", default_font_size + 4);
  311. theme->set_type_variation("HeaderMedium", "Label");
  312. theme->set_font_size("font_size", "HeaderMedium", default_font_size + 8);
  313. theme->set_type_variation("HeaderLarge", "Label");
  314. theme->set_font_size("font_size", "HeaderLarge", default_font_size + 12);
  315. // LineEdit
  316. Ref<StyleBoxFlat> style_line_edit = make_flat_stylebox(style_normal_color);
  317. // Add a line at the bottom to make LineEdits distinguishable from Buttons.
  318. style_line_edit->set_border_width(SIDE_BOTTOM, 2);
  319. style_line_edit->set_border_color(style_pressed_color);
  320. theme->set_stylebox("normal", "LineEdit", style_line_edit);
  321. theme->set_stylebox("focus", "LineEdit", focus);
  322. Ref<StyleBoxFlat> style_line_edit_read_only = make_flat_stylebox(style_disabled_color);
  323. // Add a line at the bottom to make LineEdits distinguishable from Buttons.
  324. style_line_edit_read_only->set_border_width(SIDE_BOTTOM, 2);
  325. style_line_edit_read_only->set_border_color(style_pressed_color * Color(1, 1, 1, 0.5));
  326. theme->set_stylebox("read_only", "LineEdit", style_line_edit_read_only);
  327. theme->set_font("font", "LineEdit", Ref<Font>());
  328. theme->set_font_size("font_size", "LineEdit", -1);
  329. theme->set_color("font_color", "LineEdit", control_font_color);
  330. theme->set_color("font_selected_color", "LineEdit", control_font_pressed_color);
  331. theme->set_color("font_uneditable_color", "LineEdit", control_font_disabled_color);
  332. theme->set_color("font_placeholder_color", "LineEdit", control_font_placeholder_color);
  333. theme->set_color("font_outline_color", "LineEdit", Color(1, 1, 1));
  334. theme->set_color("caret_color", "LineEdit", control_font_hover_color);
  335. theme->set_color("selection_color", "LineEdit", control_selection_color);
  336. theme->set_color("clear_button_color", "LineEdit", control_font_color);
  337. theme->set_color("clear_button_color_pressed", "LineEdit", control_font_pressed_color);
  338. theme->set_constant("minimum_character_width", "LineEdit", 4);
  339. theme->set_constant("outline_size", "LineEdit", 0);
  340. theme->set_constant("caret_width", "LineEdit", 1);
  341. theme->set_icon("clear", "LineEdit", icons["line_edit_clear"]);
  342. // ProgressBar
  343. theme->set_stylebox("bg", "ProgressBar", make_flat_stylebox(style_disabled_color, 2, 2, 2, 2, 6));
  344. theme->set_stylebox("fg", "ProgressBar", make_flat_stylebox(style_progress_color, 2, 2, 2, 2, 6));
  345. theme->set_font("font", "ProgressBar", Ref<Font>());
  346. theme->set_font_size("font_size", "ProgressBar", -1);
  347. theme->set_color("font_color", "ProgressBar", control_font_hover_color);
  348. theme->set_color("font_shadow_color", "ProgressBar", Color(0, 0, 0));
  349. theme->set_color("font_outline_color", "ProgressBar", Color(1, 1, 1));
  350. theme->set_constant("outline_size", "ProgressBar", 0);
  351. // TextEdit
  352. theme->set_stylebox("normal", "TextEdit", style_line_edit);
  353. theme->set_stylebox("focus", "TextEdit", focus);
  354. theme->set_stylebox("read_only", "TextEdit", style_line_edit_read_only);
  355. theme->set_icon("tab", "TextEdit", icons["text_edit_tab"]);
  356. theme->set_icon("space", "TextEdit", icons["text_edit_space"]);
  357. theme->set_font("font", "TextEdit", Ref<Font>());
  358. theme->set_font_size("font_size", "TextEdit", -1);
  359. theme->set_color("background_color", "TextEdit", Color(0, 0, 0, 0));
  360. theme->set_color("font_color", "TextEdit", control_font_color);
  361. theme->set_color("font_selected_color", "TextEdit", control_font_pressed_color);
  362. theme->set_color("font_readonly_color", "TextEdit", control_font_disabled_color);
  363. theme->set_color("font_placeholder_color", "TextEdit", control_font_placeholder_color);
  364. theme->set_color("font_outline_color", "TextEdit", Color(1, 1, 1));
  365. theme->set_color("selection_color", "TextEdit", control_selection_color);
  366. theme->set_color("current_line_color", "TextEdit", Color(0.25, 0.25, 0.26, 0.8));
  367. theme->set_color("caret_color", "TextEdit", control_font_color);
  368. theme->set_color("caret_background_color", "TextEdit", Color(0, 0, 0));
  369. theme->set_color("word_highlighted_color", "TextEdit", Color(0.5, 0.5, 0.5, 0.25));
  370. theme->set_color("search_result_color", "TextEdit", Color(0.3, 0.3, 0.3));
  371. theme->set_color("search_result_border_color", "TextEdit", Color(0.3, 0.3, 0.3, 0.4));
  372. theme->set_constant("line_spacing", "TextEdit", 4 * scale);
  373. theme->set_constant("outline_size", "TextEdit", 0);
  374. theme->set_constant("caret_width", "TextEdit", 1);
  375. // CodeEdit
  376. theme->set_stylebox("normal", "CodeEdit", style_line_edit);
  377. theme->set_stylebox("focus", "CodeEdit", focus);
  378. theme->set_stylebox("read_only", "CodeEdit", style_line_edit_read_only);
  379. theme->set_stylebox("completion", "CodeEdit", make_flat_stylebox(style_normal_color, 0, 0, 0, 0));
  380. theme->set_icon("tab", "CodeEdit", icons["text_edit_tab"]);
  381. theme->set_icon("space", "CodeEdit", icons["text_edit_space"]);
  382. theme->set_icon("breakpoint", "CodeEdit", icons["breakpoint"]);
  383. theme->set_icon("bookmark", "CodeEdit", icons["bookmark"]);
  384. theme->set_icon("executing_line", "CodeEdit", icons["arrow_right"]);
  385. theme->set_icon("can_fold", "CodeEdit", icons["arrow_down"]);
  386. theme->set_icon("folded", "CodeEdit", icons["arrow_right"]);
  387. theme->set_icon("folded_eol_icon", "CodeEdit", icons["text_edit_ellipsis"]);
  388. theme->set_font("font", "CodeEdit", Ref<Font>());
  389. theme->set_font_size("font_size", "CodeEdit", -1);
  390. theme->set_color("background_color", "CodeEdit", Color(0, 0, 0, 0));
  391. theme->set_color("completion_background_color", "CodeEdit", Color(0.17, 0.16, 0.2));
  392. theme->set_color("completion_selected_color", "CodeEdit", Color(0.26, 0.26, 0.27));
  393. theme->set_color("completion_existing_color", "CodeEdit", Color(0.87, 0.87, 0.87, 0.13));
  394. theme->set_color("completion_scroll_color", "CodeEdit", control_font_pressed_color * Color(1, 1, 1, 0.29));
  395. theme->set_color("completion_scroll_hovered_color", "CodeEdit", control_font_pressed_color * Color(1, 1, 1, 0.4));
  396. theme->set_color("completion_font_color", "CodeEdit", Color(0.67, 0.67, 0.67));
  397. theme->set_color("font_color", "CodeEdit", control_font_color);
  398. theme->set_color("font_selected_color", "CodeEdit", Color(0, 0, 0));
  399. theme->set_color("font_readonly_color", "CodeEdit", Color(control_font_color.r, control_font_color.g, control_font_color.b, 0.5f));
  400. theme->set_color("font_placeholder_color", "CodeEdit", control_font_placeholder_color);
  401. theme->set_color("font_outline_color", "CodeEdit", Color(1, 1, 1));
  402. theme->set_color("selection_color", "CodeEdit", control_selection_color);
  403. theme->set_color("bookmark_color", "CodeEdit", Color(0.5, 0.64, 1, 0.8));
  404. theme->set_color("breakpoint_color", "CodeEdit", Color(0.9, 0.29, 0.3));
  405. theme->set_color("executing_line_color", "CodeEdit", Color(0.98, 0.89, 0.27));
  406. theme->set_color("current_line_color", "CodeEdit", Color(0.25, 0.25, 0.26, 0.8));
  407. theme->set_color("code_folding_color", "CodeEdit", Color(0.8, 0.8, 0.8, 0.8));
  408. theme->set_color("caret_color", "CodeEdit", control_font_color);
  409. theme->set_color("caret_background_color", "CodeEdit", Color(0, 0, 0));
  410. theme->set_color("brace_mismatch_color", "CodeEdit", Color(1, 0.2, 0.2));
  411. theme->set_color("line_number_color", "CodeEdit", Color(0.67, 0.67, 0.67, 0.4));
  412. theme->set_color("word_highlighted_color", "CodeEdit", Color(0.8, 0.9, 0.9, 0.15));
  413. theme->set_color("line_length_guideline_color", "CodeEdit", Color(0.3, 0.5, 0.8, 0.1));
  414. theme->set_color("search_result_color", "CodeEdit", Color(0.3, 0.3, 0.3));
  415. theme->set_color("search_result_border_color", "CodeEdit", Color(0.3, 0.3, 0.3, 0.4));
  416. theme->set_constant("completion_lines", "CodeEdit", 7);
  417. theme->set_constant("completion_max_width", "CodeEdit", 50);
  418. theme->set_constant("completion_scroll_width", "CodeEdit", 6);
  419. theme->set_constant("line_spacing", "CodeEdit", 4 * scale);
  420. theme->set_constant("outline_size", "CodeEdit", 0);
  421. Ref<Texture2D> empty_icon = memnew(ImageTexture);
  422. const Ref<StyleBoxFlat> style_scrollbar = make_flat_stylebox(style_normal_color, 4, 4, 4, 4, 10);
  423. Ref<StyleBoxFlat> style_scrollbar_grabber = make_flat_stylebox(style_progress_color, 4, 4, 4, 4, 10);
  424. Ref<StyleBoxFlat> style_scrollbar_grabber_highlight = make_flat_stylebox(style_focus_color, 4, 4, 4, 4, 10);
  425. Ref<StyleBoxFlat> style_scrollbar_grabber_pressed = make_flat_stylebox(style_focus_color * Color(0.75, 0.75, 0.75), 4, 4, 4, 4, 10);
  426. // HScrollBar
  427. theme->set_stylebox("scroll", "HScrollBar", style_scrollbar);
  428. theme->set_stylebox("scroll_focus", "HScrollBar", focus);
  429. theme->set_stylebox("grabber", "HScrollBar", style_scrollbar_grabber);
  430. theme->set_stylebox("grabber_highlight", "HScrollBar", style_scrollbar_grabber_highlight);
  431. theme->set_stylebox("grabber_pressed", "HScrollBar", style_scrollbar_grabber_pressed);
  432. theme->set_icon("increment", "HScrollBar", empty_icon);
  433. theme->set_icon("increment_highlight", "HScrollBar", empty_icon);
  434. theme->set_icon("increment_pressed", "HScrollBar", empty_icon);
  435. theme->set_icon("decrement", "HScrollBar", empty_icon);
  436. theme->set_icon("decrement_highlight", "HScrollBar", empty_icon);
  437. theme->set_icon("decrement_pressed", "HScrollBar", empty_icon);
  438. // VScrollBar
  439. theme->set_stylebox("scroll", "VScrollBar", style_scrollbar);
  440. theme->set_stylebox("scroll_focus", "VScrollBar", focus);
  441. theme->set_stylebox("grabber", "VScrollBar", style_scrollbar_grabber);
  442. theme->set_stylebox("grabber_highlight", "VScrollBar", style_scrollbar_grabber_highlight);
  443. theme->set_stylebox("grabber_pressed", "VScrollBar", style_scrollbar_grabber_pressed);
  444. theme->set_icon("increment", "VScrollBar", empty_icon);
  445. theme->set_icon("increment_highlight", "VScrollBar", empty_icon);
  446. theme->set_icon("increment_pressed", "VScrollBar", empty_icon);
  447. theme->set_icon("decrement", "VScrollBar", empty_icon);
  448. theme->set_icon("decrement_highlight", "VScrollBar", empty_icon);
  449. theme->set_icon("decrement_pressed", "VScrollBar", empty_icon);
  450. const Ref<StyleBoxFlat> style_slider = make_flat_stylebox(style_normal_color, 4, 4, 4, 4, 4);
  451. const Ref<StyleBoxFlat> style_slider_grabber = make_flat_stylebox(style_progress_color, 4, 4, 4, 4, 4);
  452. const Ref<StyleBoxFlat> style_slider_grabber_highlight = make_flat_stylebox(style_focus_color, 4, 4, 4, 4, 4);
  453. // HSlider
  454. theme->set_stylebox("slider", "HSlider", style_slider);
  455. theme->set_stylebox("grabber_area", "HSlider", style_slider_grabber);
  456. theme->set_stylebox("grabber_area_highlight", "HSlider", style_slider_grabber_highlight);
  457. theme->set_icon("grabber", "HSlider", icons["slider_grabber"]);
  458. theme->set_icon("grabber_highlight", "HSlider", icons["slider_grabber_hl"]);
  459. theme->set_icon("grabber_disabled", "HSlider", icons["slider_grabber_disabled"]);
  460. theme->set_icon("tick", "HSlider", icons["hslider_tick"]);
  461. // VSlider
  462. theme->set_stylebox("slider", "VSlider", style_slider);
  463. theme->set_stylebox("grabber_area", "VSlider", style_slider_grabber);
  464. theme->set_stylebox("grabber_area_highlight", "VSlider", style_slider_grabber_highlight);
  465. theme->set_icon("grabber", "VSlider", icons["slider_grabber"]);
  466. theme->set_icon("grabber_highlight", "VSlider", icons["slider_grabber_hl"]);
  467. theme->set_icon("grabber_disabled", "VSlider", icons["slider_grabber_disabled"]);
  468. theme->set_icon("tick", "VSlider", icons["vslider_tick"]);
  469. // SpinBox
  470. theme->set_icon("updown", "SpinBox", icons["updown"]);
  471. // ScrollContainer
  472. Ref<StyleBoxEmpty> empty;
  473. empty.instantiate();
  474. theme->set_stylebox("bg", "ScrollContainer", empty);
  475. // Window
  476. theme->set_stylebox("embedded_border", "Window", sb_expand(make_flat_stylebox(style_popup_color, 10, 28, 10, 8), 8, 32, 8, 6));
  477. theme->set_font("title_font", "Window", Ref<Font>());
  478. theme->set_font_size("title_font_size", "Window", -1);
  479. theme->set_color("title_color", "Window", control_font_color);
  480. theme->set_color("title_outline_modulate", "Window", Color(1, 1, 1));
  481. theme->set_constant("title_outline_size", "Window", 0);
  482. theme->set_constant("title_height", "Window", 36 * scale);
  483. theme->set_constant("resize_margin", "Window", 4 * scale);
  484. theme->set_icon("close", "Window", icons["close"]);
  485. theme->set_icon("close_pressed", "Window", icons["close_hl"]);
  486. theme->set_constant("close_h_offset", "Window", 18 * scale);
  487. theme->set_constant("close_v_offset", "Window", 24 * scale);
  488. // Dialogs
  489. theme->set_constant("margin", "Dialogs", 8 * scale);
  490. theme->set_constant("button_margin", "Dialogs", 32 * scale);
  491. // AcceptDialog
  492. theme->set_stylebox("panel", "AcceptDialog", make_flat_stylebox(style_popup_color, 0, 0, 0, 0));
  493. // File Dialog
  494. theme->set_icon("parent_folder", "FileDialog", icons["folder_up"]);
  495. theme->set_icon("back_folder", "FileDialog", icons["arrow_left"]);
  496. theme->set_icon("forward_folder", "FileDialog", icons["arrow_right"]);
  497. theme->set_icon("reload", "FileDialog", icons["reload"]);
  498. theme->set_icon("toggle_hidden", "FileDialog", icons["visibility_visible"]);
  499. theme->set_icon("folder", "FileDialog", icons["folder"]);
  500. theme->set_icon("file", "FileDialog", icons["file"]);
  501. theme->set_color("folder_icon_modulate", "FileDialog", Color(1, 1, 1));
  502. theme->set_color("file_icon_modulate", "FileDialog", Color(1, 1, 1));
  503. theme->set_color("files_disabled", "FileDialog", Color(1, 1, 1, 0.25));
  504. // Popup
  505. theme->set_stylebox("panel", "PopupPanel", make_flat_stylebox(style_normal_color));
  506. // PopupDialog
  507. theme->set_stylebox("panel", "PopupDialog", make_flat_stylebox(style_normal_color));
  508. // PopupMenu
  509. Ref<StyleBoxLine> separator_horizontal = memnew(StyleBoxLine);
  510. separator_horizontal->set_thickness(Math::round(scale));
  511. separator_horizontal->set_color(style_separator_color);
  512. separator_horizontal->set_default_margin(SIDE_LEFT, default_margin);
  513. separator_horizontal->set_default_margin(SIDE_TOP, 0);
  514. separator_horizontal->set_default_margin(SIDE_RIGHT, default_margin);
  515. separator_horizontal->set_default_margin(SIDE_BOTTOM, 0);
  516. Ref<StyleBoxLine> separator_vertical = separator_horizontal->duplicate();
  517. separator_vertical->set_vertical(true);
  518. separator_vertical->set_default_margin(SIDE_LEFT, 0);
  519. separator_vertical->set_default_margin(SIDE_TOP, default_margin);
  520. separator_vertical->set_default_margin(SIDE_RIGHT, 0);
  521. separator_vertical->set_default_margin(SIDE_BOTTOM, default_margin);
  522. // Always display a border for PopupMenus so they can be distinguished from their background.
  523. Ref<StyleBoxFlat> style_popup_panel = make_flat_stylebox(style_popup_color);
  524. style_popup_panel->set_border_width_all(2);
  525. style_popup_panel->set_border_color(style_popup_border_color);
  526. Ref<StyleBoxFlat> style_popup_panel_disabled = style_popup_panel->duplicate();
  527. style_popup_panel_disabled->set_bg_color(style_disabled_color);
  528. theme->set_stylebox("panel", "PopupMenu", style_popup_panel);
  529. theme->set_stylebox("panel_disabled", "PopupMenu", style_popup_panel_disabled);
  530. theme->set_stylebox("hover", "PopupMenu", make_flat_stylebox(style_popup_hover_color));
  531. theme->set_stylebox("separator", "PopupMenu", separator_horizontal);
  532. theme->set_stylebox("labeled_separator_left", "PopupMenu", separator_horizontal);
  533. theme->set_stylebox("labeled_separator_right", "PopupMenu", separator_horizontal);
  534. theme->set_icon("checked", "PopupMenu", icons["checked"]);
  535. theme->set_icon("checked_disabled", "PopupMenu", icons["checked"]);
  536. theme->set_icon("unchecked", "PopupMenu", icons["unchecked"]);
  537. theme->set_icon("unchecked_disabled", "PopupMenu", icons["unchecked"]);
  538. theme->set_icon("radio_checked", "PopupMenu", icons["radio_checked"]);
  539. theme->set_icon("radio_checked_disabled", "PopupMenu", icons["radio_checked"]);
  540. theme->set_icon("radio_unchecked", "PopupMenu", icons["radio_unchecked"]);
  541. theme->set_icon("radio_unchecked_disabled", "PopupMenu", icons["radio_unchecked"]);
  542. theme->set_icon("submenu", "PopupMenu", icons["popup_menu_arrow_right"]);
  543. theme->set_icon("submenu_mirrored", "PopupMenu", icons["popup_menu_arrow_left"]);
  544. theme->set_font("font", "PopupMenu", Ref<Font>());
  545. theme->set_font("font_separator", "PopupMenu", Ref<Font>());
  546. theme->set_font_size("font_size", "PopupMenu", -1);
  547. theme->set_font_size("font_separator_size", "PopupMenu", -1);
  548. theme->set_color("font_color", "PopupMenu", control_font_color);
  549. theme->set_color("font_accelerator_color", "PopupMenu", Color(0.7, 0.7, 0.7, 0.8));
  550. theme->set_color("font_disabled_color", "PopupMenu", Color(0.4, 0.4, 0.4, 0.8));
  551. theme->set_color("font_hover_color", "PopupMenu", control_font_color);
  552. theme->set_color("font_separator_color", "PopupMenu", control_font_color);
  553. theme->set_color("font_outline_color", "PopupMenu", Color(1, 1, 1));
  554. theme->set_color("font_separator_outline_color", "PopupMenu", Color(1, 1, 1));
  555. theme->set_constant("indent", "PopupMenu", 10 * scale);
  556. theme->set_constant("h_separation", "PopupMenu", 4 * scale);
  557. theme->set_constant("v_separation", "PopupMenu", 4 * scale);
  558. theme->set_constant("outline_size", "PopupMenu", 0);
  559. theme->set_constant("separator_outline_size", "PopupMenu", 0);
  560. theme->set_constant("item_start_padding", "PopupMenu", 2 * scale);
  561. theme->set_constant("item_end_padding", "PopupMenu", 2 * scale);
  562. // GraphNode
  563. Ref<StyleBoxFlat> graphnode_normal = make_flat_stylebox(style_normal_color, 18, 42, 18, 12);
  564. graphnode_normal->set_border_width(SIDE_TOP, 30);
  565. graphnode_normal->set_border_color(Color(0.325, 0.325, 0.325, 0.6));
  566. Ref<StyleBoxFlat> graphnode_selected = graphnode_normal->duplicate();
  567. graphnode_selected->set_border_color(Color(0.625, 0.625, 0.625, 0.6));
  568. Ref<StyleBoxFlat> graphnode_comment_normal = make_flat_stylebox(style_pressed_color, 18, 42, 18, 12, 3, true, 2);
  569. graphnode_comment_normal->set_border_color(style_pressed_color);
  570. Ref<StyleBoxFlat> graphnode_comment_selected = graphnode_comment_normal->duplicate();
  571. graphnode_comment_selected->set_border_color(style_hover_color);
  572. Ref<StyleBoxFlat> graphnode_breakpoint = make_flat_stylebox(style_pressed_color, 18, 42, 18, 12, 6, true, 4);
  573. graphnode_breakpoint->set_border_color(Color(0.9, 0.29, 0.3));
  574. Ref<StyleBoxFlat> graphnode_position = make_flat_stylebox(style_pressed_color, 18, 42, 18, 12, 6, true, 4);
  575. graphnode_position->set_border_color(Color(0.98, 0.89, 0.27));
  576. Ref<StyleBoxEmpty> graphnode_slot = make_empty_stylebox(0, 0, 0, 0);
  577. theme->set_stylebox("frame", "GraphNode", graphnode_normal);
  578. theme->set_stylebox("selected_frame", "GraphNode", graphnode_selected);
  579. theme->set_stylebox("comment", "GraphNode", graphnode_comment_normal);
  580. theme->set_stylebox("comment_focus", "GraphNode", graphnode_comment_selected);
  581. theme->set_stylebox("breakpoint", "GraphNode", graphnode_breakpoint);
  582. theme->set_stylebox("position", "GraphNode", graphnode_position);
  583. theme->set_stylebox("slot", "GraphNode", graphnode_slot);
  584. theme->set_icon("port", "GraphNode", icons["graph_port"]);
  585. theme->set_icon("close", "GraphNode", icons["close"]);
  586. theme->set_icon("resizer", "GraphNode", icons["resizer_se"]);
  587. theme->set_font("title_font", "GraphNode", Ref<Font>());
  588. theme->set_color("title_color", "GraphNode", control_font_color);
  589. theme->set_color("close_color", "GraphNode", control_font_color);
  590. theme->set_color("resizer_color", "GraphNode", control_font_color);
  591. theme->set_constant("separation", "GraphNode", 2 * scale);
  592. theme->set_constant("title_offset", "GraphNode", 26 * scale);
  593. theme->set_constant("title_h_offset", "GraphNode", 0);
  594. theme->set_constant("close_offset", "GraphNode", 22 * scale);
  595. theme->set_constant("close_h_offset", "GraphNode", 22 * scale);
  596. theme->set_constant("port_offset", "GraphNode", 0);
  597. // Tree
  598. theme->set_stylebox("bg", "Tree", make_flat_stylebox(style_normal_color, 4, 4, 4, 5));
  599. theme->set_stylebox("bg_focus", "Tree", focus);
  600. theme->set_stylebox("selected", "Tree", make_flat_stylebox(style_selected_color));
  601. theme->set_stylebox("selected_focus", "Tree", make_flat_stylebox(style_selected_color));
  602. theme->set_stylebox("cursor", "Tree", focus);
  603. theme->set_stylebox("cursor_unfocused", "Tree", focus);
  604. theme->set_stylebox("button_pressed", "Tree", button_pressed);
  605. theme->set_stylebox("title_button_normal", "Tree", make_flat_stylebox(style_pressed_color, 4, 4, 4, 4));
  606. theme->set_stylebox("title_button_pressed", "Tree", make_flat_stylebox(style_hover_color, 4, 4, 4, 4));
  607. theme->set_stylebox("title_button_hover", "Tree", make_flat_stylebox(style_normal_color, 4, 4, 4, 4));
  608. theme->set_stylebox("custom_button", "Tree", button_normal);
  609. theme->set_stylebox("custom_button_pressed", "Tree", button_pressed);
  610. theme->set_stylebox("custom_button_hover", "Tree", button_hover);
  611. theme->set_icon("checked", "Tree", icons["checked"]);
  612. theme->set_icon("unchecked", "Tree", icons["unchecked"]);
  613. theme->set_icon("indeterminate", "Tree", icons["indeterminate"]);
  614. theme->set_icon("updown", "Tree", icons["updown"]);
  615. theme->set_icon("select_arrow", "Tree", icons["option_button_arrow"]);
  616. theme->set_icon("arrow", "Tree", icons["arrow_down"]);
  617. theme->set_icon("arrow_collapsed", "Tree", icons["arrow_right"]);
  618. theme->set_icon("arrow_collapsed_mirrored", "Tree", icons["arrow_left"]);
  619. theme->set_font("title_button_font", "Tree", Ref<Font>());
  620. theme->set_font("font", "Tree", Ref<Font>());
  621. theme->set_font_size("font_size", "Tree", -1);
  622. theme->set_color("title_button_color", "Tree", control_font_color);
  623. theme->set_color("font_color", "Tree", control_font_low_color);
  624. theme->set_color("font_selected_color", "Tree", control_font_pressed_color);
  625. theme->set_color("font_outline_color", "Tree", Color(1, 1, 1));
  626. theme->set_color("guide_color", "Tree", Color(0.7, 0.7, 0.7, 0.25));
  627. theme->set_color("drop_position_color", "Tree", Color(1, 1, 1));
  628. theme->set_color("relationship_line_color", "Tree", Color(0.27, 0.27, 0.27));
  629. theme->set_color("parent_hl_line_color", "Tree", Color(0.27, 0.27, 0.27));
  630. theme->set_color("children_hl_line_color", "Tree", Color(0.27, 0.27, 0.27));
  631. theme->set_color("custom_button_font_highlight", "Tree", control_font_hover_color);
  632. theme->set_constant("h_separation", "Tree", 4 * scale);
  633. theme->set_constant("v_separation", "Tree", 4 * scale);
  634. theme->set_constant("item_margin", "Tree", 16 * scale);
  635. theme->set_constant("button_margin", "Tree", 4 * scale);
  636. theme->set_constant("draw_relationship_lines", "Tree", 0);
  637. theme->set_constant("relationship_line_width", "Tree", 1);
  638. theme->set_constant("parent_hl_line_width", "Tree", 1);
  639. theme->set_constant("children_hl_line_width", "Tree", 1);
  640. theme->set_constant("parent_hl_line_margin", "Tree", 0);
  641. theme->set_constant("draw_guides", "Tree", 1);
  642. theme->set_constant("scroll_border", "Tree", 4);
  643. theme->set_constant("scroll_speed", "Tree", 12);
  644. theme->set_constant("outline_size", "Tree", 0);
  645. // ItemList
  646. theme->set_stylebox("bg", "ItemList", make_flat_stylebox(style_normal_color));
  647. theme->set_stylebox("bg_focus", "ItemList", focus);
  648. theme->set_constant("h_separation", "ItemList", 4);
  649. theme->set_constant("v_separation", "ItemList", 2);
  650. theme->set_constant("icon_margin", "ItemList", 4);
  651. theme->set_constant("line_separation", "ItemList", 2 * scale);
  652. theme->set_font("font", "ItemList", Ref<Font>());
  653. theme->set_font_size("font_size", "ItemList", -1);
  654. theme->set_color("font_color", "ItemList", control_font_lower_color);
  655. theme->set_color("font_selected_color", "ItemList", control_font_pressed_color);
  656. theme->set_color("font_outline_color", "ItemList", Color(1, 1, 1));
  657. theme->set_color("guide_color", "ItemList", Color(0.7, 0.7, 0.7, 0.25));
  658. theme->set_stylebox("selected", "ItemList", make_flat_stylebox(style_selected_color));
  659. theme->set_stylebox("selected_focus", "ItemList", make_flat_stylebox(style_selected_color));
  660. theme->set_stylebox("cursor", "ItemList", focus);
  661. theme->set_stylebox("cursor_unfocused", "ItemList", focus);
  662. theme->set_constant("outline_size", "ItemList", 0);
  663. // TabContainer
  664. Ref<StyleBoxFlat> style_tab_selected = make_flat_stylebox(style_normal_color, 10, 4, 10, 4, 0);
  665. style_tab_selected->set_border_width(SIDE_TOP, Math::round(2 * scale));
  666. style_tab_selected->set_border_color(style_focus_color);
  667. Ref<StyleBoxFlat> style_tab_unselected = make_flat_stylebox(style_pressed_color, 10, 4, 10, 4, 0);
  668. // Add some spacing between unselected tabs to make them easier to distinguish from each other.
  669. style_tab_unselected->set_border_width(SIDE_LEFT, Math::round(scale));
  670. style_tab_unselected->set_border_width(SIDE_RIGHT, Math::round(scale));
  671. style_tab_unselected->set_border_color(style_popup_border_color);
  672. Ref<StyleBoxFlat> style_tab_disabled = style_tab_unselected->duplicate();
  673. style_tab_disabled->set_bg_color(style_disabled_color);
  674. theme->set_stylebox("tab_selected", "TabContainer", style_tab_selected);
  675. theme->set_stylebox("tab_unselected", "TabContainer", style_tab_unselected);
  676. theme->set_stylebox("tab_disabled", "TabContainer", style_tab_disabled);
  677. theme->set_stylebox("panel", "TabContainer", make_flat_stylebox(style_normal_color, 0, 0, 0, 0));
  678. theme->set_stylebox("tabbar_background", "TabContainer", make_empty_stylebox(0, 0, 0, 0));
  679. theme->set_icon("increment", "TabContainer", icons["scroll_button_right"]);
  680. theme->set_icon("increment_highlight", "TabContainer", icons["scroll_button_right_hl"]);
  681. theme->set_icon("decrement", "TabContainer", icons["scroll_button_left"]);
  682. theme->set_icon("decrement_highlight", "TabContainer", icons["scroll_button_left_hl"]);
  683. theme->set_icon("drop_mark", "TabContainer", icons["tabs_drop_mark"]);
  684. theme->set_icon("menu", "TabContainer", icons["tabs_menu"]);
  685. theme->set_icon("menu_highlight", "TabContainer", icons["tabs_menu_hl"]);
  686. theme->set_font("font", "TabContainer", Ref<Font>());
  687. theme->set_font_size("font_size", "TabContainer", -1);
  688. theme->set_color("font_selected_color", "TabContainer", control_font_hover_color);
  689. theme->set_color("font_unselected_color", "TabContainer", control_font_low_color);
  690. theme->set_color("font_disabled_color", "TabContainer", control_font_disabled_color);
  691. theme->set_color("font_outline_color", "TabContainer", Color(1, 1, 1));
  692. theme->set_color("drop_mark_color", "TabContainer", Color(1, 1, 1));
  693. theme->set_constant("side_margin", "TabContainer", 8 * scale);
  694. theme->set_constant("icon_separation", "TabContainer", 4 * scale);
  695. theme->set_constant("outline_size", "TabContainer", 0);
  696. // TabBar
  697. theme->set_stylebox("tab_selected", "TabBar", style_tab_selected);
  698. theme->set_stylebox("tab_unselected", "TabBar", style_tab_unselected);
  699. theme->set_stylebox("tab_disabled", "TabBar", style_tab_disabled);
  700. theme->set_stylebox("button_pressed", "TabBar", button_pressed);
  701. theme->set_stylebox("button_highlight", "TabBar", button_normal);
  702. theme->set_icon("increment", "TabBar", icons["scroll_button_right"]);
  703. theme->set_icon("increment_highlight", "TabBar", icons["scroll_button_right_hl"]);
  704. theme->set_icon("decrement", "TabBar", icons["scroll_button_left"]);
  705. theme->set_icon("decrement_highlight", "TabBar", icons["scroll_button_left_hl"]);
  706. theme->set_icon("drop_mark", "TabBar", icons["tabs_drop_mark"]);
  707. theme->set_icon("close", "TabBar", icons["close"]);
  708. theme->set_font("font", "TabBar", Ref<Font>());
  709. theme->set_font_size("font_size", "TabBar", -1);
  710. theme->set_color("font_selected_color", "TabBar", control_font_hover_color);
  711. theme->set_color("font_unselected_color", "TabBar", control_font_low_color);
  712. theme->set_color("font_disabled_color", "TabBar", control_font_disabled_color);
  713. theme->set_color("font_outline_color", "TabBar", Color(1, 1, 1));
  714. theme->set_color("drop_mark_color", "TabBar", Color(1, 1, 1));
  715. theme->set_constant("h_separation", "TabBar", 4 * scale);
  716. theme->set_constant("outline_size", "TabBar", 0);
  717. // Separators
  718. theme->set_stylebox("separator", "HSeparator", separator_horizontal);
  719. theme->set_stylebox("separator", "VSeparator", separator_vertical);
  720. theme->set_icon("close", "Icons", icons["close"]);
  721. theme->set_font("normal", "Fonts", Ref<Font>());
  722. theme->set_font("large", "Fonts", Ref<Font>());
  723. theme->set_constant("separation", "HSeparator", 4 * scale);
  724. theme->set_constant("separation", "VSeparator", 4 * scale);
  725. // ColorPicker
  726. theme->set_constant("margin", "ColorPicker", 4 * scale);
  727. theme->set_constant("sv_width", "ColorPicker", 256 * scale);
  728. theme->set_constant("sv_height", "ColorPicker", 256 * scale);
  729. theme->set_constant("h_width", "ColorPicker", 30 * scale);
  730. theme->set_constant("label_width", "ColorPicker", 10 * scale);
  731. theme->set_icon("screen_picker", "ColorPicker", icons["color_picker_pipette"]);
  732. theme->set_icon("add_preset", "ColorPicker", icons["add"]);
  733. theme->set_icon("color_hue", "ColorPicker", icons["color_picker_hue"]);
  734. theme->set_icon("sample_bg", "ColorPicker", icons["mini_checkerboard"]);
  735. theme->set_icon("overbright_indicator", "ColorPicker", icons["color_picker_overbright"]);
  736. theme->set_icon("bar_arrow", "ColorPicker", icons["color_picker_bar_arrow"]);
  737. theme->set_icon("picker_cursor", "ColorPicker", icons["color_picker_cursor"]);
  738. // ColorPickerButton
  739. theme->set_icon("bg", "ColorPickerButton", icons["mini_checkerboard"]);
  740. theme->set_stylebox("normal", "ColorPickerButton", button_normal);
  741. theme->set_stylebox("pressed", "ColorPickerButton", button_pressed);
  742. theme->set_stylebox("hover", "ColorPickerButton", button_hover);
  743. theme->set_stylebox("disabled", "ColorPickerButton", button_disabled);
  744. theme->set_stylebox("focus", "ColorPickerButton", focus);
  745. theme->set_font("font", "ColorPickerButton", Ref<Font>());
  746. theme->set_font_size("font_size", "ColorPickerButton", -1);
  747. theme->set_color("font_color", "ColorPickerButton", Color(1, 1, 1, 1));
  748. theme->set_color("font_pressed_color", "ColorPickerButton", Color(0.8, 0.8, 0.8, 1));
  749. theme->set_color("font_hover_color", "ColorPickerButton", Color(1, 1, 1, 1));
  750. theme->set_color("font_focus_color", "ColorPickerButton", Color(1, 1, 1, 1));
  751. theme->set_color("font_disabled_color", "ColorPickerButton", Color(0.9, 0.9, 0.9, 0.3));
  752. theme->set_color("font_outline_color", "ColorPickerButton", Color(1, 1, 1));
  753. theme->set_constant("h_separation", "ColorPickerButton", 2 * scale);
  754. theme->set_constant("outline_size", "ColorPickerButton", 0);
  755. // ColorPresetButton
  756. Ref<StyleBoxFlat> preset_sb = make_flat_stylebox(Color(1, 1, 1), 2, 2, 2, 2);
  757. preset_sb->set_corner_radius_all(2);
  758. preset_sb->set_corner_detail(2);
  759. preset_sb->set_anti_aliased(false);
  760. theme->set_stylebox("preset_fg", "ColorPresetButton", preset_sb);
  761. theme->set_icon("preset_bg", "ColorPresetButton", icons["mini_checkerboard"]);
  762. theme->set_icon("overbright_indicator", "ColorPresetButton", icons["color_picker_overbright"]);
  763. // TooltipPanel + TooltipLabel
  764. theme->set_stylebox("panel", "TooltipPanel",
  765. make_flat_stylebox(Color(0, 0, 0, 0.5), 2 * default_margin, 0.5 * default_margin, 2 * default_margin, 0.5 * default_margin));
  766. theme->set_font_size("font_size", "TooltipLabel", -1);
  767. theme->set_font("font", "TooltipLabel", Ref<Font>());
  768. theme->set_color("font_color", "TooltipLabel", control_font_color);
  769. theme->set_color("font_shadow_color", "TooltipLabel", Color(0, 0, 0, 0));
  770. theme->set_color("font_outline_color", "TooltipLabel", Color(0, 0, 0, 0));
  771. theme->set_constant("shadow_offset_x", "TooltipLabel", 1);
  772. theme->set_constant("shadow_offset_y", "TooltipLabel", 1);
  773. theme->set_constant("outline_size", "TooltipLabel", 0);
  774. // RichTextLabel
  775. theme->set_stylebox("focus", "RichTextLabel", focus);
  776. theme->set_stylebox("normal", "RichTextLabel", make_empty_stylebox(0, 0, 0, 0));
  777. theme->set_font("normal_font", "RichTextLabel", Ref<Font>());
  778. theme->set_font("bold_font", "RichTextLabel", bold_font);
  779. theme->set_font("italics_font", "RichTextLabel", italics_font);
  780. theme->set_font("bold_italics_font", "RichTextLabel", bold_italics_font);
  781. theme->set_font("mono_font", "RichTextLabel", Ref<Font>());
  782. theme->set_font_size("normal_font_size", "RichTextLabel", -1);
  783. theme->set_font_size("bold_font_size", "RichTextLabel", -1);
  784. theme->set_font_size("italics_font_size", "RichTextLabel", -1);
  785. theme->set_font_size("bold_italics_font_size", "RichTextLabel", -1);
  786. theme->set_font_size("mono_font_size", "RichTextLabel", -1);
  787. theme->set_color("default_color", "RichTextLabel", Color(1, 1, 1));
  788. theme->set_color("font_selected_color", "RichTextLabel", Color(0, 0, 0));
  789. theme->set_color("selection_color", "RichTextLabel", Color(0.1, 0.1, 1, 0.8));
  790. theme->set_color("font_shadow_color", "RichTextLabel", Color(0, 0, 0, 0));
  791. theme->set_color("font_outline_color", "RichTextLabel", Color(1, 1, 1));
  792. theme->set_constant("shadow_offset_x", "RichTextLabel", 1 * scale);
  793. theme->set_constant("shadow_offset_y", "RichTextLabel", 1 * scale);
  794. theme->set_constant("shadow_outline_size", "RichTextLabel", 1 * scale);
  795. theme->set_constant("line_separation", "RichTextLabel", 0 * scale);
  796. theme->set_constant("table_h_separation", "RichTextLabel", 3 * scale);
  797. theme->set_constant("table_v_separation", "RichTextLabel", 3 * scale);
  798. theme->set_constant("outline_size", "RichTextLabel", 0);
  799. theme->set_color("table_odd_row_bg", "RichTextLabel", Color(0, 0, 0, 0));
  800. theme->set_color("table_even_row_bg", "RichTextLabel", Color(0, 0, 0, 0));
  801. theme->set_color("table_border", "RichTextLabel", Color(0, 0, 0, 0));
  802. // Containers
  803. theme->set_icon("grabber", "VSplitContainer", icons["vsplitter"]);
  804. theme->set_icon("grabber", "HSplitContainer", icons["hsplitter"]);
  805. theme->set_constant("separation", "HBoxContainer", 4 * scale);
  806. theme->set_constant("separation", "VBoxContainer", 4 * scale);
  807. theme->set_constant("margin_left", "MarginContainer", 0 * scale);
  808. theme->set_constant("margin_top", "MarginContainer", 0 * scale);
  809. theme->set_constant("margin_right", "MarginContainer", 0 * scale);
  810. theme->set_constant("margin_bottom", "MarginContainer", 0 * scale);
  811. theme->set_constant("h_separation", "GridContainer", 4 * scale);
  812. theme->set_constant("v_separation", "GridContainer", 4 * scale);
  813. theme->set_constant("separation", "HSplitContainer", 12 * scale);
  814. theme->set_constant("separation", "VSplitContainer", 12 * scale);
  815. theme->set_constant("autohide", "HSplitContainer", 1 * scale);
  816. theme->set_constant("autohide", "VSplitContainer", 1 * scale);
  817. theme->set_constant("h_separation", "HFlowContainer", 4 * scale);
  818. theme->set_constant("v_separation", "HFlowContainer", 4 * scale);
  819. theme->set_constant("h_separation", "VFlowContainer", 4 * scale);
  820. theme->set_constant("v_separation", "VFlowContainer", 4 * scale);
  821. theme->set_stylebox("panel", "PanelContainer", make_flat_stylebox(style_normal_color, 0, 0, 0, 0));
  822. theme->set_icon("minus", "GraphEdit", icons["zoom_less"]);
  823. theme->set_icon("reset", "GraphEdit", icons["zoom_reset"]);
  824. theme->set_icon("more", "GraphEdit", icons["zoom_more"]);
  825. theme->set_icon("snap", "GraphEdit", icons["grid_snap"]);
  826. theme->set_icon("minimap", "GraphEdit", icons["grid_minimap"]);
  827. theme->set_icon("layout", "GraphEdit", icons["grid_layout"]);
  828. theme->set_stylebox("bg", "GraphEdit", make_flat_stylebox(style_normal_color, 4, 4, 4, 5));
  829. theme->set_color("grid_minor", "GraphEdit", Color(1, 1, 1, 0.05));
  830. theme->set_color("grid_major", "GraphEdit", Color(1, 1, 1, 0.2));
  831. theme->set_color("selection_fill", "GraphEdit", Color(1, 1, 1, 0.3));
  832. theme->set_color("selection_stroke", "GraphEdit", Color(1, 1, 1, 0.8));
  833. theme->set_color("activity", "GraphEdit", Color(1, 1, 1));
  834. // Visual Node Ports
  835. theme->set_constant("port_hotzone_inner_extent", "GraphEdit", 22 * scale);
  836. theme->set_constant("port_hotzone_outer_extent", "GraphEdit", 26 * scale);
  837. theme->set_stylebox("bg", "GraphEditMinimap", make_flat_stylebox(Color(0.24, 0.24, 0.24), 0, 0, 0, 0));
  838. Ref<StyleBoxFlat> style_minimap_camera = make_flat_stylebox(Color(0.65, 0.65, 0.65, 0.2), 0, 0, 0, 0, 0);
  839. style_minimap_camera->set_border_color(Color(0.65, 0.65, 0.65, 0.45));
  840. style_minimap_camera->set_border_width_all(1);
  841. theme->set_stylebox("camera", "GraphEditMinimap", style_minimap_camera);
  842. theme->set_stylebox("node", "GraphEditMinimap", make_flat_stylebox(Color(1, 1, 1), 0, 0, 0, 0, 2));
  843. theme->set_icon("resizer", "GraphEditMinimap", icons["resizer_nw"]);
  844. theme->set_color("resizer_color", "GraphEditMinimap", Color(1, 1, 1, 0.85));
  845. // Theme
  846. default_icon = icons["error_icon"];
  847. // Same color as the error icon.
  848. default_style = make_flat_stylebox(Color(1, 0.365, 0.365), 4, 4, 4, 4, 0, false, 2);
  849. }
  850. void make_default_theme(float p_scale, Ref<Font> p_font, TextServer::SubpixelPositioning p_font_subpixel, TextServer::Hinting p_font_hinting, TextServer::FontAntialiasing p_font_antialiasing, bool p_font_msdf, bool p_font_generate_mipmaps) {
  851. Ref<Theme> t;
  852. t.instantiate();
  853. Ref<StyleBox> default_style;
  854. Ref<Texture2D> default_icon;
  855. Ref<Font> default_font;
  856. Ref<FontVariation> bold_font;
  857. Ref<FontVariation> bold_italics_font;
  858. Ref<FontVariation> italics_font;
  859. float default_scale = CLAMP(p_scale, 0.5, 8.0);
  860. if (p_font.is_valid()) {
  861. // Use the custom font defined in the Project Settings.
  862. default_font = p_font;
  863. } else {
  864. // Use the default DynamicFont (separate from the editor font).
  865. // The default DynamicFont is chosen to have a small file size since it's
  866. // embedded in both editor and export template binaries.
  867. Ref<FontFile> dynamic_font;
  868. dynamic_font.instantiate();
  869. dynamic_font->set_data_ptr(_font_OpenSans_SemiBold, _font_OpenSans_SemiBold_size);
  870. dynamic_font->set_subpixel_positioning(p_font_subpixel);
  871. dynamic_font->set_hinting(p_font_hinting);
  872. dynamic_font->set_antialiasing(p_font_antialiasing);
  873. dynamic_font->set_multichannel_signed_distance_field(p_font_msdf);
  874. dynamic_font->set_generate_mipmaps(p_font_generate_mipmaps);
  875. default_font = dynamic_font;
  876. }
  877. if (default_font.is_valid()) {
  878. bold_font.instantiate();
  879. bold_font->set_base_font(default_font);
  880. bold_font->set_variation_embolden(1.2);
  881. bold_italics_font.instantiate();
  882. bold_italics_font->set_base_font(default_font);
  883. bold_italics_font->set_variation_embolden(1.2);
  884. bold_italics_font->set_variation_transform(Transform2D(1.0, 0.2, 0.0, 1.0, 0.0, 0.0));
  885. italics_font.instantiate();
  886. italics_font->set_base_font(default_font);
  887. italics_font->set_variation_transform(Transform2D(1.0, 0.2, 0.0, 1.0, 0.0, 0.0));
  888. }
  889. fill_default_theme(t, default_font, bold_font, bold_italics_font, italics_font, default_icon, default_style, default_scale);
  890. ThemeDB::get_singleton()->set_default_theme(t);
  891. ThemeDB::get_singleton()->set_fallback_base_scale(default_scale);
  892. ThemeDB::get_singleton()->set_fallback_icon(default_icon);
  893. ThemeDB::get_singleton()->set_fallback_stylebox(default_style);
  894. ThemeDB::get_singleton()->set_fallback_font(default_font);
  895. ThemeDB::get_singleton()->set_fallback_font_size(default_font_size * default_scale);
  896. }