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
DropdownStyles
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 Parameter | Default type |
|---|---|
E extends string | string |
StyleFor
type StyleFor<E> = E extends Color ? ElementStyleMap[E] | string & object : string;Defined in: styles/_common.ts:251
Type Parameters
| Type Parameter | Default type |
|---|---|
E extends string | string |
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>