Skip to content

styles

Type Aliases

ButtonStyles

type ButtonStyles =
| `react_slot_button_${SlotColor}`
| `react_selected_slot_button_${SlotColor}`
| `react_standalone_slot_button_${SlotColor}`
| `react_selected_standalone_slot_button_${SlotColor}`
| "react_selected_frame_action_button"
| "react_selected_tool_button"
| "react_tool_button_light_green"
| "react_tool_button_dark_red"
| "react_invisible_button"
| "react_tab_button"
| "button"
| "confirm_button"
| "confirm_button_without_tooltip"
| "confirm_double_arrow_button"
| "tips_and_tricks_notification_button"
| "red_confirm_button"
| "red_back_button"
| "red_button"
| "green_button"
| "back_button"
| "forward_button"
| "slot_button"
| "slot_button_in_shallow_frame"
| "transparent_slot"
| "frame_action_button"
| "close_button"
| "action_button"
| "mini_button"
| "mini_button_aligned_to_text_vertically_when_centered"
| "mini_button_aligned_to_text_vertically_when_centered_with_extra_bottom_margin"
| "rounded_button"
| "rounded_button_without_padding"
| "tool_button"
| "tool_button_red"
| "tool_button_green"
| "tool_button_blue"
| "mini_button"
| "mini_button_aligned_to_text_vertically"
| "mini_button_aligned_to_text_vertically_when_centered"
| "mini_tool_button_red"
| "highlighted_tool_button"
| "confirm_in_load_game_button"
| "back_button"
| "forward_button"
| "menu_button"
| "menu_button_continue"
| "side_menu_button"
| "dialog_button"
| "control_settings_button"
| "control_settings_section_button"
| "quick_bar_page_button"
| "slot_button_in_shallow_frame"
| "yellow_slot_button"
| "red_slot_button"
| "slot_sized_button"
| "compact_slot_sized_button"
| "slot_sized_button_blue"
| "slot_sized_button_red"
| "slot_sized_button_green"
| "shortcut_bar_button"
| "shortcut_bar_button_blue"
| "shortcut_bar_button_red"
| "shortcut_bar_button_green"
| "shortcut_bar_button_small"
| "shortcut_bar_button_small_green"
| "shortcut_bar_button_small_red"
| "shortcut_bar_button_small_blue"
| "compact_slot"
| "slot"
| "red_slot"
| "yellow_slot"
| "green_slot"
| "blue_slot"
| "inventory_slot"
| "filter_inventory_slot"
| "closed_inventory_slot"
| "red_inventory_slot"
| "yellow_inventory_slot"
| "filter_group_button_tab_slightly_larger"
| "blueprint_record_slot_button"
| "blueprint_record_selection_button"
| "compact_red_slot"
| "inventory_limit_slot_button"
| "working_weapon_button"
| "not_working_weapon_button"
| "transparent_button"
| "transparent_slot"
| "universe_connection_button"
| "universe_platform_button"
| "frame_action_button"
| "train_schedule_action_button"
| "train_schedule_delete_button"
| "train_schedule_collapse_button"
| "shortcut_bar_expand_button"
| "open_armor_button"
| "item_and_count_select_confirm"
| "tool_bar_open_button"
| "map_view_add_button"
| "tool_equip_ammo_slot"
| "choose_chat_icon_button"
| "choose_chat_icon_in_textbox_button"
| "decider_combinator_signal_select_button"
| "decider_combinator_fulfilled_signal_select_button"
| "add_logistic_section_button"
| "omitted_technology_slot"
| "crafting_queue_slot"
| "promised_crafting_queue_slot"
| "image_tab_slot"
| "image_tab_selected_slot"
| "red_circuit_network_content_slot"
| "green_circuit_network_content_slot"
| "drop_target_button"
| "minimap_slot"
| "locomotive_minimap_button"
| "browse_games_gui_toggle_favorite_on_button"
| "browse_games_gui_toggle_favorite_off_button"
| "research_queue_cancel_button"
| "new_game_header_list_box_item"
| "list_box_item"
| "train_status_button"
| "station_train_status_button"
| "title_tip_item"
| "default_permission_group_list_box_item"
| "target_station_in_schedule_in_train_view_list_box_item"
| "no_path_station_in_schedule_in_train_view_list_box_item"
| "not_accessible_station_in_station_selection"
| "partially_accessible_station_in_station_selection"
| "other_settings_gui_button"
| "map_generator_preview_button"
| "map_generator_close_preview_button"
| "map_generator_confirm_button"
| "train_schedule_comparison_type_button"
| "train_schedule_add_wait_condition_button"
| "train_schedule_add_station_button"
| "train_schedule_add_interrupt_station_button"
| "train_schedule_item_select_button"
| "train_schedule_fulfilled_item_select_button"
| "train_schedule_fulfilled_delete_button"
| "train_schedule_temporary_station_delete_button"
| "train_schedule_condition_time_selection_button"
| "entity_variation_button"
| "tile_variation_button"
| "cancel_close_button"
| "close_button"
| "mods_filter_exclude_button"
| "lab_research_info_button"
| "current_research_info_button"
| "train_schedule_partially_fulfilled_delete_button"
| "train_schedule_partially_fulfilled_item_select_button"
| "cancel_button"
| "rounded_button"
| "side_menu_slot_button";

