- Introduced StageDialogStyler class to render child-facing dialogs as shared in-stage cards. - Preserved native AcceptDialog/ConfirmationDialog signals for stage workflows. - Implemented methods for applying styles, managing visibility, and handling button actions. - Added support for dynamic theming and responsive design based on viewport size. - Created utility functions for styling buttons and managing dialog content.
392 lines
11 KiB
JSON
392 lines
11 KiB
JSON
{
|
|
"version": "2.0",
|
|
"global": {
|
|
"font_preset": "ui",
|
|
"font_size": 18,
|
|
"text_color": "#F5F7FA",
|
|
"muted_text_color": "#AAB2C0",
|
|
"bg_color": "#171B24F2",
|
|
"surface_color": "#252B38FA",
|
|
"border_color": "#FFFFFF33",
|
|
"border_width": 1,
|
|
"corner_radius": 10,
|
|
"padding": 8,
|
|
"spacing": 8
|
|
},
|
|
"fonts": {
|
|
"ui_font": "",
|
|
"emoji_font": "",
|
|
"ui_font_bold": "",
|
|
"ui_font_italic": "",
|
|
"presets": {
|
|
"ui": { "label": "Standard", "path": "" },
|
|
"comic": {
|
|
"label": "Comic",
|
|
"path": "res://resources/fonts/comic.ttf",
|
|
"speech_base_size": 28
|
|
},
|
|
"pixel": {
|
|
"label": "Pixel",
|
|
"path": "res://resources/fonts/pixel.ttf",
|
|
"speech_base_size": 46
|
|
},
|
|
"scary": {
|
|
"label": "Scary",
|
|
"path": "res://resources/fonts/scary.ttf",
|
|
"speech_base_size": 28
|
|
}
|
|
},
|
|
"sizes": {
|
|
"action_popup": 24,
|
|
"action_popup_emoji": 22,
|
|
"assignment_badge": 20,
|
|
"rule_label": 18,
|
|
"status_pill": 18,
|
|
"tooltip": 18,
|
|
"file_menu": 22,
|
|
"file_menu_popup": 26,
|
|
"mode_switcher": 24,
|
|
"timestamp_badge": 22,
|
|
"queue_panel": 22,
|
|
"rule_panel": 22,
|
|
"action_editor": 22,
|
|
"rule_editor": 22,
|
|
"panel_row": 20,
|
|
"panel_title": 24,
|
|
"asset_label": 18,
|
|
"asset_badge": 14
|
|
},
|
|
"flags": {
|
|
"panel_title_bold": true,
|
|
"rule_label_bold": false,
|
|
"badge_bold": true,
|
|
"action_popup_bold": false,
|
|
"action_popup_italic": false
|
|
}
|
|
},
|
|
"mode_colors": {
|
|
"edit": "#22C6FF",
|
|
"direct": "#FFB300",
|
|
"play": "#33DD77",
|
|
"guide": "#22C6FF"
|
|
},
|
|
"effects": {
|
|
"impact_wobble": {
|
|
"duration": 0.48,
|
|
"maximum_angle_degrees": 7.0,
|
|
"sideways_offset": 4.0
|
|
}
|
|
},
|
|
"grid": {
|
|
"snap_size": 15.0,
|
|
"plain_light_minor": "#11182120",
|
|
"plain_light_major": "#11182148",
|
|
"plain_dark_minor": "#FFFFFF25",
|
|
"plain_dark_major": "#FFFFFF58"
|
|
},
|
|
"chrome": {
|
|
"style_defaults": { "bg_color": "#171B24F2", "corner_radius": 10 },
|
|
"top_bar": { "height": 64 },
|
|
"status_bar": { "height": 38 },
|
|
"mode_switcher": { "segment_min_width": 124 },
|
|
"mode_frame": { "border_width": 3 },
|
|
"mode_badge": { "corner_radius": 12, "padding": 10 },
|
|
"timestamp_badge": {
|
|
"corner_radius": 10,
|
|
"padding": 8,
|
|
"bg_color": "#171B24F2"
|
|
},
|
|
"tooltip": { "bg_color": "#101010E6", "border_width": 1 },
|
|
"dialogs": {
|
|
"queue_size": [680, 520],
|
|
"rule_size": [720, 560],
|
|
"action_size": [560, 390],
|
|
"confirm_size": [560, 300],
|
|
"font_size": 22,
|
|
"message_font_size": 20
|
|
}
|
|
},
|
|
"popups": {
|
|
"style_defaults": {
|
|
"bg_color": "#202633FA",
|
|
"border_color": "#FFFFFF33",
|
|
"corner_radius": 12,
|
|
"padding": 12
|
|
},
|
|
"action_menu": { "font_size": 24 },
|
|
"dialog": {
|
|
"surface_color_size": [560, 640],
|
|
"surface_color_preview_size": [420, 140],
|
|
"surface_color_picker_min_size": [320, 340],
|
|
"action_min_target_size": 48
|
|
},
|
|
"confirmation": {
|
|
"scenery_erase_size": [520, 208],
|
|
"padding": 22,
|
|
"body_gap": 12,
|
|
"footer_gap": 12,
|
|
"corner_radius": 18,
|
|
"border_width": 2,
|
|
"title_font_size": 28,
|
|
"message_font_size": 20,
|
|
"button_font_size": 20,
|
|
"button_height": 52,
|
|
"button_min_width": 112,
|
|
"card_width": 560,
|
|
"button_radius": 12,
|
|
"button_border_width": 2,
|
|
"remove_button_width": 170,
|
|
"keep_button_width": 160,
|
|
"surface_color": "#202633FA",
|
|
"border_color": "#667386",
|
|
"secondary_surface": "#293242",
|
|
"secondary_border": "#718096",
|
|
"focus_color": "#8BD9FF",
|
|
"backdrop_color": "#080D15B8",
|
|
"accent_color": "#8BD9FF",
|
|
"action_color": "#087DBA",
|
|
"danger_color": "#E66B75",
|
|
"danger_surface": "#44262D",
|
|
"danger_hover_surface": "#3B252C",
|
|
"danger_pressed_surface": "#4A252D"
|
|
},
|
|
"asset_selector": {
|
|
"backdrop_alpha": 0.55,
|
|
"cell_size": [190, 220],
|
|
"thumbnail_size": [156, 156],
|
|
"surface_preview_size": [420, 132],
|
|
"look_cue_size": [80, 42],
|
|
"setup_gap": 8,
|
|
"setup_title_size": 30,
|
|
"setup_heading_size": 26,
|
|
"setup_choice_font_size": 22,
|
|
"setup_choice_height": 68,
|
|
"setup_choice_corner_radius": 22,
|
|
"setup_choice_border_width": 2,
|
|
"tab_font_size": 22,
|
|
"tab_height": 60,
|
|
"filter_chip_font_size": 20,
|
|
"filter_chip_height": 48,
|
|
"filter_chip_gap": 8,
|
|
"setup_button_font_size": 20,
|
|
"button_border_width": 2,
|
|
"footer_gap": 16,
|
|
"surface_corner_radius": 14,
|
|
"look_corner_radius": 8,
|
|
"corner_radius": 16,
|
|
"compact_swatch_size": 44,
|
|
"color_group_gap": 8,
|
|
"starter_dialog_width": 1160,
|
|
"starter_viewport_height_ratio": 0.96,
|
|
"starter_card_min_width": 340,
|
|
"starter_preview_aspect": 2.0,
|
|
"starter_preview_corner_radius": 12,
|
|
"starter_preview_horizontal_inset": 10,
|
|
"starter_preview_top_inset": 6,
|
|
"starter_card_text_height": 108,
|
|
"starter_title_size": 30,
|
|
"starter_label_size": 22,
|
|
"starter_label_height": 34,
|
|
"starter_description_size": 20,
|
|
"starter_description_height": 48,
|
|
"action_color": "#087DBA",
|
|
"separator_color": "#AAB2C0A0"
|
|
}
|
|
},
|
|
"palette": {
|
|
"style_defaults": {
|
|
"bg_color": "#252B38FA",
|
|
"corner_radius": 10,
|
|
"padding": 6
|
|
},
|
|
"dock_width": 116,
|
|
"card_size": [96, 94],
|
|
"icon_size": 30,
|
|
"drag_threshold": 8,
|
|
"selected_border_width": 3
|
|
},
|
|
"stage_panels": {
|
|
"shell": {
|
|
"preferred_width": 380,
|
|
"edge_inset": 12,
|
|
"padding": 12,
|
|
"header_gap": 8,
|
|
"section_gap": 12,
|
|
"corner_radius": 10,
|
|
"surface_color": "#252B38FA",
|
|
"border_color": "#FFFFFF33"
|
|
},
|
|
"type": {
|
|
"title_size": 24,
|
|
"section_size": 20,
|
|
"body_size": 20,
|
|
"helper_size": 16,
|
|
"text_color": "#F5F7FA",
|
|
"muted_text_color": "#AAB2C0"
|
|
},
|
|
"choice": {
|
|
"minimum_height": 56,
|
|
"row_gap": 6,
|
|
"neutral_surface": "#171B24",
|
|
"hover_surface": "#303A4B",
|
|
"selected_surface": "#12394A",
|
|
"disabled_surface": "#252B38",
|
|
"border_color": "#FFFFFF33"
|
|
},
|
|
"toggle": {
|
|
"minimum_height": 64,
|
|
"help_minimum_height": 72,
|
|
"row_padding": 12,
|
|
"switch_width": 64,
|
|
"switch_height": 34,
|
|
"knob_size": 26,
|
|
"neutral_surface": "#202633",
|
|
"hover_surface": "#2B3442",
|
|
"selected_surface": "#173443",
|
|
"disabled_surface": "#252B38",
|
|
"border_color": "#FFFFFF33",
|
|
"switch_on_color": "#22C6FF",
|
|
"switch_off_color": "#4A5362",
|
|
"switch_disabled_color": "#3B414D",
|
|
"knob_color": "#F5F7FA"
|
|
},
|
|
"action": {
|
|
"min_target_size": 48,
|
|
"close_width": 88,
|
|
"surface_color": "#171B24",
|
|
"hover_surface": "#303A4B",
|
|
"selected_surface": "#12394A",
|
|
"primary_color": "#087DBA",
|
|
"primary_hover_color": "#1596D3",
|
|
"primary_pressed_color": "#066B9F",
|
|
"destructive_color": "#FF626B",
|
|
"destructive_hover_surface": "#3B252C",
|
|
"destructive_pressed_surface": "#4A252D"
|
|
},
|
|
"prop": {
|
|
"stickman_cue_color": "#F5F7FA",
|
|
"prop_cue_color": "#B7824D",
|
|
"cue_outline_color": "#171B24"
|
|
},
|
|
"spots": {
|
|
"row_gap": 8,
|
|
"pin_visual_size": 30,
|
|
"pin_hit_size": 44,
|
|
"pin_outline_width": 2,
|
|
"focus_ring_width": 3,
|
|
"name_pill_padding": 10,
|
|
"pin_surface_color": "#F4F7FB",
|
|
"pin_outline_color": "#171B24",
|
|
"completion_duration": 0.6
|
|
}
|
|
},
|
|
"stage_surface_colors": {
|
|
"section_gap": 8,
|
|
"swatch_gap": 8,
|
|
"swatch_size": 48,
|
|
"swatch_border": "#FFFFFFB8",
|
|
"swatch_focus_border": "#FFFFFF",
|
|
"swatch_corner_radius": 8,
|
|
"swatch_border_width": 2,
|
|
"swatch_check_size": 24,
|
|
"selected_border_width": 4,
|
|
"focus_border_width": 3
|
|
},
|
|
"overlays": {
|
|
"style_defaults": { "line_width": 2, "dash_length": 8, "dash_gap": 5 },
|
|
"terrain_guide": { "color": "#22C6FF" },
|
|
"completed_path_alpha": 0.2,
|
|
"completed_path_color": "#959EAD",
|
|
"rule_connector_color": "#AAB2C0",
|
|
"rule_action_color": "#7E57C2",
|
|
"valid": { "color": "#4DE66680" },
|
|
"same_type": { "color": "#FFFFFF26" },
|
|
"invalid": { "color": "#FF4D4D80" },
|
|
"set_down": {
|
|
"unknown_color": "#C5CAD4",
|
|
"reach_color": "#FFB300",
|
|
"ghost_alpha": 0.36
|
|
},
|
|
"use_preview": {
|
|
"valid_color": "#42D887",
|
|
"invalid_color": "#F06464",
|
|
"uncertain_color": "#FFB300",
|
|
"neutral_color": "#C5CAD4",
|
|
"completion_duration": 0.6
|
|
},
|
|
"gizmos": {
|
|
"backing_color": "#111821E8",
|
|
"selection_color": "#F5F7FAE6",
|
|
"hover_color": "#FFE66DCC",
|
|
"rotate_color": "#4DB9FFE6",
|
|
"backing_extra_width": 3.0
|
|
}
|
|
},
|
|
"widgets": {
|
|
"swatches": [
|
|
"#FFFFFF",
|
|
"#111111",
|
|
"#22C6FF",
|
|
"#FFB300",
|
|
"#33DD77",
|
|
"#FF4D4D"
|
|
],
|
|
"size_presets": [
|
|
{ "id": "small", "label": "Small", "value": 20 },
|
|
{ "id": "medium", "label": "Medium", "value": 28 },
|
|
{ "id": "huge", "label": "HUGE", "value": 40 }
|
|
],
|
|
"emoji": ["😀", "😂", "😍", "😮", "😢", "😡", "👍", "❤️"]
|
|
},
|
|
"speech": {
|
|
"toolbar": {
|
|
"surface": "#1C2431F7",
|
|
"border": "#9EADBF",
|
|
"selection_halo": "#FFD84D",
|
|
"ribbon": "#2385A0",
|
|
"gap": 10,
|
|
"max_width": 560,
|
|
"min_hit_height": 56
|
|
},
|
|
"ui": { "panel_width": 440, "button_min_height": 44, "heading_size": 24 },
|
|
"layout": {
|
|
"max_width": 420,
|
|
"stack_gap": 12,
|
|
"screen_margin": 18,
|
|
"bubble_padding": 18
|
|
},
|
|
"animation": {
|
|
"letter_interval": 0.045,
|
|
"word_interval": 0.2,
|
|
"pop_duration": 0.24
|
|
},
|
|
"styles": {
|
|
"talk": { "fill": "#FFFDF6", "outline": "#202020", "tail": "talk" },
|
|
"shout": { "fill": "#FFD642", "outline": "#D92F26", "tail": "shout" },
|
|
"think": { "fill": "#E9F5FF", "outline": "#37698B", "tail": "think" },
|
|
"whisper": { "fill": "#F2F2F2", "outline": "#6D7885", "tail": "whisper" },
|
|
"sfx": { "fill": "#FFDD39", "outline": "#D92F26", "tail": "none" }
|
|
},
|
|
"text_colors": [
|
|
{ "name": "Ink", "color": "#202020" },
|
|
{ "name": "Midnight", "color": "#111827" },
|
|
{ "name": "Slate", "color": "#475569" },
|
|
{ "name": "Snow", "color": "#FFFFFF" },
|
|
{ "name": "Cloud", "color": "#CBD5E1" },
|
|
{ "name": "Sky", "color": "#2196F3" },
|
|
{ "name": "Ocean", "color": "#0077B6" },
|
|
{ "name": "Teal", "color": "#00897B" },
|
|
{ "name": "Leaf", "color": "#2E7D32" },
|
|
{ "name": "Lime", "color": "#8BC34A" },
|
|
{ "name": "Sunshine", "color": "#FFC107" },
|
|
{ "name": "Orange", "color": "#F57C00" },
|
|
{ "name": "Sunset red", "color": "#E53935" },
|
|
{ "name": "Rose", "color": "#D81B60" },
|
|
{ "name": "Violet", "color": "#7E57C2" },
|
|
{ "name": "Brown", "color": "#795548" }
|
|
],
|
|
"preview_ghost": "#FFFFFF99",
|
|
"connector": "#FFFFFFB0"
|
|
}
|
|
}
|