Theme: Style update for Blender 4.0 #112744

Open
Pablo Vazquez wants to merge 5 commits from pablovazquez/blender:ui-theme-blender-4-0 into blender-v4.0-release

When changing the target branch, be careful to rebase the branch in your fork to match. See documentation.
4 changed files with 116 additions and 112 deletions

View File

@ -28,7 +28,7 @@ const bTheme U_theme_default = {
.wcol_regular = {
.outline = RGBA(0x3d3d3dff),
.inner = RGBA(0x545454ff),
.inner_sel = RGBA(0x4772b3ff),
.inner_sel = RGBA(0x4772b3e6),
.item = RGBA(0x1d1d1d80),
.text = RGBA(0xe6e6e6ff),
.text_sel = RGBA(0xffffffff),
@ -37,7 +37,7 @@ const bTheme U_theme_default = {
.wcol_tool = {
.outline = RGBA(0x3d3d3dff),
.inner = RGBA(0x545454ff),
.inner_sel = RGBA(0x4772b3ff),
.inner_sel = RGBA(0x4772b3e6),
.item = RGBA(0xffffffff),
.text = RGBA(0xe6e6e6ff),
.text_sel = RGBA(0xffffffff),
@ -46,7 +46,7 @@ const bTheme U_theme_default = {
.wcol_toolbar_item = {
.outline = RGBA(0x3d3d3dff),
.inner = RGBA(0x282828ff),
.inner_sel = RGBA(0x4772b3ff),
.inner_sel = RGBA(0x4772b3e6),
.item = RGBA(0xffffffb3),
.text = RGBA(0xe6e6e6ff),
.text_sel = RGBA(0xffffffff),
@ -64,7 +64,7 @@ const bTheme U_theme_default = {
.wcol_radio = {
.outline = RGBA(0x3d3d3dff),
.inner = RGBA(0x545454ff),
.inner_sel = RGBA(0x4772b3ff),
.inner_sel = RGBA(0x4772b3e6),
.item = RGBA(0x252525ff),
.text = RGBA(0xe6e6e6ff),
.text_sel = RGBA(0xffffffff),
@ -73,7 +73,7 @@ const bTheme U_theme_default = {
.wcol_option = {
.outline = RGBA(0x3d3d3dff),
.inner = RGBA(0x545454ff),
.inner_sel = RGBA(0x4772b3ff),
.inner_sel = RGBA(0x4772b3e6),
.item = RGBA(0xffffffff),
.text = RGBA(0xe6e6e6ff),
.text_sel = RGBA(0xffffffff),
@ -82,7 +82,7 @@ const bTheme U_theme_default = {
.wcol_toggle = {
.outline = RGBA(0x3d3d3dff),
.inner = RGBA(0x545454ff),
.inner_sel = RGBA(0x4772b3ff),
.inner_sel = RGBA(0x4772b3e6),
.item = RGBA(0x252525ff),
.text = RGBA(0xe6e6e6ff),
.text_sel = RGBA(0xffffffff),
@ -92,7 +92,7 @@ const bTheme U_theme_default = {
.outline = RGBA(0x3d3d3dff),
.inner = RGBA(0x545454ff),
.inner_sel = RGBA(0x222222ff),
.item = RGBA(0x4772b3ff),
.item = RGBA(0x4772b3e6),
.text = RGBA(0xe6e6e6ff),
.text_sel = RGBA(0xffffffff),
.roundness = 0.2f,
@ -101,14 +101,14 @@ const bTheme U_theme_default = {
.outline = RGBA(0x3d3d3dff),
.inner = RGBA(0x545454ff),
.inner_sel = RGBA(0x222222ff),
.item = RGBA(0x4772b3ff),
.item = RGBA(0x466da7e6),
.text = RGBA(0xe6e6e6ff),
.text_sel = RGBA(0xffffffff),
.roundness = 0.2f,
},
.wcol_tab = {
.outline = RGBA(0x1d1d1dff),
.inner = RGBA(0x1d1d1dff),
.outline = RGBA(0x1d1d1d00),
.inner = RGBA(0x1d1d1d00),
.inner_sel = RGBA(0x303030ff),
.item = RGBA(0x1d1d1dff),
.text = RGBA(0x989898ff),
@ -118,17 +118,17 @@ const bTheme U_theme_default = {
.wcol_menu = {
.outline = RGBA(0x3d3d3dff),
.inner = RGBA(0x282828ff),
.inner_sel = RGBA(0x4772b3b3),
.inner_sel = RGBA(0x4772b3e6),
.item = RGBA(0xd9d9d9ff),
.text = RGBA(0xe6e6e6ff),
.text_sel = RGBA(0xffffffff),
.roundness = 0.2f,
},
.wcol_pulldown = {
.outline = RGBA(0x3d3d3dff),
.inner = RGBA(0x22222266),
.inner_sel = RGBA(0x4772b3b3),
.item = RGBA(0x727272ff),
.outline = RGBA(0x3d3d3d00),
.inner = RGBA(0x22222200),
.inner_sel = RGBA(0xffffff1a),
.item = RGBA(0xffffff8f),
.text = RGBA(0xd9d9d9ff),
.text_sel = RGBA(0xffffffff),
.roundness = 0.2f,
@ -136,16 +136,16 @@ const bTheme U_theme_default = {
.wcol_menu_back = {
.outline = RGBA(0x242424ff),
.inner = RGBA(0x181818ff),
.inner_sel = RGBA(0x4772b3ff),
.inner_sel = RGBA(0x4772b3e6),
.item = RGBA(0xd9d9d9ff),
.text = RGBA(0x999999ff),
.text_sel = RGBA(0xffffffff),
.roundness = 0.2f,
.roundness = 0.25f,
},
.wcol_menu_item = {
.outline = RGBA(0x3d3d3d00),
.inner = RGBA(0x18181800),
.inner_sel = RGBA(0x4772b3ff),
.inner_sel = RGBA(0x4772b3e6),
.item = RGBA(0xffffff8f),
.text = RGBA(0xddddddff),
.text_sel = RGBA(0xffffffff),
@ -154,7 +154,7 @@ const bTheme U_theme_default = {
.wcol_tooltip = {
.outline = RGBA(0x242424ff),
.inner = RGBA(0x1d1d1dff),
.inner_sel = RGBA(0x4772b3ff),
.inner_sel = RGBA(0x4772b3e6),
.item = RGBA(0xd9d9d9ff),
.text = RGBA(0xd9d9d9ff),
.text_sel = RGBA(0xffffffff),
@ -181,8 +181,8 @@ const bTheme U_theme_default = {
.wcol_progress = {
.outline = RGBA(0x3d3d3dff),
.inner = RGBA(0x222222ff),
.inner_sel = RGBA(0x4772b3ff),
.item = RGBA(0x4772b3ff),
.inner_sel = RGBA(0x4772b3e6),
.item = RGBA(0x4772b3e6),
.text = RGBA(0xe6e6e6ff),
.text_sel = RGBA(0xffffffff),
.roundness = 0.2f,
@ -190,7 +190,7 @@ const bTheme U_theme_default = {
.wcol_list_item = {
.outline = RGBA(0x2d2d2dff),
.inner = RGBA(0xffffff00),
.inner_sel = RGBA(0x4772b3ff),
.inner_sel = RGBA(0x4772b3e6),
.item = RGBA(0xffffff33),
.text = RGBA(0xccccccff),
.text_sel = RGBA(0xffffffff),
@ -254,10 +254,10 @@ const bTheme U_theme_default = {
.header = RGBA(0x303030b3),
.header_text = RGBA(0xeeeeeeff),
.header_text_hi = RGBA(0xffffffff),
.tab_active = RGBA(0x303030ff),
.tab_inactive = RGBA(0x1d1d1dff),
.tab_back = RGBA(0x181818ff),
.tab_outline = RGBA(0x3d3d3dff),
.tab_active = RGBA(0x3d3d3dff),
.tab_inactive = RGBA(0x181818ff),
.tab_back = RGBA(0x1818184d),
.tab_outline = RGBA(0x3d3d3d00),
.button = RGBA(0x30303000),
.button_title = RGBA(0xccccccff),
.button_text = RGBA(0xccccccff),
@ -284,10 +284,10 @@ const bTheme U_theme_default = {
.header = RGBA(0x303030b3),
.header_text = RGBA(0xeeeeeeff),
.header_text_hi = RGBA(0xffffffff),
.tab_active = RGBA(0x303030ff),
.tab_inactive = RGBA(0x1d1d1dff),
.tab_back = RGBA(0x181818ff),
.tab_outline = RGBA(0x3d3d3dff),
.tab_active = RGBA(0x3d3d3dff),
.tab_inactive = RGBA(0x181818ff),
.tab_back = RGBA(0x1818184d),
.tab_outline = RGBA(0x3d3d3d00),
.button = RGBA(0x30303000),
.button_title = RGBA(0xffffffff),
.button_text = RGBA(0xccccccff),
@ -383,10 +383,10 @@ const bTheme U_theme_default = {
.header = RGBA(0x303030b3),
.header_text = RGBA(0xeeeeeeff),
.header_text_hi = RGBA(0xffffffff),
.tab_active = RGBA(0x303030ff),
.tab_inactive = RGBA(0x1d1d1dff),
.tab_back = RGBA(0x181818ff),
.tab_outline = RGBA(0x3d3d3dff),
.tab_active = RGBA(0x3d3d3dff),
.tab_inactive = RGBA(0x181818ff),
.tab_back = RGBA(0x1818184d),
.tab_outline = RGBA(0x3d3d3d00),
.button = RGBA(0x30303000),
.button_title = RGBA(0xffffffff),
.button_text = RGBA(0xccccccff),
@ -412,10 +412,10 @@ const bTheme U_theme_default = {
.header = RGBA(0x303030b3),
.header_text = RGBA(0xeeeeeeff),
.header_text_hi = RGBA(0xffffffff),
.tab_active = RGBA(0x303030ff),
.tab_inactive = RGBA(0x1d1d1dff),
.tab_back = RGBA(0x181818ff),
.tab_outline = RGBA(0x3d3d3dff),
.tab_active = RGBA(0x3d3d3dff),
.tab_inactive = RGBA(0x181818ff),
.tab_back = RGBA(0x1818184d),
.tab_outline = RGBA(0x3d3d3d00),
.button = RGBA(0x30303000),
.button_title = RGBA(0xffffffff),
.button_text = RGBA(0xccccccff),
@ -469,10 +469,10 @@ const bTheme U_theme_default = {
.header = RGBA(0x303030b3),
.header_text = RGBA(0xeeeeeeff),
.header_text_hi = RGBA(0xffffffff),
.tab_active = RGBA(0x303030ff),
.tab_inactive = RGBA(0x1d1d1dff),
.tab_back = RGBA(0x181818ff),
.tab_outline = RGBA(0x3d3d3dff),
.tab_active = RGBA(0x3d3d3dff),
.tab_inactive = RGBA(0x181818ff),
.tab_back = RGBA(0x1818184d),
.tab_outline = RGBA(0x3d3d3d00),
.button = RGBA(0x30303000),
.button_title = RGBA(0xffffffff),
.button_text = RGBA(0xccccccff),
@ -510,10 +510,10 @@ const bTheme U_theme_default = {
.header = RGBA(0x303030b3),
.header_text = RGBA(0xeeeeeeff),
.header_text_hi = RGBA(0xffffffff),
.tab_active = RGBA(0x303030ff),
.tab_inactive = RGBA(0x1d1d1dff),
.tab_back = RGBA(0x181818ff),
.tab_outline = RGBA(0x3d3d3dff),
.tab_active = RGBA(0x3d3d3dff),
.tab_inactive = RGBA(0x181818ff),
.tab_back = RGBA(0x1818184d),
.tab_outline = RGBA(0x3d3d3d00),
.button = RGBA(0x22222200),
.button_title = RGBA(0xffffffff),
.button_text = RGBA(0xccccccff),
@ -573,10 +573,10 @@ const bTheme U_theme_default = {
.header = RGBA(0x303030b3),
.header_text = RGBA(0xeeeeeeff),
.header_text_hi = RGBA(0xffffffff),
.tab_active = RGBA(0x303030ff),
.tab_inactive = RGBA(0x1d1d1dff),
.tab_back = RGBA(0x181818ff),
.tab_outline = RGBA(0x3d3d3dff),
.tab_active = RGBA(0x3d3d3dff),
.tab_inactive = RGBA(0x181818ff),
.tab_back = RGBA(0x1818184d),
.tab_outline = RGBA(0x3d3d3d00),
.button = RGBA(0x30303000),
.button_title = RGBA(0xffffffff),
.button_text = RGBA(0xccccccff),
@ -629,10 +629,10 @@ const bTheme U_theme_default = {
.header = RGBA(0x303030b3),
.header_text = RGBA(0xeeeeeeff),
.header_text_hi = RGBA(0xffffffff),
.tab_active = RGBA(0x303030ff),
.tab_inactive = RGBA(0x1d1d1dff),
.tab_back = RGBA(0x181818ff),
.tab_outline = RGBA(0x3d3d3dff),
.tab_active = RGBA(0x3d3d3dff),
.tab_inactive = RGBA(0x181818ff),
.tab_back = RGBA(0x1818184d),
.tab_outline = RGBA(0x3d3d3d00),
.button = RGBA(0x30303000),
.button_title = RGBA(0xffffffff),
.button_text = RGBA(0xccccccff),
@ -656,6 +656,18 @@ const bTheme U_theme_default = {
.time_scrub_background = RGBA(0x121212ff),
.time_marker_line = RGBA(0xffffff4d),
.time_marker_line_selected = RGBA(0xffffffb3),
.keytype_keyframe = RGBA(0xbfbfbfff),
.keytype_extreme = RGBA(0xe8b3ccff),
.keytype_breakdown = RGBA(0xb3dbe8ff),
.keytype_jitter = RGBA(0x94e575ff),
.keytype_movehold = RGBA(0x808080ff),
.keytype_keyframe_select = RGBA(0xffbe33ff),
.keytype_extreme_select = RGBA(0xf28080ff),
.keytype_breakdown_select = RGBA(0x54bfedff),
.keytype_jitter_select = RGBA(0x61c042ff),
.keytype_movehold_select = RGBA(0xffaf23ff),
.keyborder = RGBA(0x000000ff),
.keyborder_select = RGBA(0x000000ff),
.vertex_size = 3,
.outline_width = 1,
.facedot_size = 4,
@ -677,18 +689,6 @@ const bTheme U_theme_default = {
.row_alternate = RGBA(0xffffff05),
.anim_preview_range = RGBA(0xa14d0066),
.metadatatext = RGBA(0xffffffff),
.keytype_keyframe = RGBA(0xbfbfbfff),
.keytype_extreme = RGBA(0xe8b3ccff),
.keytype_breakdown = RGBA(0xb3dbe8ff),
.keytype_jitter = RGBA(0x94e575ff),
.keytype_movehold = RGBA(0x808080ff),
.keytype_keyframe_select = RGBA(0xffbe33ff),
.keytype_extreme_select = RGBA(0xf28080ff),
.keytype_breakdown_select = RGBA(0x54bfedff),
.keytype_jitter_select = RGBA(0x61c042ff),
.keytype_movehold_select = RGBA(0xffaf23ff),
.keyborder = RGBA(0x000000ff),
.keyborder_select = RGBA(0x000000ff),
},
.space_image = {
.back = RGBA(0x30303000),
@ -698,10 +698,10 @@ const bTheme U_theme_default = {
.header = RGBA(0x303030b3),
.header_text = RGBA(0xeeeeeeff),
.header_text_hi = RGBA(0xffffffff),
.tab_active = RGBA(0x303030ff),
.tab_inactive = RGBA(0x1d1d1dff),
.tab_back = RGBA(0x181818ff),
.tab_outline = RGBA(0x3d3d3dff),
.tab_active = RGBA(0x3d3d3dff),
.tab_inactive = RGBA(0x181818ff),
.tab_back = RGBA(0x1818184d),
.tab_outline = RGBA(0x3d3d3d00),
.button = RGBA(0x30303000),
.button_title = RGBA(0xffffffff),
.button_text = RGBA(0xccccccff),
@ -755,10 +755,10 @@ const bTheme U_theme_default = {
.header = RGBA(0x303030b3),
.header_text = RGBA(0xeeeeeeff),
.header_text_hi = RGBA(0xffffffff),
.tab_active = RGBA(0x303030ff),
.tab_inactive = RGBA(0x1d1d1dff),
.tab_back = RGBA(0x181818ff),
.tab_outline = RGBA(0x3d3d3dff),
.tab_active = RGBA(0x3d3d3dff),
.tab_inactive = RGBA(0x181818ff),
.tab_back = RGBA(0x1818184d),
.tab_outline = RGBA(0x3d3d3d00),
.button = RGBA(0x30303000),
.button_title = RGBA(0xffffffff),
.button_text = RGBA(0xccccccff),
@ -794,10 +794,10 @@ const bTheme U_theme_default = {
.header = RGBA(0x282828b3),
.header_text = RGBA(0xeeeeeeff),
.header_text_hi = RGBA(0xffffffff),
.tab_active = RGBA(0x303030ff),
.tab_inactive = RGBA(0x1d1d1dff),
.tab_back = RGBA(0x181818ff),
.tab_outline = RGBA(0x3d3d3dff),
.tab_active = RGBA(0x3d3d3dff),
.tab_inactive = RGBA(0x181818ff),
.tab_back = RGBA(0x1818184d),
.tab_outline = RGBA(0x3d3d3d00),
.button = RGBA(0x30303000),
.button_title = RGBA(0xffffffff),
.button_text = RGBA(0xccccccff),
@ -809,12 +809,12 @@ const bTheme U_theme_default = {
.back = RGBA(0x3d3d3dff),
.sub_back = RGBA(0x0000001f),
},
.active = RGBA(0x334d80ff),
.active = RGBA(0x375480ff),
.vertex_size = 3,
.outline_width = 1,
.facedot_size = 4,
.match = RGBA(0x337f334c),
.selected_highlight = RGBA(0x1d314dff),
.selected_highlight = RGBA(0x1d304dff),
.selected_object = RGBA(0xe96a00ff),
.active_object = RGBA(0xffaf29ff),
.edited_object = RGBA(0x00806266),
@ -828,10 +828,10 @@ const bTheme U_theme_default = {
.header = RGBA(0x1d1d1db3),
.header_text = RGBA(0xeeeeeeff),
.header_text_hi = RGBA(0xffffffff),
.tab_active = RGBA(0x303030ff),
.tab_inactive = RGBA(0x1d1d1dff),
.tab_back = RGBA(0x181818ff),
.tab_outline = RGBA(0x3d3d3dff),
.tab_active = RGBA(0x3d3d3dff),
.tab_inactive = RGBA(0x181818ff),
.tab_back = RGBA(0x1818184d),
.tab_outline = RGBA(0x3d3d3d00),
.button = RGBA(0x30303000),
.button_title = RGBA(0xffffffff),
.button_text = RGBA(0xccccccff),
@ -893,10 +893,10 @@ const bTheme U_theme_default = {
.header = RGBA(0x303030b3),
.header_text = RGBA(0xeeeeeeff),
.header_text_hi = RGBA(0xffffffff),
.tab_active = RGBA(0x303030ff),
.tab_inactive = RGBA(0x1d1d1dff),
.tab_back = RGBA(0x181818ff),
.tab_outline = RGBA(0x3d3d3dff),
.tab_active = RGBA(0x3d3d3dff),
.tab_inactive = RGBA(0x181818ff),
.tab_back = RGBA(0x1818184d),
.tab_outline = RGBA(0x3d3d3d00),
.button = RGBA(0x1d1d1dff),
.button_title = RGBA(0xffffffff),
.button_text = RGBA(0xccccccff),
@ -920,10 +920,10 @@ const bTheme U_theme_default = {
.header = RGBA(0x303030b3),
.header_text = RGBA(0xeeeeeeff),
.header_text_hi = RGBA(0xffffffff),
.tab_active = RGBA(0x303030ff),
.tab_inactive = RGBA(0x1d1d1dff),
.tab_back = RGBA(0x181818ff),
.tab_outline = RGBA(0x3d3d3dff),
.tab_active = RGBA(0x3d3d3dff),
.tab_inactive = RGBA(0x181818ff),
.tab_back = RGBA(0x1818184d),
.tab_outline = RGBA(0x3d3d3d00),
.button = RGBA(0x30303000),
.button_title = RGBA(0xffffffff),
.button_text = RGBA(0xccccccff),
@ -953,10 +953,10 @@ const bTheme U_theme_default = {
.header = RGBA(0x303030b3),
.header_text = RGBA(0xeeeeeeff),
.header_text_hi = RGBA(0xffffffff),
.tab_active = RGBA(0x303030ff),
.tab_inactive = RGBA(0x1d1d1dff),
.tab_back = RGBA(0x181818ff),
.tab_outline = RGBA(0x3d3d3dff),
.tab_active = RGBA(0x3d3d3dff),
.tab_inactive = RGBA(0x181818ff),
.tab_back = RGBA(0x1818184d),
.tab_outline = RGBA(0x3d3d3d00),
.button = RGBA(0x30303000),
.button_title = RGBA(0xffffffff),
.button_text = RGBA(0xccccccff),
@ -1010,10 +1010,10 @@ const bTheme U_theme_default = {
.header = RGBA(0x181818b3),
.header_text = RGBA(0xeeeeeeff),
.header_text_hi = RGBA(0xffffffff),
.tab_active = RGBA(0x303030ff),
.tab_inactive = RGBA(0x1d1d1dff),
.tab_back = RGBA(0x181818ff),
.tab_outline = RGBA(0x3d3d3dff),
.tab_active = RGBA(0x3d3d3dff),
.tab_inactive = RGBA(0x181818ff),
.tab_back = RGBA(0x1818184d),
.tab_outline = RGBA(0x3d3d3d00),
.button = RGBA(0x30303000),
.button_title = RGBA(0xffffffff),
.button_text = RGBA(0xccccccff),
@ -1038,10 +1038,10 @@ const bTheme U_theme_default = {
.header = RGBA(0x181818b3),
.header_text = RGBA(0x888888ff),
.header_text_hi = RGBA(0xffffffff),
.tab_active = RGBA(0x303030ff),
.tab_inactive = RGBA(0x1d1d1dff),
.tab_back = RGBA(0x181818ff),
.tab_outline = RGBA(0x3d3d3dff),
.tab_active = RGBA(0x3d3d3dff),
.tab_inactive = RGBA(0x181818ff),
.tab_back = RGBA(0x1818184d),
.tab_outline = RGBA(0x3d3d3d00),
.button = RGBA(0x30303000),
.button_text = RGBA(0xcccccc00),
.button_text_hi = RGBA(0xffffffff),
@ -1065,10 +1065,10 @@ const bTheme U_theme_default = {
.header = RGBA(0x303030b3),
.header_text = RGBA(0xeeeeeeff),
.header_text_hi = RGBA(0xffffffff),
.tab_active = RGBA(0x303030ff),
.tab_inactive = RGBA(0x1d1d1dff),
.tab_back = RGBA(0x181818ff),
.tab_outline = RGBA(0x3d3d3dff),
.tab_active = RGBA(0x3d3d3dff),
.tab_inactive = RGBA(0x181818ff),
.tab_back = RGBA(0x1818184d),
.tab_outline = RGBA(0x3d3d3d00),
.button = RGBA(0x30303000),
.button_title = RGBA(0xffffffff),
.button_text = RGBA(0xccccccff),

View File

@ -29,7 +29,7 @@ extern "C" {
/* Blender file format version. */
#define BLENDER_FILE_VERSION BLENDER_VERSION
#define BLENDER_FILE_SUBVERSION 28
#define BLENDER_FILE_SUBVERSION 29
/* Minimum Blender version that supports reading file written with the current
* version. Older Blender versions will test this and cancel loading the file, showing a warning to

View File

@ -129,6 +129,10 @@ static void do_versions_theme(const UserDef *userdef, bTheme *btheme)
FROM_DEFAULT_V4_UCHAR(space_sequencer.transition);
}
if (!USER_VERSION_ATLEAST(400, 29)) {
memcpy(btheme, &U_theme_default, sizeof(*btheme));
}
/**
* Versioning code until next subversion bump goes here.
*

View File

@ -271,14 +271,14 @@ enum {
};
/** Default font size for normal text. */
#define UI_DEFAULT_TEXT_POINTS 11.0f
#define UI_DEFAULT_TEXT_POINTS 11.6f
/** Larger size used for title text. */
#define UI_DEFAULT_TITLE_POINTS 11.0f
#define UI_DEFAULT_TITLE_POINTS 11.6f
#define UI_PANEL_WIDTH 340
#define UI_COMPACT_PANEL_WIDTH 160
#define UI_SIDEBAR_PANEL_WIDTH 220
#define UI_SIDEBAR_PANEL_WIDTH 280
#define UI_NAVIGATION_REGION_WIDTH UI_COMPACT_PANEL_WIDTH
#define UI_NARROW_NAVIGATION_REGION_WIDTH 100