Defined in: styles/ButtonStyle.ts:4


CameraStyles

type CameraStyles = "camera";

Defined in: styles/CameraStyle.ts:1


CheckboxStyles

type CheckboxStyles =
| "checkbox"
| "caption_checkbox"
| "subheader_caption_checkbox"
| "black_checkbox"
| "radiobutton"
| "caption_radiobutton";

Defined in: styles/CheckboxStyle.ts:1


ChooseElemButtonStyles

type ChooseElemButtonStyles =
| ButtonStyles
| "choose_elem_button"
| "slot_button";

Defined in: styles/ChooseElemButtonStyle.ts:3


type DropdownStyles =
| "dropdown"
| "drop_down"
| "game_controller_icons_dropdown"
| "circuit_condition_comparator_dropdown"
| "train_schedule_circuit_condition_comparator_dropdown";

Defined in: styles/DropdownStyle.ts:1


EmptyWidgetStyles

type EmptyWidgetStyles =
| "react_dialog_footer_drag_handle"
| "react_dialog_footer_drag_handle_no_right"
| "react_dialog_titlebar_drag_handle"
| "react_horizontal_pusher"
| "react_titlebar_drag_handle"
| "react_vertical_pusher"
| "empty_widget"
| "tips_and_tricks_simulation"
| "entity_button_base"
| "undo_camera"
| "tooltip_camera"
| "wide_entity_button"
| "fulfilled_draggable_space_in_train_schedule"
| "color_indicator"
| "minimap_widget_under_subheader"
| "blueprint_preview"
| "entity_frame_filler"
| "tool_bar_empty_slot"
| "research_queue_drag_handle"
| "blueprint_drop_slot_button"
| "blueprint_icon_preview"
| "draggable_space"
| "draggable_space_in_shortcut_list"
| "draggable_space_in_temporary_train_station"
| "draggable_space_in_train_schedule"
| "partially_fulfilled_draggable_space_in_train_schedule";

Defined in: styles/EmptyWidgetStyle.ts:3


EntityPreviewStyles

type EntityPreviewStyles = "entity_preview";

Defined in: styles/EntityPreviewStyle.ts:1


FlowStyles

type FlowStyles =
| "react_indicator_flow"
| "react_titlebar_flow"
| "flow"
| "horizontal_flow"
| "vertical_flow"
| "packed_horizontal_flow"
| "compact_horizontal_flow"
| "dialog_buttons_horizontal_flow"
| "player_input_horizontal_flow"
| "inset_frame_container_horizontal_flow"
| "inset_frame_container_horizontal_flow_in_tabbed_pane"
| "train_schedule_mode_switch_horizontal_flow"
| "horizontal_flow_with_extra_right_margin"
| "relative_gui_top_flow"
| "relative_gui_bottom_flow"
| "two_module_spacing_horizontal_flow"
| "relative_gui_left_flow"
| "relative_gui_right_flow"
| "packed_vertical_flow"
| "padded_vertical_flow"
| "quickbar_holder_flow"
| "inset_frame_container_vertical_flow"
| "two_module_spacing_vertical_flow"
| "new_game_difficulty_vertical_flow"
| "crafting_queue_flow"
| "centering_horizontal_flow";

Defined in: styles/FlowStyle.ts:3


FrameStyles

type FrameStyles =
| "react_shallow_frame_in_shallow_frame"
| "react_deep_frame_in_shallow_frame_stretchable"
| "react_raised_frame"
| "react_raised_frame_slot_buttons"
| "react_frame_slot_buttons_deep"
| "react_frame_slot_buttons_shallow"
| "react_table_row_frame"
| "react_table_row_frame_top"
| "react_table_row_frame_selected"
| "frame"
| "universe_frame"
| "non_draggable_frame"
| "invisible_frame"
| "frame_with_even_paddings"
| "naked_frame"
| "outer_frame_without_shadow"
| "inside_shallow_frame"
| "shallow_frame_with_light_frame"
| "bordered_frame"
| "dark_frame"
| "deep_frame"
| "inside_shallow_frame_with_padding"
| "inside_deep_frame"
| "inside_deep_frame_for_tabs"
| "inside_shallow_frame_with_padding_and_vertical_spacing"
| "deep_frame"
| "deep_frame_in_shallow_frame"
| "deep_frame_in_tabbed_pane"
| "slot_button_deep_frame"
| "inventory_frame"
| "quick_panel_slot_button_deep_frame"
| "filter_frame"
| "train_inventory_frame"
| "tooltip_frame"
| "tooltip_description_frame"
| "blueprint_tooltip_description_frame"
| "goal_frame"
| "goal_inner_frame"
| "shortcut_bar_window_frame"
| "quick_bar_inner_panel"
| "tool_equip_inner_panel"
| "shortcut_bar_inner_panel"
| "subfooter_frame"
| "subfooter_frame_with_left_edge"
| "tips_and_tricks_info_frame"
| "tips_and_tricks_info_frame_small_screen"
| "tips_and_tricks_subfooter"
| "right_container_frame"
| "minimap_frame"
| "side_menu_frame"
| "achievement_frame"
| "completed_achievement_frame"
| "tips_and_tricks_frame"
| "failed_achievement_frame"
| "achievement_notification_frame"
| "tips_and_tricks_notification_frame"
| "subheader_frame"
| "repeated_subheader_frame"
| "subheader_frame_with_text_on_the_right"
| "negative_subheader_frame"
| "logistic_section_subheader_frame"
| "logistic_section_repeated_subheader_frame"
| "slot_group_frame"
| "inside_shallow_frame_packed"
| "slot_window_frame"
| "quick_bar_slot_window_frame"
| "technology_card_frame"
| "research_progress_inner_frame_inactive"
| "research_progress_inner_frame_active"
| "shallow_frame"
| "control_settings_section_frame"
| "technology_gui_outer_frame"
| "technology_gui_left_frame"
| "technology_graph_title_frame"
| "train_schedule_station_frame"
| "train_schedule_station_in_interrupt_frame"
| "train_schedule_temporary_station_frame"
| "train_schedule_condition_frame"
| "blueprint_parameter_frame"
| "train_schedule_fullfilled_condition_frame"
| "train_schedule_comparison_type_frame"
| "train_schedule_comparison_type_frame_indented"
| "train_schedule_comparison_type_frame_extra_indented"
| "sync_mods_default_status_frame"
| "sync_mods_downloading_status_frame"
| "tooltip_title_frame_light"
| "tooltip_panel_background"
| "number_input_frame"
| "neutral_message_frame"
| "negative_message_frame"
| "positive_message_frame"
| "shortcut_selection_row"
| "frame_tabbed_pane_corner"
| "frame_tabbed_pane_frame_header"
| "tabbed_pane_frame"
| "frame_without_left_side"
| "frame_without_left_and_right_side"
| "character_gui_left_side"
| "search_popup_frame"
| "bonus_card_frame"
| "empty_bonus_card_frame"
| "inset_frame_container_frame"
| "chart_search_result_frame"
| "pins_frame"
| "blueprint_book_edit_frame"
| "main_progressbar_frame"
| "editor_mode_selection_frame"
| "editor_inner_frame"
| "new_game_subfooter"
| "entity_frame"
| "entity_button_frame"
| "train_with_minimap_frame"
| "right_side_frame"
| "decider_combinator_frame"
| "decider_combinator_condition_frame"
| "decider_combinator_fulfilled_frame"
| "decider_combinator_fulfilled_condition_frame"
| "frame_around_top"
| "frame_around_bottom"
| "frame_around_left"
| "frame_around_right"
| "frame_around_center"
| "control_settings_bordered_frame"
| "train_schedule_partially_fullfilled_condition_frame"
| "dialog_frame"
| "flat_frame";

Defined in: styles/FrameStyle.ts:4


IndicatorSpriteName

type IndicatorSpriteName = `react_indicator_${IndicatorColor}`;

Defined in: styles/ImageStyle.ts:5


ImageStyles

type ImageStyles =
| "react_indicator"
| "image"
| "indicator"
| "achievement_image"
| "map_info_image"
| "new_game_info_image"
| "mod_thumbnail_image"
| "mod_explore_thumbnail_image"
| "mod_updates_status_image"
| "install_mod_status_image"
| "mod_attribute_image"
| "tips_and_tricks_image"
| "logistics_diode"
| "status_image"
| "achievement_warning_image"
| "mods_sorting_image"
| "recipe_tooltip_horizontal_image"
| "tool_equip_equipment_image"
| "current_research_info_image";

Defined in: styles/ImageStyle.ts:11


InventoryStyles

type InventoryStyles = "inventory";

Defined in: styles/InventoryStyle.ts:1


LabelStyles

type LabelStyles =
| "react_frame_title"
| "react_label_signal_count"
| "react_label_signal_count_upper"
| "react_semibold_label"
| "react_large_semibold_label"
| "react_multiline_label"
| "label"
| "current_research_info_percent_label"
| "frame_title"
| "caption_label"
| "semibold_caption_label"
| "semibold_label"
| "bold_label"
| "green_label"
| "bold_black_label"
| "bold_green_label"
| "red_label"
| "bold_red_label"
| "electric_usage_label"
| "count_label"
| "recipe_count_line_label"
| "recipe_ghost_count_line_label"
| "tooltip_label"
| "tooltip_title_label"
| "subheader_label"
| "subheader_caption_label"
| "subheader_semibold_label"
| "subheader_right_aligned_label"
| "heading_1_label"
| "heading_2_label"
| "heading_3_label"
| "achievement_unlocked_title_label"
| "achievement_locked_title_label"
| "achievement_failed_title_label"
| "achievement_failed_description_label"
| "achievement_failed_reason_label"
| "tips_and_tricks_title_label"
| "steam_friend_label"
| "frame_subheading_label"
| "orange_label"
| "bold_orange_label"
| "purple_label"
| "grey_label"
| "bold_grey_label"
| "tooltip_heading_label"
| "tooltip_heading_label_category"
| "squashable_label"
| "black_label"
| "black_squashable_label"
| "black_label_with_left_padding"
| "black_squashable_label_with_left_padding"
| "black_clickable_label"
| "black_clickable_squashable_label"
| "color_picker_label"
| "tooltip_item_label"
| "clickable_label"
| "clickable_squashable_label"
| "label_with_left_padding"
| "squashable_label_with_left_padding"
| "train_schedule_unavailable_stop_label"
| "train_schedule_non_existent_stop_label"
| "hyperlink_label"
| "info_label"
| "control_input_shortcut_label"
| "main_menu_version_label"
| "label_under_widget"
| "finished_game_label"
| "train_stop_subheader"
| "inventory_frame_title_style"
| "mods_filter_hit_count_label"
| "slot_column_header_label"
| "description_label"
| "label_with_bold_title";

Defined in: styles/LabelStyle.ts:3


LineStyles

type LineStyles =
| "react_subheader_horizontal_line"
| "react_titlebar_separator_line"
| "line"
| "inside_shallow_frame_with_padding_line"
| "blurry_panel_horizontal_line"
| "dark_line"
| "tooltip_category_line"
| "tooltip_horizontal_line"
| "lab_progress_and_slot_divider"
| "lab_progress_and_slot_divider_empty"
| "horizontal_line"
| "vertical_line";

Defined in: styles/LineStyle.ts:3


ListboxStyles

type ListboxStyles =
| "list_box"
| "list_box_under_tabs"
| "wide_list_box"
| "wide_list_box_in_shallow_frame"
| "wide_list_box_under_subheader"
| "wide_list_box_in_shallow_frame_under_subheader"
| "list_box_under_subheader"
| "campaigns_list_box"
| "campaign_levels_list_box"
| "custom_games_list_box"
| "train_station_list_box"
| "floating_train_station_list_box"
| "schedule_in_train_view_list_box"
| "permissions_groups_list_box"
| "permissions_players_list_box"
| "naked_list_box";

Defined in: styles/ListboxStyle.ts:1


MinimapStyles

type MinimapStyles = "minimap";

Defined in: styles/MinimapStyle.ts:1


ProgressbarStyles

type ProgressbarStyles =
| "progressbar"
| "production_progressbar"
| "burning_progressbar"
| "health_progressbar"
| "vehicle_health_progressbar"
| "mining_progressbar"
| "shield_progressbar"
| "bonus_progressbar"
| "battery_progressbar"
| "electric_satisfaction_progressbar"
| "electric_satisfaction_statistics_progressbar"
| "electric_statistics_progressbar"
| "electric_satisfaction_in_description_progressbar"
| "item_spoilage_in_description_progress_bar"
| "thick_progressbar"
| "disk_usage_progressbar"
| "achievement_progressbar"
| "achievement_card_progressbar"
| "heat_progressbar"
| "rocket_weight_used_progress_bar";

Defined in: styles/ProgressbarStyle.ts:1


ScrollPaneStyles

type ScrollPaneStyles =
| "react_naked_scroll_pane"
| "react_naked_scroll_pane_under_tabs"
| "react_naked_scroll_pane_no_padding"
| "react_shallow_scroll_pane"
| "react_table_scroll_pane"
| "scroll_pane"
| "notice_scroll_pane"
| "pins_scroll_pane"
| "scroll_pane_in_shallow_frame"
| "trains_scroll_pane"
| "trains_scroll_pane_with_side_margin"
| "stations_scroll_pane"
| "stations_scroll_pane_small_screen"
| "tab_scroll_pane"
| "technology_list_scroll_pane"
| "statistics_scroll_pane"
| "blurry_scroll_pane"
| "map_preview_scroll_pane"
| "tab_shallow_scroll_pane"
| "featured_technology_description_scroll_pane"
| "scroll_pane_under_subheader"
| "train_schedule_scroll_pane"
| "train_interrupts_scroll_pane"
| "mods_scroll_pane"
| "stations_trains_scroll_pane"
| "entity_frame_scroll_pane"
| "shallow_scroll_pane"
| "shallow_slots_scroll_pane"
| "deep_scroll_pane"
| "deep_scroll_pane_with_padding"
| "deep_slots_scroll_pane"
| "achievement_slots_scroll_pane"
| "logistic_sections_scroll_pane"
| "character_crafting_queue_scroll_pane"
| "logistic_gui_items_scroll_pane"
| "shortcut_bar_selection_scroll_pane"
| "naked_scroll_pane"
| "horizontally_limited_equipment_grid_scroll_pane"
| "text_holding_scroll_pane"
| "factoriopedia_contents_scroll_pane"
| "factoriopedia_icon_grid_scroll_pane"
| "decider_combinator_conditions_scroll_pane"
| "decider_combinator_outputs_scroll_pane"
| "mappers_scroll_pane"
| "bare_scroll_pane";

Defined in: styles/ScrollPaneStyle.ts:3


SliderStyles

type SliderStyles =
| "slider"
| "notched_slider"
| "map_generator_notched_slider"
| "map_generator_13_notch_slider"
| "map_generator_notched_slider_wide"
| "red_slider"
| "green_slider"
| "blue_slider"
| "other_settings_slider"
| "notched_double_slider";

Defined in: styles/SliderStyle.ts:1


SwitchStyles

type SwitchStyles = "switch";

Defined in: styles/SwitchStyle.ts:1


TabStyles

type TabStyles =
| "tab"
| "frame_tab"
| "filter_group_tab"
| "slightly_smaller_tab"
| "filter_group_slot_tab";

Defined in: styles/TabStyle.ts:1


TabbedPaneStyles

type TabbedPaneStyles =
| "react_tabbed_pane"
| "react_tabbed_pane_with_no_padding"
| "tabbed_pane"
| "tabbed_pane_frame"
| "filter_tabbed_pane"
| "frame_tabbed_pane"
| "quick_panel_tabbed_pane"
| "tabbed_pane_with_no_side_padding"
| "tabbed_pane_with_extra_padding";

Defined in: styles/TabbedPaneStyle.ts:3


TableStyles

type TableStyles =
| "react_table_white_lines"
| "table"
| "slot_table"
| "compact_slot_table"
| "bordered_table"
| "table_with_selection"
| "players_table"
| "mods_explore_results_table"
| "browse_games_table"
| "browse_games_on_lan_table"
| "inset_frame_container_table"
| "map_generator_frequency_table"
| "player_input_table"
| "graphics_settings_table"
| "control_settings_bordered_table"
| "sync_mods_table"
| "removed_content_table"
| "finished_game_table"
| "filter_slot_table"
| "editor_mode_selection_table"
| "splitter_settings_table"
| "trains_widget_table"
| "undelete_space_platforms_table"
| "research_queue_table"
| "mappers_table";

Defined in: styles/TableStyle.ts:3


TextboxStyles

type TextboxStyles =
| "react_widthless_textfield"
| "react_widthless_invalid_textfield"
| "react_titlebar_search_textfield"
| "textbox"
| "textfield"
| "changelog_textbox"
| "console_input_textfield"
| "invalid_value_textfield"
| "highlighted_value_textfield"
| "mod_startup_settings_mismatch_notice_box"
| "notice_textbox"
| "long_number_textfield"
| "big_notice_textbox"
| "small_notice_textbox"
| "search_popup_textfield"
| "other_settings_gui_textbox"
| "short_number_textfield"
| "invalid_value_short_number_textfield"
| "very_short_number_textfield"
| "slider_value_textfield"
| "wide_slider_value_textfield"
| "short_slider_value_textfield"
| "stretchable_textfield"
| "ime_composition_textfield"
| "editor_lua_textbox"
| "edit_blueprint_description_textbox"
| "search_textfield";

Defined in: styles/TextboxStyle.ts:3


SlotColor

type SlotColor = typeof SLOT_COLORS[number];

Defined in: styles/_common.ts:38


IndicatorColor

type IndicatorColor = typeof INDICATOR_COLORS[number];

Defined in: styles/_common.ts:39


LuaStyles

type LuaStyles = BaseLuaStyle;

Defined in: styles/_common.ts:57


StylesFor

type StylesFor<E> = E extends keyof ElementStylesMap ? ElementStylesMap[E] : BaseLuaStyle;

Defined in: styles/_common.ts:71

Type Parameters

Type ParameterDefault type
E extends stringstring

StyleFor

type StyleFor<E> = E extends Color ? ElementStyleMap[E] | string & object : string;

Defined in: styles/_common.ts:251

Type Parameters

Type ParameterDefault type
E extends stringstring

Color

type Color = any;

Variables

SLOT_COLORS

const SLOT_COLORS: readonly ["default", "grey", "red", "orange", "yellow", "green", "cyan", "blue", "purple", "pink"];

Defined in: styles/_common.ts:32


INDICATOR_COLORS

const INDICATOR_COLORS: readonly ["black", "white", "red", "orange", "yellow", "green", "cyan", "blue", "purple", "pink"];

Defined in: styles/_common.ts:34

Functions

getDefaultStyles()

function getDefaultStyles(): Record<string, any>;

Defined in: styles/_common.ts:77

Returns

Record<string, any>