style.lua

local util = require("util")
local color = util.color

default_glow_color = {225, 177, 106, 255}
default_shadow_color = {0, 0, 0, 0.35}
hard_shadow_color = {0, 0, 0, 1}
default_dirt_color = {15, 7, 3, 100}
default_dirt_color_filler = {15, 7, 3, 56}
default_container_padding = 4
default_container_spacing = 4 -- one module spacing
default_top_container_padding = 4
default_orange_color = {r = 0.98, g = 0.66, b = 0.22}
default_light_orange_color = {1, 0.74, 0.40}
warning_red_color = {255, 142, 142}
-- Default (white) color
default_font_color = {1, 1, 1}
default_disabled_font_color = {1, 1, 1, 0.5}
-- Bold texts
bold_font_color = {255, 230, 192}
-- Frame headings
heading_font_color = bold_font_color
-- Button
button_default_font_color = {} -- less surface of black (not bold), we need it to be pure black
button_hovered_font_color = {}
button_default_bold_font_color = {40, 39, 40} -- more surface of black, we don't need it to be pure black

achievement_green_color = color "96ce82"
achievement_tan_color = color "d1c58e"

technology_slot_base_width = 88
technology_slot_base_height = 88
featured_technology_slot_base_width = 136
featured_technology_slot_base_height = 168

green_arrow_button_glow_color = {135, 216, 139, 128}
red_arrow_button_glow_color = {254, 90, 90, 128}

arrow_tileset_width = 48
arrow_tileset_height = 64
arrow_tileset_composition_corner_size = 8

grey_arrow_tileset = {arrows_tileset = {0, 232}, composition_tileset = {0, 17}}
green_arrow_tileset = {arrows_tileset = {0, 296}, composition_tileset = {68, 17}}
red_arrow_tileset = {arrows_tileset = {0, 360}, composition_tileset = {136, 17}}

arrow_idle_index = 0
arrow_disabled_index = 1
arrow_hovered_index = 2
arrow_clicked_index = 3

technology_description_slot_tileset =
{
    position = {0, 34},
    corner_size = 1
}

function back_button_glow(glow_color)
    return
    {
        left = {position = {304, 424}, size = {32, 80}},
        right_top = {position = {209, 128}, size = arrow_tileset_composition_corner_size},
        right = {position = {209, 128 + arrow_tileset_composition_corner_size}, size = {arrow_tileset_composition_corner_size, 1}},
        right_bottom = {position = {209, 128 + arrow_tileset_composition_corner_size + 1}, size = arrow_tileset_composition_corner_size},
        center = {position = {336, 424}, size = {1, 80}},
        left_outer_border_shift = 12,
        tint = glow_color,
        draw_type = "outer"
    }
end

function forward_button_glow(glow_color)
    return
    {
        right = {position = {336, 424}, size = {32, 80}},
        left_top = {position = {200, 128}, size = arrow_tileset_composition_corner_size},
        left = {position = {200, 128 + arrow_tileset_composition_corner_size}, size = {arrow_tileset_composition_corner_size, 1}},
        left_bottom = {position = {200, 128 + arrow_tileset_composition_corner_size + 1}, size = arrow_tileset_composition_corner_size},
        center = {position = {336, 424}, size = {1, 80}},
        right_outer_border_shift = -12,
        tint = glow_color,
        draw_type = "outer"
    }
end

function double_arrow_forward_button_glow(glow_color)
    return
    {
        right = {position = {336, 424}, size = {32, 80}},
        left = {position = {305, 504}, size = {32, 80}},
        center = {position = {336, 424}, size = {1, 80}},
        top_outer_border_shift = -4,
        bottom_outer_border_shift = 4,
        right_outer_border_shift = -12,
        left_outer_border_shift = 12,
        tint = glow_color,
        draw_type = "outer"
    }
end

function notched_slider_glow(glow_color)
    return
    {
        center = {position = {96, 184}, size = {40, 48}},
        top_outer_border_shift = -2,
        left_outer_border_shift = -4,
        right_outer_border_shift = 4,
        bottom_outer_border_shift = 4,
        tint = glow_color,
        draw_type = "outer"
    }
end

function arrow_back(tileset, index, glow_name, glow_color)
    local arrow_shift = index * arrow_tileset_width * 2
    local composition_shift = index * (arrow_tileset_composition_corner_size * 2 + 1)
    local result =
    {
        base =
        {
            left = {position = {tileset.arrows_tileset[1] + arrow_shift, tileset.arrows_tileset[2]},
                    size = {arrow_tileset_width / 2, arrow_tileset_height}},
            right_top = {position = {tileset.composition_tileset[1] + arrow_tileset_composition_corner_size + 1 + composition_shift,
                                     tileset.composition_tileset[2]},
                         size = arrow_tileset_composition_corner_size},
            right = {position = {tileset.composition_tileset[1] + arrow_tileset_composition_corner_size + 1 + composition_shift,
                                 tileset.composition_tileset[2] + arrow_tileset_composition_corner_size},
                     size = {arrow_tileset_composition_corner_size, 1}},
            right_bottom = {position = {tileset.composition_tileset[1] + arrow_tileset_composition_corner_size + 1 + composition_shift,
                                        tileset.composition_tileset[2] + arrow_tileset_composition_corner_size + 1},
                            size = arrow_tileset_composition_corner_size},
            center = {position = {tileset.arrows_tileset[1] + arrow_tileset_width / 2 + arrow_shift,
                                  tileset.arrows_tileset[2]},
                      size = {1, arrow_tileset_height}}
        }
    }
    if (glow_name) then
        result[glow_name] = back_button_glow(glow_color)
    end
    return result
end

function arrow_forward(tileset, index, glow_name, glow_color)
    local arrow_shift = index * arrow_tileset_width * 2
    local composition_shift = index * (arrow_tileset_composition_corner_size * 2 + 1)
    local result =
    {
        base =
        {
            right = {position = {tileset.arrows_tileset[1] + arrow_tileset_width / 2 + arrow_shift, tileset.arrows_tileset[2]},
                     size = {arrow_tileset_width / 2, arrow_tileset_height}},
            left_top = {position = {tileset.composition_tileset[1] + composition_shift,
                                    tileset.composition_tileset[2]},
                        size = arrow_tileset_composition_corner_size},
            left = {position = {tileset.composition_tileset[1] + composition_shift,
                                tileset.composition_tileset[2] + arrow_tileset_composition_corner_size},
                    size = {arrow_tileset_composition_corner_size, 1}},
            left_bottom = {position = {tileset.composition_tileset[1] + composition_shift,
                                       tileset.composition_tileset[2] + arrow_tileset_composition_corner_size + 1},
                           size = arrow_tileset_composition_corner_size},
            center = {position = {tileset.arrows_tileset[1] + arrow_tileset_width / 2 + arrow_shift,
                                  tileset.arrows_tileset[2]},
                      size = {1, arrow_tileset_height}}
        }
    }
    if (glow_name) then
        result[glow_name] = forward_button_glow(glow_color)
    end
    return result;
end

function double_arrow_forward(tileset, index, glow_name, glow_color)
    local arrow_shift = index * arrow_tileset_width * 2
    local composition_shift = index * (arrow_tileset_composition_corner_size * 2 + 1)
    local result =
    {
        base =
        {
            right = {position = {tileset.arrows_tileset[1] + arrow_tileset_width / 2 + arrow_shift, tileset.arrows_tileset[2]},
                     size = {arrow_tileset_width / 2, arrow_tileset_height}},
            left = {position = {tileset.arrows_tileset[1] + arrow_tileset_width + arrow_shift, tileset.arrows_tileset[2]},
                    size = {arrow_tileset_width / 2, arrow_tileset_height}},
            center = {position = {tileset.arrows_tileset[1] + arrow_tileset_width / 2 + arrow_shift,
                                  tileset.arrows_tileset[2]},
                      size = {1, arrow_tileset_height}}
        }
    }
    if (glow_name) then
        result[glow_name] = double_arrow_forward_button_glow(glow_color)
    end
    return result;
end

function default_inner_glow(tint_value, scale_value)
    return
    {
        position = {183, 128},
        corner_size = 8,
        tint = tint_value,
        scale = scale_value,
        draw_type = "inner"
    }
end

function default_glow(tint_value, scale_value)
    return
    {
        position = {200, 128},
        corner_size = 8,
        tint = tint_value,
        scale = scale_value,
        draw_type = "outer"
    }
end

function offset_by_2_default_glow(tint_value, scale_value)
    return
    {
        position = {280, 736},
        corner_size = 16,
        tint = tint_value,
        scale = scale_value,
        top_outer_border_shift = 4,
        bottom_outer_border_shift = -4,
        left_outer_border_shift = 4,
        right_outer_border_shift = -4,
        draw_type = "outer"
    }
end

function tab_glow(tint_value, scale_value)
    return
    {
        left_top = {position = {216, 0}, size = 16},
        top = {position = {208, 128}, size = {1, 8}},
        right_top = {position = {232, 0}, size = 16},
        left = {position = {200, 136}, size = {8, 1}},
        right = {position = {209, 136}, size = {8, 1}},
        top_outer_border_shift = 4,
        left_outer_border_shift = 4,
        right_outer_border_shift = -4,
        tint = tint_value,
        scale = scale_value,
        draw_type = "outer"
    }
end

function top_glow(tint_value, scale_value) --only top side
    return
    {
        top = {position = {208, 128}, size = {1, 8}},
        center = {position = {208, 136}, size = {1, 1}},
        tint = tint_value,
        scale = scale_value,
        draw_type = "outer"
    }
end

function bottom_glow(tint_value, scale_value) --only bottom side
    return
    {
        bottom = {position = {208, 137}, size = {1, 8}},
        center = {position = {208, 136}, size = {1, 1}},
        tint = tint_value,
        scale = scale_value,
        draw_type = "outer"
    }
end

function top_bottom_glow(tint_value, scale_value) --only top and bottom side
    return
    {
        top = {position = {208, 128}, size = {1, 8}},
        bottom = {position = {208, 137}, size = {1, 8}},
        center = {position = {208, 136}, size = {1, 1}},
        tint = tint_value,
        scale = scale_value,
        draw_type = "outer"
    }
end

function top_glow(tint_value, scale_value) --only top side
    return
    {
        top = {position = {208, 128}, size = {1, 8}},
        center = {position = {208, 136}, size = {1, 1}},
        tint = tint_value,
        scale = scale_value,
        draw_type = "outer"
    }
end

-- used for textbox and virtual slots (not tab, it is more rounded and uses different style)
function rounded_corners_glow(tint_value)
    return
    {
        position = {240, 783},
        corner_size = 16,
        tint = tint_value,
        top_outer_border_shift = 4,
        bottom_outer_border_shift = -4,
        left_outer_border_shift = 4,
        right_outer_border_shift = -4,
        draw_type = "outer"
    }
end

-- used for textbox and virtual slots (not tab, it is more rounded and uses different style)
function rounded_button_glow(tint_value)
    return
    {
        position = {256, 191},
        corner_size = 16,
        tint = tint_value,
        top_outer_border_shift = 4,
        bottom_outer_border_shift = -4,
        left_outer_border_shift = 4,
        right_outer_border_shift = -4,
        draw_type = "outer"
    }
end

-- used for virtual slots used in the quick bar for example
function offset_by_2_rounded_corners_glow(tint_value)
    return
    {
        position = {240, 736},
        corner_size = 16,
        tint = tint_value,
        top_outer_border_shift = 4,
        bottom_outer_border_shift = -4,
        left_outer_border_shift = 4,
        right_outer_border_shift = -4,
        draw_type = "outer"
    }
end

textbox_dirt = rounded_corners_glow(default_dirt_color)

function radiobutton_glow(tint_value, scale_value)
    return
    {
        stretch_monolith_image_to_size = false,
        center =
        {
            position = {123, 156},
            size = {34, 34},
            tint = tint_value,
            scale = scale_value
        }
    }
end

default_shadow = default_glow(default_shadow_color, 0.5)
default_dirt = default_glow(default_dirt_color, 0.5)
default_inner_shadow = default_inner_glow(hard_shadow_color, 0.5)

top_shadow = top_glow(default_shadow_color, 0.5)
bottom_shadow = bottom_glow(default_shadow_color, 0.5)
top_bottom_shadow = top_bottom_glow(default_shadow_color, 0.5)
top_shadow = top_glow(default_shadow_color, 0.5)

function orangebuttongraphcialset()
    return
    {
        border = 1,
        filename = "__core__/graphics/gui.png",
        position = {75, 108},
        size = 36,
        scale = 1
    }
end

function bluebuttongraphcialset(state)
    local offset = nil
    if state == "default" then
        offset = { x = 221, y = 36 }
    elseif state == "hovered" then
        offset = { x = 221, y = 72 }
    elseif state == "clicked" then
        offset = { x = 221, y = 108 }
    end

    return
    {
        border = 1,
        filename = "__core__/graphics/gui.png",
        position = {offset.x, offset.y},
        size = 36,
        scale = 1
    }
end

-- lines for a table grid / frame border
function border_image_set()
    return
    {
        border_width = 8,
        vertical_line = {position = {0, 40}, size = {8, 1}},
        horizontal_line = {position = {8, 40}, size = {1, 8}},
        top_right_corner = {position = {16, 40}, size = {8, 8}},
        bottom_right_corner = {position = {24, 40}, size = {8, 8}},
        bottom_left_corner = {position = {32, 40}, size = {8, 8}},
        top_left_coner = {position = {40, 40}, size = {8, 8}},
        top_t = {position = {64, 40}, size = {8, 8}},
        right_t = {position = {72, 40}, size = {8, 8}},
        bottom_t = {position = {48, 40}, size = {8, 8}},
        left_t = {position = {56, 40}, size = {8, 8}},
        cross = {position = {80, 40}, size = {8, 8}},
        top_end = {position = {88, 40}, size = {8, 8}},
        right_end = {position = {96, 40}, size = {8, 8}},
        bottom_end = {position = {104, 40}, size = {8, 8}},
        left_end = {position = {112, 40}, size = {8, 8}}
    }
end

function outer_frame_light()
    return
    {
        base = {position = {17, 0}, corner_size = 8, draw_type = "outer"},
        shadow = default_inner_shadow
    }
end

function outer_frame_light_blurry()
    return
    {
        base = {position = {17, 0}, corner_size = 8, draw_type = "outer", opacity = 0.75, blend_mode = "multiplicative-with-alpha" },
        shadow = default_inner_glow(hard_shadow_color, 0.5 * 0.75)
    }
end

function inner_frame_dark()
    return
    {
        base = {position = {51, 0}, corner_size = 8, draw_type = "outer"},
        shadow = default_inner_shadow
    }
end

function inner_frame_tab_pane()
    return
    {
        base = {position = {85, 0}, corner_size = 8, draw_type = "outer"},
        shadow = default_inner_shadow
    }
end

tabbed_pane_graphical_set =
{
    base =
    {
        -- tabbed pane is always an inset frame touching the sides under the shadow, so sides should not draw
        top = {position = {76, 0}, size = {1, 8}},
        bottom = {position = {76, 9}, size = {1, 8}},
        center = {position = {76, 8}, size = {1, 1}}
    },
    shadow = top_shadow
}

data_styles =
            {
                type = "gui-style",
                name = "default",
                default_tileset = "__core__/graphics/gui-new.png",
                default_sprite_scale = 0.5,
                default_sprite_priority = "extra-high-no-scale",

                label =
                {
                    type = "label_style",
                    font = "default",
                    font_color = {1, 1, 1},
                    disabled_font_color = {1, 1, 1, 0.5},
                    rich_text_setting = "enabled",
                    single_line = true,
                    want_ellipsis = false
                },

                clickable_label =
                {
                    type = "label_style",
                    hovered_font_color = default_light_orange_color,
                    clicked_font_color = default_orange_color
                },

                black_clickable_label =
                {
                    type = "label_style",
                    parent = "black_label",
                    hovered_font_color = default_light_orange_color,
                    clicked_font_color = default_orange_color
                },

                bold_label =
                {
                    type = "label_style",
                    font = "default-bold"
                },
                hoverable_bold_label =
                {
                    type = "label_style",
                    font = "default-bold",
                    hovered_font_color = {r = 0.5 * (1 + default_orange_color.r),
                                          g = 0.5 * (1 + default_orange_color.g),
                                          b = 0.5 * (1 + default_orange_color.b)}
                },
                bold_red_label =
                {
                    type = "label_style",
                    parent = "bold_label",
                    font_color = {1, 0, 0}
                },
                bold_clickable_red_label =
                {
                    type = "label_style",
                    parent = "bold_red_label",
                    hovered_font_color = default_light_orange_color,
                    clicked_font_color = default_orange_color
                },
                bold_green_label =
                {
                    type = "label_style",
                    parent = "bold_label",
                    font_color = {0, 1, 0}
                },
                player_online_label =
                {
                    type = "label_style",
                    parent = "bold_label",
                    font_color = {0, 1, 0}
                },
                player_offline_label =
                {
                    type = "label_style",
                    parent = "bold_label",
                    font_color = {1, 1, 1}
                },
                player_not_in_game_state_label =
                {
                    type = "label_style",
                    parent = "bold_label",
                    font_color = {0.5, 0.5, 0.5}
                },
                -- Used as table caption, or in "Caption: value"
                caption_label =
                {
                    type = "label_style",
                    parent = "bold_label",
                    font_color = bold_font_color
                },
                large_caption_label =
                {
                    type = "label_style",
                    parent = "caption_label",
                    font = "default-large-bold"
                },
                invalid_label =
                {
                    type = "label_style",
                    parent = "label",
                    font_color = warning_red_color
                },
                goal_label =
                {
                    type = "label_style",
                    parent = "label",
                    font = "scenario-message-dialog",
                    width = 364,
                    font_color = {1, 1, 1}
                },
                electric_usage_label =
                {
                    type = "label_style",
                    parent = "label",
                    width = 60
                },
                mod_dependency_invalid_label =
                {
                    type = "label_style",
                    parent = "label",
                    font_color = warning_red_color
                },
                mod_optional_dependency_invalid_label =
                {
                    type = "label_style",
                    parent = "label",
                    font_color = default_orange_color
                },
                mod_manager_label =
                {
                    type = "label_style",
                    parent = "label",
                    maximal_width = 350,
                    single_line = false
                },
                description_label =
                {
                    type = "label_style",
                    parent = "label",
                    font = "default-semibold"
                },
                description_value_label =
                {
                    type = "label_style",
                    parent = "label",
                    font = "default",
                    font_color = default_light_orange_color
                },
                description_remark_label =
                {
                    type = "label_style",
                    parent = "label",
                    font = "default-semibold"
                },
                description_title_label =
                {
                    type = "label_style",
                    parent = "description_label",
                    font = "default-bold"
                },
                count_label =
                {
                    type = "label_style",
                    parent = "description_label",
                    font = "count-font"
                },
                frame_subheading_label =
                {
                    type = "label_style",
                    parent = "description_label",
                    font = "default",
                    top_padding = 4
                },
                tool_equip_gui_label =
                {
                    type = "label_style",
                    parent = "description_label"
                },
                tooltip_label =
                {
                    type = "label_style",
                    parent = "description_label"
                },
                tooltip_title_label =
                {
                    type = "label_style",
                    parent = "description_label",
                    font = "default-bold",
                    minimal_width = 100,
                    maximal_width = 350
                },
                recipe_tooltip_cannot_craft_label =
                {
                    type = "label_style",
                    parent = "tooltip_label",
                    font_color = warning_red_color
                },
                recipe_tooltip_transitive_craft_label =
                {
                    type = "label_style",
                    parent = "tooltip_label",
                    font_color = default_orange_color
                },
                subheader_caption_label =
                {
                    type = "label_style",
                    parent = "label",
                    font = "heading-2",
                    left_padding = 8,
                    font_color = heading_font_color
                },
                heading_2_label =
                {
                    type = "label_style",
                    parent = "label",
                    font = "heading-2",
                    font_color = heading_font_color
                },
                heading_3_label =
                {
                    type = "label_style",
                    parent = "label",
                    font = "heading-3",
                    font_color = default_font_color
                },
                heading_3_label_yellow =
                {
                    type = "label_style",
                    parent = "label",
                    font = "heading-3",
                    font_color = heading_font_color
                },
                mod_list_label =
                {
                    type = "label_style",
                    parent = "label",
                    font = "default-bold",
                    font_color = {0.9, 0.9, 0.1},
                    minimal_width = 210
                },
                menu_message =
                {
                    type = "label_style",
                    font = "default-bold",
                    font_color = default_orange_color
                },
                orange_label =
                {
                    type = "label_style",
                    font = "default-bold",
                    font_color = default_orange_color
                },

                button =
                {
                    type = "button_style",
                    font = "default-semibold",
                    horizontal_align = "center",
                    vertical_align = "center",
                    icon_horizontal_align = "center",
                    top_padding = 0,
                    bottom_padding = 0,
                    left_padding = 8,
                    right_padding = 8,
                    minimal_width = 108,
                    minimal_height = 28,
                    default_font_color = button_default_font_color,
                    default_graphical_set =
                    {
                        base = {position = {0, 17}, corner_size = 8},
                        shadow = default_dirt
                    },
                    hovered_font_color = button_hovered_font_color,
                    hovered_graphical_set =
                    {
                        base = {position = {34, 17}, corner_size = 8},
                        shadow = default_dirt,
                        glow = default_glow(default_glow_color, 0.5)
                    },
                    clicked_font_color = button_hovered_font_color,
                    clicked_vertical_offset = 1, -- text/icon goes down on click
                    clicked_graphical_set =
                    {
                        base = {position = {51, 17}, corner_size = 8},
                        shadow = default_dirt
                    },
                    disabled_font_color = {179, 179, 179},
                    disabled_graphical_set =
                    {
                        base = {position = {17, 17}, corner_size = 8},
                        shadow = default_dirt
                    },
                    selected_font_color = button_hovered_font_color,
                    selected_graphical_set =
                    {
                        base = {position = {225, 17}, corner_size = 8},
                        shadow = default_dirt
                    },
                    selected_hovered_font_color = button_hovered_font_color,
                    selected_hovered_graphical_set =
                    {
                        base = {position = {369, 17}, corner_size = 8},
                        shadow = default_dirt
                    },
                    selected_clicked_font_color = button_hovered_font_color,
                    selected_clicked_graphical_set =
                    {
                        base = {position = {352, 17}, corner_size = 8},
                        shadow = default_dirt
                    },
                    strikethrough_color = {0.5, 0.5, 0.5},
                    pie_progress_color = {1, 1, 1},
                    left_click_sound =
                    {
                        {
                            filename = "__core__/sound/gui-click.ogg",
                            volume = 1
                        }
                    }
                },

                rounded_button =
                {
                    type = "button_style",
                    default_graphical_set =
                    {
                        base = {position = {168, 200}, corner_size = 8},
                        shadow = rounded_button_glow(default_dirt_color)
                    },
                    hovered_graphical_set =
                    {
                        base = {position = {202, 200}, corner_size = 8},
                        shadow = rounded_button_glow(default_dirt_color),
                        glow = rounded_button_glow(default_glow_color)
                    },
                    clicked_graphical_set =
                    {
                        base = {position = {219, 200}, corner_size = 8},
                        shadow = rounded_button_glow(default_dirt_color)
                    },
                    disabled_graphical_set =
                    {
                        base = {position = {185, 200}, corner_size = 8},
                        shadow = rounded_button_glow(default_dirt_color)
                    },
                    selected_graphical_set =
                    {
                        base = {position = {236, 200}, corner_size = 8},
                        shadow = rounded_button_glow(default_dirt_color),
                    },
                    selected_hovered_graphical_set =
                    {
                        base = {position = {236, 200}, corner_size = 8},
                        shadow = rounded_button_glow(default_dirt_color),
                    },
                    selected_clicked_graphical_set =
                    {
                        base = {position = {236, 200}, corner_size = 8},
                        shadow = rounded_button_glow(default_dirt_color),
                    }
                },

                back_button =
                {
                    type = "button_style",
                    parent = "dialog_button",
                    horizontal_align = "left",
                    default_graphical_set = arrow_back(grey_arrow_tileset, arrow_idle_index, "shadow", default_dirt_color),
                    hovered_graphical_set = arrow_back(grey_arrow_tileset, arrow_hovered_index, "glow", default_glow_color),
                    clicked_graphical_set = arrow_back(grey_arrow_tileset, arrow_clicked_index),
                    disabled_graphical_set = arrow_back(green_arrow_tileset, arrow_disabled_index, "glow", default_dirt_color)
                },

                red_back_button =
                {
                    type = "button_style",
                    parent = "dialog_button",
                    horizontal_align = "left",
                    default_graphical_set = arrow_back(red_arrow_tileset, arrow_idle_index, "shadow", default_dirt_color),
                    hovered_graphical_set = arrow_back(red_arrow_tileset, arrow_hovered_index, "glow", red_arrow_button_glow_color),
                    clicked_graphical_set = arrow_back(red_arrow_tileset, arrow_clicked_index),
                    disabled_font_color = {0.5, 0.5, 0.5},
                    disabled_graphical_set = arrow_back(red_arrow_tileset, arrow_disabled_index, "glow", default_dirt_color)
                },

                forward_button = -- grey right arrow, flat left
                {
                    type = "button_style",
                    parent = "dialog_button",
                    horizontal_align = "right",
                    default_graphical_set = arrow_forward(grey_arrow_tileset, arrow_idle_index, "shadow", default_dirt_color),
                    hovered_graphical_set = arrow_forward(grey_arrow_tileset, arrow_hovered_index, "glow", default_glow_color),
                    clicked_graphical_set = arrow_forward(grey_arrow_tileset, arrow_clicked_index),
                    disabled_graphical_set = arrow_forward(grey_arrow_tileset, arrow_disabled_index, "glow", default_dirt_color)
                },

                confirm_button =
                {
                    type = "button_style",
                    parent = "dialog_button",
                    horizontal_align = "right",
                    default_graphical_set = arrow_forward(green_arrow_tileset, arrow_idle_index, "shadow", default_dirt_color),
                    hovered_graphical_set = arrow_forward(green_arrow_tileset, arrow_hovered_index, "glow", green_arrow_button_glow_color),
                    clicked_graphical_set = arrow_forward(green_arrow_tileset, arrow_clicked_index),
                    disabled_graphical_set = arrow_forward(green_arrow_tileset, arrow_disabled_index, "glow", default_dirt_color)
                },

                confirm_double_arrow_button =
                {
                    type = "button_style",
                    parent = "dialog_button",
                    horizontal_align = "right",
                    default_graphical_set = double_arrow_forward(green_arrow_tileset, arrow_idle_index, "shadow", default_dirt_color),
                    hovered_graphical_set = double_arrow_forward(green_arrow_tileset, arrow_hovered_index, "glow", green_arrow_button_glow_color),
                    clicked_graphical_set = double_arrow_forward(green_arrow_tileset, arrow_clicked_index),
                    disabled_graphical_set = double_arrow_forward(green_arrow_tileset, arrow_disabled_index, "glow", default_dirt_color)
                },

                icon_back_button =
                {
                    type = "button_style",
                    parent = "back_button",
                    padding_left = 0
                },

                map_generator_preview_button =
                {
                    type = "button_style",
                    parent = "forward_button",
                    width = 136,
                    icon_horizontal_align = "left"
                },

                map_generator_close_preview_button =
                {
                    type = "button_style",
                    parent = "back_button",
                    width = 160,
                    icon_horizontal_align = "left"
                },

                map_generator_confirm_button =
                {
                    type = "button_style",
                    parent = "confirm_double_arrow_button",
                    width = 208
                },

                confirm_in_load_game_button =
                {
                    type = "button_style",
                    parent = "confirm_button",
                    minimal_width = 300
                },

                red_confirm_button =
                {
                    type = "button_style",
                    parent = "dialog_button",
                    horizontal_align = "right",
                    default_graphical_set = arrow_forward(red_arrow_tileset, arrow_idle_index, "shadow", default_dirt_color),
                    hovered_graphical_set = arrow_forward(red_arrow_tileset, arrow_hovered_index, "glow", red_arrow_button_glow_color),
                    clicked_graphical_set = arrow_forward(red_arrow_tileset, arrow_clicked_index),
                    disabled_font_color = {0.5, 0.5, 0.5},
                    disabled_graphical_set = arrow_forward(red_arrow_tileset, arrow_disabled_index, "glow", default_dirt_color)
                },

                red_button =
                {
                    type = "button_style",
                    parent = "button",
                    default_graphical_set =
                    {
                        base = {position = {136, 17}, corner_size = 8},
                        shadow = default_dirt
                    },
                    hovered_graphical_set =
                    {
                        base = {position = {170, 17}, corner_size = 8},
                        shadow = default_dirt,
                        glow = default_glow(red_arrow_button_glow_color, 0.5)
                    },
                    clicked_graphical_set =
                    {
                        base = {position = {187, 17}, corner_size = 8},
                        shadow = default_dirt
                    },
                    disabled_graphical_set =
                    {
                        base = {position = {153, 17}, corner_size = 8},
                        shadow = default_dirt
                    }
                },

                red_icon_button =
                {
                    type = "button_style",
                    parent = "red_button",
                    padding = 3,
                    size = 28
                },

                tool_button =
                {
                    type = "button_style",
                    padding = 3,
                    size = 28
                },

                mini_button =
                {
                    type = "button_style",
                    padding = 0,
                    size = 16
                },

                highlighted_tool_button =
                {
                    type = "button_style",
                    parent = "tool_button",
                    default_graphical_set =
                    {
                        base = {position = {34, 17}, corner_size = 8},
                        shadow = default_dirt,
                        glow = default_glow(default_glow_color, 0.5)
                    }
                },

                line =
                {
                    type = "line_style",
                    border = border_image_set()
                },

                -- it takes 0 height in the leyout and extends the graphics into top/bottom
                -- so it is consistent with paddings of frame border
                frame_division_fake_horizontal_line =
                {
                    type = "line_style",
                    height = 8,
                    top_margin = -4,
                    bottom_margin = -4,
                    border =
                    {
                        border_width = 8,
                        left_end = {position = {248, 40}, size = {8, 8}},
                        horizontal_line = {position = {8, 40}, size = {1, 8}},
                        right_end = {position = {256, 40}, size = {8, 8}}
                    }
                },

                dark_line =
                {
                    type = "line_style",
                    border =
                    {
                        border_width = 8,
                        vertical_line = {position = {208, 40}, size = {8, 1}},
                        top_end = {position = {200, 40}, size = 8},
                        bottom_end = {position = {216, 40}, size = 8}
                    }
                },

                blurry_panel_horizontal_line =
                {
                    type = "line_style",
                    top_padding = 4,
                    bottom_padding = 4,
                    border =
                    {
                        border_width = 4,
                        left_end = {position = {336, 0}, size = {4, 4}},
                        horizontal_line = {position = {340, 0}, size = {1, 4}},
                        right_end = {position = {341, 0}, size = {4, 4}}
                    }
                },

                achievement_title_label =
                {
                    type = "label_style",
                    parent = "label",
                    font = "default-bold",
                    font_color = color "ff"
                },
                achievement_percent_label =
                {
                    type = "label_style",
                    parent = "label",
                    font = "default-large-semibold",
                    font_color = achievement_green_color
                },
                achievement_unlocked_title_label =
                {
                    type = "label_style",
                    parent = "achievement_title_label",
                    font_color = achievement_green_color
                },
                achievement_locked_title_label =
                {
                    type = "label_style",
                    parent = "achievement_title_label",
                    font_color = achievement_tan_color
                },
                achievement_failed_title_label =
                {
                    type = "label_style",
                    parent = "achievement_title_label",
                    font_color = color "8f7676"
                },

                achievement_description_label =
                {
                    type = "label_style",
                    parent = "label",
                    font = "default",
                    font_color = color "ff"
                },
                achievement_unlocked_description_label =
                {
                    type = "label_style",
                    parent = "achievement_description_label"
                },
                achievement_locked_description_label =
                {
                    type = "label_style",
                    parent = "achievement_description_label"
                },
                achievement_failed_description_label =
                {
                    type = "label_style",
                    parent = "achievement_description_label",
                    font_color = color "8f7676"
                },

                achievement_locked_progress_label =
                {
                    type = "label_style",
                    parent = "label",
                    font = "default-semibold",
                    font_color = achievement_tan_color
                },
                achievement_failed_reason_label =
                {
                    type = "label_style",
                    parent = "label",
                    font = "default-small",
                    font_color = color "e2dbdb"
                },

                tutorial_list_description_label =
                {
                    type = "label_style",
                    parent = "label",
                    font = "default",
                    font_color = default_font_color
                },

                tutorial_title_label =
                {
                    type = "label_style",
                    parent = "label",
                    font = "default-large-bold",
                    font_color = achievement_tan_color,
                    width = 250
                },
                tutorial_locked_title_label =
                {
                    type = "label_style",
                    parent = "tutorial_title_label"
                },
                tutorial_completed_title_label =
                {
                    type = "label_style",
                    parent = "tutorial_title_label",
                    font_color = achievement_green_color
                },

                tutorial_description_label =
                {
                    type = "label_style",
                    parent = "label",
                    font = "default",
                    width = 364,
                    font_color = {r=1, g=1, b=1}
                },

                tutorial_notice_title_label =
                {
                    type = "label_style",
                    parent = "label",
                    font = "default-large-bold",
                    font_color = color "ff",
                    width = 250
                },
                tutorial_notice_name_label =
                {
                    type = "label_style",
                    parent = "label",
                    font = "default-large",
                    font_color = color "ff"
                },
                tutorial_notice_label =
                {
                    type = "label_style",
                    parent = "label",
                    font_color = color "ff"
                },
                tutorial_icon_image =
                {
                    type = "image_style",
                    size = 96
                },
                achievement_image =
                {
                    type = "image_style",
                    size = 100
                },

                installed_mod_label =
                {
                    type = "label_style",
                    font_color = {0, 0.9, 0}
                },

                downloading_mod_label =
                {
                    type = "label_style",
                    font_color = {255, 255, 50}
                },

                to_be_downloaded_mod_label =
                {
                    type = "label_style",
                    font_color = {50, 255, 255}
                },

                out_of_date_mod_label =
                {
                    type = "label_style",
                    font_color = {0.9, 0.9, 0}
                },

                incompatible_mod_label =
                {
                    type = "label_style",
                    font_color = warning_red_color
                },

                invalid_mod_label =
                {
                    type = "label_style",
                    font_color = warning_red_color
                },

                invalid_hovered_mod_label =
                {
                    type = "label_style",
                    font_color = {61, 3, 0}
                },
                invalid_selected_mod_label =
                {
                    type = "label_style",
                    font_color = {115, 0, 0}
                },
                valid_mod_label =
                {
                    type = "label_style"
                },
                valid_hovered_mod_label =
                {
                    type = "label_style",
                    font_color = {29, 29, 29},
                    disabled_font_color = {0, 0, 0, 0.5}
                },
                valid_selected_mod_label =
                {
                    type = "label_style",
                    font_color = {29, 29, 29},
                    disabled_font_color = {0, 0, 0, 0.5}
                },

                heading_1_label =
                {
                    type = "label_style",
                    font = "heading-1",
                    font_color = heading_font_color
                },

                tooltip_heading_label =
                {
                    type = "label_style",
                    font = "default-bold",
                    font_color = {0.0, 0.0, 0.0}
                },

                switch =
                {
                    type = "switch_style",
                    active_label =
                    {
                        type = "label_style",
                        font_color = {241, 190, 100},
                        font = "default-bold"
                    },
                    inactive_label =
                    {
                        type = "label_style",
                        font_color = default_font_color,
                        hovered_font_color = {255, 230, 192},
                        font = "default"
                    },
                    width = 32,
                    height = 16,
                    padding = 0,
                    left_button_position = 2, -- position on the background where the button will be drawn
                    middle_button_position = 9,
                    right_button_position = 16,
                    default_background = {position = {0, 96}, size = {64, 32}},
                    hover_background = {position = {64, 96}, size = {64, 32}},
                    disabled_background = {position = {0, 96}, size = {64, 32}}, -- we don't have a proper one, so we use the idle for now
                    button =
                    {
                        type = "button_style",
                        width = 14,
                        height = 14,
                        default_graphical_set = {position = {128, 96}, size = 28},
                        hovered_graphical_set = {position = {156, 96}, size = 28},
                        clicked_graphical_set = {position = {184, 96}, size = 28},
                        disabled_graphical_set = {position = {128, 96}, size = 28}, -- we don't have a proper one, so we use the idle for now
                        left_click_sound =
                        {
                            {
                                filename = "__core__/sound/gui-click.ogg",
                                volume = 1
                            }
                        }
                    }
                },

                dialog_button =
                {
                    type = "button_style",
                    font = "default-dialog-button",
                    parent = "button",
                    default_font_color = button_default_bold_font_color,
                    hovered_font_color = button_default_bold_font_color,
                    clicked_font_color = button_default_bold_font_color,
                    disabled_font_color = {0.5, 0.5, 0.5},
                    bottom_padding = 2,
                    height = 32,
                    minimal_width = 112
                },

                play_tutorial_button =
                {
                    type = "button_style",
                    parent = "button",
                    font = "default"
                },
                play_completed_tutorial_button =
                {
                    type = "button_style",
                    parent = "play_tutorial_button",
                    default_graphical_set =
                    {
                        filename = "__core__/graphics/gui.png",
                        corner_size = 3,
                        position = {0, 24},
                        scale = 1
                    }
                },
                play_locked_tutorial_button =
                {
                    type = "button_style",
                    parent = "play_tutorial_button",
                    default_graphical_set =
                    {
                        filename = "__core__/graphics/gui.png",
                        corner_size = 3,
                        position = {0, 32},
                        scale = 1
                    }
                },

                menu_button =
                {
                    type = "button_style",
                    parent = "button",
                    font = "default-dialog-button",
                    default_font_color = button_default_bold_font_color,
                    hovered_font_color = button_default_bold_font_color,
                    clicked_font_color = button_default_bold_font_color,
                    minimal_width = 300,
                    minimal_height = 50,
                    top_padding = 4,
                    bottom_padding = 4
                },

                search_mods_button =
                {
                    type = "button_style",
                    parent = "button",
                    padding = 2
                },

                icon_button =
                {
                    type = "button_style",
                    parent = "button",
                    default_font_color = {},
                    size = 38,
                    top_padding = 1,
                    right_padding = 0,
                    bottom_padding = 1,
                    left_padding = 0,
                    default_graphical_set =
                    {
                        filename = "__core__/graphics/gui.png",
                        corner_size = 3,
                        position = {8, 0},
                        scale = 1
                    }
                },

                side_menu_button =
                {
                    type = "button_style",
                    parent = "icon_button"
                },
                side_menu_button_hovered =
                {
                    type = "button_style",
                    parent = "icon_button",
                    default_graphical_set =
                    {
                        filename = "__core__/graphics/gui.png",
                        corner_size = 3,
                        position = {0, 8},
                        scale = 1
                    }
                },
                map_view_options_button =
                {
                    type = "button_style",
                    parent = "icon_button"
                },

                mod_gui_button =
                {
                    type = "button_style",
                    parent = "button",
                    minimal_width = 36,
                    height = 36,
                    padding = 1
                },

                image_tab_slot =
                {
                    type = "button_style",
                    parent = "slot_button",
                    size = 68,
                    default_graphical_set =
                    {
                        border = 1,
                        center =
                        {
                            filename = "__core__/graphics/gui.png",
                            position = {111, 144},
                            size = 36,
                            scale = 1
                        }
                    },
                    clicked_graphical_set =
                    {
                        border = 1,
                        filename = "__core__/graphics/gui.png",
                        position = {111, 144},
                        size = 36,
                        scale = 1
                    },
                    hovered_graphical_set =
                    {
                        border = 1,
                        filename = "__core__/graphics/gui.png",
                        position = {148, 144},
                        size = 36,
                        scale = 1
                    }
                },
                image_tab_selected_slot =
                {
                    type = "button_style",
                    parent = "image_tab_slot",
                    size = 68,
                    default_graphical_set = orangebuttongraphcialset(),
                    hovered_graphical_set =  orangebuttongraphcialset(),
                    clicked_graphical_set = orangebuttongraphcialset()
                },
                logistic_button_slot =
                {
                    type = "button_style",
                    parent = "slot_button"
                },
                logistic_button_selected_slot =
                {
                    type = "button_style",
                    parent = "slot_button",
                    default_graphical_set = orangebuttongraphcialset(),
                    hovered_graphical_set =  orangebuttongraphcialset(),
                    clicked_graphical_set = orangebuttongraphcialset()
                },
                red_circuit_network_content_slot =
                {
                    type = "button_style",
                    parent = "slot_button",
                    default_graphical_set =
                    {
                        border = 1,
                        filename = "__core__/graphics/gui.png",
                        position = {111, 36},
                        size = 36,
                        scale = 1
                    }
                },

                green_circuit_network_content_slot =
                {
                    type = "button_style",
                    parent = "slot_button",
                    default_graphical_set =
                    {
                        border = 1,
                        filename = "__core__/graphics/gui.png",
                        position = {111, 108},
                        size = 36,
                        scale = 1
                    }
                },

                slot_button =
                {
                    type = "button_style",
                    parent = "button",
                    size = 36,
                    padding = 1,
                    default_graphical_set =
                    {
                        border = 1,
                        filename = "__core__/graphics/gui.png",
                        position = {111, 0},
                        size = 36,
                        scale = 1
                    },
                    hovered_graphical_set =
                    {
                        border = 1,
                        filename = "__core__/graphics/gui.png",
                        position = {148, 0},
                        size = 36,
                        scale = 1
                    },
                    clicked_graphical_set =
                    {
                        border = 1,
                        filename = "__core__/graphics/gui.png",
                        size = 36,
                        x = 185,
                        scale = 1
                    },
                    pie_progress_color = {0.98, 0.66, 0.22, 0.5},
                    left_click_sound = {}
                },

                recipe_slot_button =
                {
                    type = "button_style",
                    parent = "slot_button",
                    size = 36,
                    padding = 1,
                    default_graphical_set =
                    {
                        border = 1,
                        filename = "__core__/graphics/gui.png",
                        size = 36,
                        x = 111,
                        y = 144,
                        scale = 1
                    },
                    hovered_graphical_set =
                    {
                        border = 1,
                        filename = "__core__/graphics/gui.png",
                        position = {148, 144},
                        size = 36,
                        scale = 1
                    },
                    clicked_graphical_set =
                    {
                        border = 1,
                        filename = "__core__/graphics/gui.png",
                        position = {185, 144},
                        size = 36,
                        scale = 1
                    },
                    pie_progress_color = {0.98, 0.66, 0.22, 0.5}
                },

                small_slot_button =
                {
                    type = "button_style",
                    parent = "slot_button",
                    size = 20
                },

                tracking_off_button =
                {
                    type = "button_style",
                    parent = "button",
                    padding = 0,
                    size = 3+16+3
                },

                tracking_on_button =
                {
                    type = "button_style",
                    parent = "tracking_off_button",
                    default_graphical_set =
                    {
                        filename = "__core__/graphics/gui.png",
                        corner_size = 3,
                        position = {0, 40},
                        scale = 1
                    },
                    hovered_graphical_set =
                    {
                        filename = "__core__/graphics/gui.png",
                        corner_size = 3,
                        position = {0, 48},
                        scale = 1
                    },
                    -- pressed is the same as default
                },

                technology_list_scroll_pane =
                {
                    type = "scroll_pane_style",
                    parent = "scroll_pane",
                    graphical_set =
                    {
                        base = {position = {34, 0}, corner_size = 8},
                        shadow = default_inner_shadow
                    },
                    background_graphical_set =
                    {
                        position = {282, 17},
                        corner_size = 8,
                        overall_tiling_horizontal_size = 72,
                        overall_tiling_vertical_size = 100
                    },
                    extra_padding_when_activated = 0
                },

                technology_list_container =
                {
                    type = "vertical_flow_style",
                    padding = 0
                },

                technology_gui_outer_frame =
                {
                    type = "frame_style",
                    parent = "outer_frame",
                    top_padding = 2,
                    bottom_padding = 36,
                    right_padding = 8,
                    graphical_set =
                    {
                        position = {0, 0},
                        corner_size = 8,
                        center = {}
                    },
                    use_header_filler = false,
                    header_background =
                    {
                        center = {x = 8, y = 8, width = 1, height = 1}
                    }
                },

                technology_gui_inner_frame =
                {
                    type = "frame_style",
                    parent = "inner_frame_in_outer_frame",
                    padding = 0,
                    vertical_flow_style =
                    {
                        type = "vertical_flow_style",
                        vertical_spacing = 8
                    },
                    use_header_filler = false,
                    graphical_set =
                    {
                        center = {position = {8, 8}, size = 1}
                    }
                },

                technology_gui_left_frame =
                {
                    type = "frame_style",
                    parent = "technology_gui_inner_frame",
                    left_padding = 8,
                    right_padding = 12,
                    horizontally_stretchable = "off"
                },

                technology_gui_right_top_frame =
                {
                    type = "frame_style",
                    parent = "technology_gui_inner_frame",
                    bottom_padding = 4,
                    horizontal_flow_style =
                    {
                        type = "horizontal_flow_style",
                        vertical_align = "center"
                    }
                },

                research_queue_border =
                {
                    type = "frame_style",
                    parent = "inner_frame_in_outer_frame",
                    padding = 0,
                    graphical_set = {position = {17, 0}, corner_size = 8}
                },

                research_queue_inner_frame =
                {
                    type = "frame_style",
                    parent = "inner_frame_in_outer_frame",
                    padding = 0,
                    horizontal_flow_style =
                    {
                        type = "horizontal_flow_style",
                        horizontal_spacing = 12,
                        padding = 0
                    },
                    graphical_set =
                    {
                        left_top = {x = 265, y = 17, width = 8, height = 8},
                        left = {x = 265, y = 25, width = 8, height = 1},
                        left_bottom = {x = 265, y = 26, width = 8, height = 8},
                        top = {x = 273, y = 17, width = 1, height = 8},
                        center = {x = 273, y = 24, width = 1, height = 1},
                        bottom = {x = 273, y = 26, width = 1, height = 8},
                        right_top = {x = 274, y = 17, width = 8, height = 8},
                        right = {x = 274, y = 25, width = 8, height = 1},
                        right_bottom = {x = 274, y = 26, width = 8, height = 8}
                    }
                },

                research_queue_table =
                {
                    type = "table_style",
                    padding = 0,
                    horizontal_spacing = 0
                },

                research_queue_first_slot_flow =
                {
                    type = "horizontal_flow_style",
                    padding_left = 0,
                    padding_right = 0,
                    padding_top = 0,
                    padding_bottom = 0
                },

                research_queue_cancel_button =
                {
                    type = "button_style",
                    parent = "red_button",
                    size = {72, 20},
                    padding = -4
                },

                technology_slot =
                {
                    type = "technology_slot_style",
                    font = "default-dialog-button",
                    strikethrough_color = {0.5, 0.5, 0.5},
                    default_font_color = {1, 1, 1},
                    hovered_font_color = {1, 1, 1},
                    clicked_font_color = {1, 1, 1},
                    disabled_font_color = {1, 1, 1},
                    selected_font_color = {1, 1, 1},
                    selected_hovered_font_color = {1, 1, 1},
                    selected_clicked_font_color = {1, 1, 1},
                    pie_progress_color = {1, 0, 0},
                    horizontal_align = "center",
                    vertical_align = "center",
                    left_click_sound = {},
                    default_graphical_set = {position = {282, 17}, corner_size = 8},
                    hovered_graphical_set = {position = {282, 17}, corner_size = 8},
                    clicked_graphical_set = {position = {282, 17}, corner_size = 8},
                    disabled_graphical_set = {position = {282, 17}, corner_size = 8},
                    highlighted_graphical_set = {position = {282, 17}, corner_size = 8},
                    selected_graphical_set = {position = {282, 17}, corner_size = 8},
                    selected_hovered_graphical_set = {position = {282, 17}, corner_size = 8},
                    selected_clicked_graphical_set = {position = {282, 17}, corner_size = 8},
                    default_background_shadow = {position = {392, 328}, size = 88},
                    level_band = {position = {381, 136}, corner_size = 8},
                    level_offset_x = 12,
                    level_offset_y = -2.5,
                    level_band_width = 28,
                    level_band_height = 12,
                    level_font = "technology-slot-level-font",
                    level_font_color = {0, 0, 0},
                    scalable = false,
                    width = 72,
                    height = 100,

                    level_range_band = {position = {397, 136}, corner_size = 8},
                    level_range_offset_x = -4,
                    level_range_offset_y = -2.5,
                    level_range_font = "technology-slot-level-font",
                    level_range_font_color = {1, 1, 1},

                    ingredients_height = 20,
                    default_ingredients_background = {position = {347, 136}, corner_size = 8},
                    hovered_ingredients_background = {position = {364, 136}, corner_size = 8},
                    clicked_ingredients_background = {position = {364, 136}, corner_size = 8},
                    disabled_ingredients_background = {position = {364, 136}, corner_size = 8},

                    highlighted_ingredients_background = {position = {364, 136}, corner_size = 8},
                    ingredients_padding = 0,
                    ingredient_icon_size = 16,
                    ingredient_icon_overlap = 4,

                    clicked_overlay =
                    {
                        left_top = {position = {456, 136}, size = {16, 16}},
                        top = {position = {472, 136}, size = {1, 16}},
                        right_top = {position = {473, 136}, size = {16, 16}},
                        left = {position = {456, 152}, size = {16, 1}},
                        center = {position = {472, 152}, size = {1, 1}},
                        right = {position = {473, 152}, size = {16, 1}},

                        left_bottom = {position = {416, 136}, size = {16, 16}},
                        bottom = {position = {432, 136}, size = {1, 16}},
                        right_bottom = {position = {433, 136}, size = {16, 16}}
                    }
                },

                disabled_technology_slot =
                {
                    type = "technology_slot_style",
                    parent = "technology_slot"
                },

                researched_technology_slot =
                {
                    type = "technology_slot_style",
                    parent = "technology_slot",
                    default_graphical_set =
                    {
                        base = {position = {296, 187}, corner_size = 8},
                        shadow = default_shadow
                    },
                    hovered_graphical_set =
                    {
                        base = {position = {312, 187}, corner_size = 8},
                        shadow = default_shadow
                    },
                    selected_hovered_graphical_set =
                    {
                        base = {position = {312, 187}, corner_size = 8},
                        shadow = default_shadow
                    },
                    clicked_graphical_set =
                    {
                        base = {position = {312, 187}, corner_size = 8},
                        shadow = default_shadow
                    },
                    selected_graphical_set =
                    {
                        base = {position = {312, 187}, corner_size = 8},
                        shadow = default_shadow
                    },
                    selected_clicked_graphical_set =
                    {
                        base = {position = {312, 187}, corner_size = 8},
                        shadow = default_shadow
                    },
                    disabled_graphical_set =
                    {
                        base = {position = {296, 187}, corner_size = 8},
                        shadow = default_shadow
                    },
                    highlighted_graphical_set =
                    {
                        base = {position = {330, 187}, corner_size = 8},
                        shadow = default_shadow
                    },
                    level_band = {position = {381, 187}, corner_size = 8},
                    level_range_band = {position = {397, 187}, corner_size = 8},
                    default_ingredients_background = {position = {347, 187}, corner_size = 8},
                    hovered_ingredients_background = {position = {364, 187}, corner_size = 8},
                    clicked_ingredients_background = {position = {364, 187}, corner_size = 8},
                    disabled_ingredients_background = {position = {364, 187}, corner_size = 8},
                    highlighted_ingredients_background = {position = {364, 187}, corner_size = 8},
                    level_font_color = {0, 84, 5},
                    level_range_font_color = {165, 255, 171},

                    clicked_overlay =
                    {
                        left_top = {position = {456, 136}, size = {16, 16}},
                        top = {position = {472, 136}, size = {1, 16}},
                        right_top = {position = {473, 136}, size = {16, 16}},
                        left = {position = {456, 152}, size = {16, 1}},
                        center = {position = {472, 152}, size = {1, 1}},
                        right = {position = {473, 152}, size = {16, 1}},

                        left_bottom = {position = {416, 187}, size = {16, 16}},
                        bottom = {position = {432, 187}, size = {1, 16}},
                        right_bottom = {position = {433, 187}, size = {16, 16}}
                    }
                },

                available_technology_slot =
                {
                    type = "technology_slot_style",
                    parent = "technology_slot",
                    default_graphical_set =
                    {
                        base = {position = {296, 136}, corner_size = 8},
                        shadow = default_shadow
                    },
                    hovered_graphical_set =
                    {
                        base = {position = {312, 136}, corner_size = 8},
                        shadow = default_shadow
                    },
                    selected_hovered_graphical_set =
                    {
                        base = {position = {312, 136}, corner_size = 8},
                        shadow = default_shadow
                    },
                    clicked_graphical_set =
                    {
                        base = {position = {312, 136}, corner_size = 8},
                        shadow = default_shadow
                    },
                    selected_graphical_set =
                    {
                        base = {position = {312, 136}, corner_size = 8},
                        shadow = default_shadow
                    },
                    selected_clicked_graphical_set =
                    {
                        base = {position = {312, 136}, corner_size = 8},
                        shadow = default_shadow
                    },
                    disabled_graphical_set =
                    {
                        base = {position = {296, 136}, corner_size = 8},
                        shadow = default_shadow
                    },
                    highlighted_graphical_set =
                    {
                        base = {position = {330, 136}, corner_size = 8},
                        shadow = default_shadow
                    },
                    level_band = {position = {381, 136}, corner_size = 8},
                    level_range_band = {position = {397, 136}, corner_size = 8},
                    level_font_color = {77, 71, 48},
                    level_range_font_color = {255, 241, 183},

                    clicked_overlay =
                    {
                        left_top = {position = {456, 136}, size = {16, 16}},
                        top = {position = {472, 136}, size = {1, 16}},
                        right_top = {position = {473, 136}, size = {16, 16}},
                        left = {position = {456, 152}, size = {16, 1}},
                        center = {position = {472, 152}, size = {1, 1}},
                        right = {position = {473, 152}, size = {16, 1}},

                        left_bottom = {position = {416, 136}, size = {16, 16}},
                        bottom = {position = {432, 136}, size = {1, 16}},
                        right_bottom = {position = {433, 136}, size = {16, 16}}
                    }
                },

                conditionally_available_technology_slot =
                {
                    type = "technology_slot_style",
                    parent = "technology_slot",
                    default_graphical_set =
                    {
                        base = {position = {296, 153}, corner_size = 8},
                        shadow = default_shadow
                    },
                    hovered_graphical_set =
                    {
                        base = {position = {312, 153}, corner_size = 8},
                        shadow = default_shadow
                    },
                    selected_hovered_graphical_set =
                    {
                        base = {position = {312, 153}, corner_size = 8},
                        shadow = default_shadow
                    },
                    clicked_graphical_set =
                    {
                        base = {position = {312, 153}, corner_size = 8},
                        shadow = default_shadow
                    },
                    selected_graphical_set =
                    {
                        base = {position = {312, 153}, corner_size = 8},
                        shadow = default_shadow
                    },
                    selected_clicked_graphical_set =
                    {
                        base = {position = {312, 153}, corner_size = 8},
                        shadow = default_shadow
                    },
                    disabled_graphical_set =
                    {
                        base = {position = {296, 153}, corner_size = 8},
                        shadow = default_shadow
                    },
                    highlighted_graphical_set =
                    {
                        base = {position = {330, 153}, corner_size = 8},
                        shadow = default_shadow
                    },
                    level_band = {position = {381, 153}, corner_size = 8},
                    level_range_band = {position = {397, 153}, corner_size = 8},
                    default_ingredients_background = {position = {347, 153}, corner_size = 8},
                    hovered_ingredients_background = {position = {364, 136}, corner_size = 8},
                    clicked_ingredients_background = {position = {364, 136}, corner_size = 8},
                    disabled_ingredients_background = {position = {364, 136}, corner_size = 8},
                    highlighted_ingredients_background = {position = {364, 136}, corner_size = 8},
                    level_font_color = {95, 68, 32},
                    level_range_font_color = {255, 234, 206},
                    clicked_overlay =
                    {
                        left_top = {position = {456, 136}, size = {16, 16}},
                        top = {position = {472, 136}, size = {1, 16}},
                        right_top = {position = {473, 136}, size = {16, 16}},
                        left = {position = {456, 152}, size = {16, 1}},
                        center = {position = {472, 152}, size = {1, 1}},
                        right = {position = {473, 152}, size = {16, 1}},

                        left_bottom = {position = {416, 153}, size = {16, 16}},
                        bottom = {position = {432, 153}, size = {1, 16}},
                        right_bottom = {position = {433, 153}, size = {16, 16}}
                    }
                },

                unavailable_technology_slot =
                {
                    type = "technology_slot_style",
                    parent = "technology_slot",
                    default_graphical_set =
                    {
                        base = {position = {296, 170}, corner_size = 8},
                        shadow = default_shadow
                    },
                    hovered_graphical_set =
                    {
                        base = {position = {312, 170}, corner_size = 8},
                        shadow = default_shadow
                    },
                    selected_hovered_graphical_set =
                    {
                        base = {position = {312, 170}, corner_size = 8},
                        shadow = default_shadow
                    },
                    clicked_graphical_set =
                    {
                        base = {position = {312, 170}, corner_size = 8},
                        shadow = default_shadow
                    },
                    selected_graphical_set =
                    {
                        base = {position = {312, 170}, corner_size = 8},
                        shadow = default_shadow
                    },
                    selected_clicked_graphical_set =
                    {
                        base = {position = {312, 170}, corner_size = 8},
                        shadow = default_shadow
                    },
                    disabled_graphical_set =
                    {
                        base = {position = {296, 170}, corner_size = 8},
                        shadow = default_shadow
                    },
                    highlighted_graphical_set =
                    {
                        base = {position = {330, 170}, corner_size = 8},
                        shadow = default_shadow
                    },
                    level_band = {position = {381, 170}, corner_size = 8},
                    level_range_band = {position = {397, 170}, corner_size = 8},
                    default_ingredients_background = {position = {347, 170}, corner_size = 8},
                    hovered_ingredients_background = {position = {364, 170}, corner_size = 8},
                    clicked_ingredients_background = {position = {364, 170}, corner_size = 8},
                    disabled_ingredients_background = {position = {364, 170}, corner_size = 8},
                    highlighted_ingredients_background = {position = {364, 170}, corner_size = 8},
                    level_font_color = {116, 34, 32},
                    level_range_font_color = {255, 214, 213},
                    clicked_overlay =
                    {
                        left_top = {position = {456, 136}, size = {16, 16}},
                        top = {position = {472, 136}, size = {1, 16}},
                        right_top = {position = {473, 136}, size = {16, 16}},
                        left = {position = {456, 152}, size = {16, 1}},
                        center = {position = {472, 152}, size = {1, 1}},
                        right = {position = {473, 152}, size = {16, 1}},

                        left_bottom = {position = {416, 170}, size = {16, 16}},
                        bottom = {position = {432, 170}, size = {1, 16}},
                        right_bottom = {position = {433, 170}, size = {16, 16}}
                    }
                },

                researched_preview_technology_slot =
                {
                    type = "technology_slot_style",
                    parent = "researched_technology_slot",
                    scalable = false,
                    width = featured_technology_slot_base_width,
                    height = featured_technology_slot_base_height + 32,
                    ingredients_padding = 32
                },

                available_preview_technology_slot =
                {
                    type = "technology_slot_style",
                    parent = "available_technology_slot",
                    scalable = false,
                    width = featured_technology_slot_base_width,
                    height = featured_technology_slot_base_height + 32,
                    ingredients_padding = 32
                },

                conditionally_available_preview_technology_slot =
                {
                    type = "technology_slot_style",
                    parent = "conditionally_available_technology_slot",
                    scalable = false,
                    width = featured_technology_slot_base_width,
                    height = featured_technology_slot_base_height + 32,
                    ingredients_padding = 32
                },

                unavailable_preview_technology_slot =
                {
                    type = "technology_slot_style",
                    parent = "unavailable_technology_slot",
                    scalable = false,
                    width = featured_technology_slot_base_width,
                    height = featured_technology_slot_base_height + 32,
                    ingredients_padding = 32
                },

                technology_card =
                {
                    type = "vertical_flow_style",
                    horizontal_spacing = 0,
                    vertical_spacing = 0
                },

                technology_slot_table =
                {
                    type = "table_style",
                    horizontal_spacing = 0,
                    vertical_spacing = 0
                },

                featured_technology_table =
                {
                    type = "table_style",
                    column_widths =
                    {
                        {
                            column = 1,
                            minimal_width = 60
                        },
                        {
                            column = 2,
                            minimal_width = 364
                        }
                    },
                    horizontal_spacing = 12,
                    vertical_spacing = 0,
                    border =
                    {
                        border_width = 4,
                        horizontal_line = {position = {8, 40}, size = {1, 8}},
                        left_end = {position = {112, 40}, size = 8},
                        right_end = {position = {8, 40}, size = {1, 8}}
                    }
                },

                featured_technology_inner_table=
                {
                    type = "table_style",
                    parent = "slot_table",
                    top_padding = 4,
                    bottom_padding = 4
                },

                research_progress_technology_table =
                {
                    type = "table_style",
                    parent = "featured_technology_table",
                    column_widths =
                    {
                        {
                            column = 1,
                            minimal_width = 60
                        },
                        {
                            column = 2,
                            minimal_width = 288
                        }
                    }
                },

                featured_technology_description_label =
                {
                    type = "label_style",
                    parent = "label",
                    font = "var",
                    font_color = bold_font_color,
                },

                featured_technology_description_scroll_pane =
                {
                    type = "scroll_pane_style",
                    parent = "scroll_pane",
                    height = featured_technology_slot_base_height + 32 + 2 * 4,
                    extra_padding_when_activated = 0,
                    graphical_set =
                    {
                        shadow = default_inner_shadow
                    },
                    vertical_flow_style =
                    {
                        type = "vertical_flow_style",
                        parent = "vertical_flow",
                        left_padding = 8,
                        right_padding = 8,
                        top_padding = 4
                    }
                },

                featured_technology_slot_frame =
                {
                    type = "frame_style",
                    parent = "frame",
                    padding = 0
                },

                technology_description_slot =
                {
                    type = "button_style",
                    parent = "slot_button",
                    size = 32,
                    default_graphical_set = technology_description_slot_tileset,
                    clicked_graphical_set = technology_description_slot_tileset,
                    hovered_graphical_set = technology_description_slot_tileset,
                    draw_shadow_under_picture = true
                },

                frame_button =
                {
                    type = "button_style",
                    parent = "button",
                    padding = -4,
                    default_graphical_set =
                    {
                        base = {position = {0, 0}, corner_size = 8},
                        shadow = {position = {440, 24}, corner_size = 8, draw_type = "outer"},
                    },
                    hovered_graphical_set =
                    {
                        base = {position = {34, 17}, corner_size = 8},
                        shadow = {position = {440, 24}, corner_size = 8, draw_type = "outer"},
                        glow = default_glow(default_glow_color, 0.5)
                    },
                    clicked_graphical_set =
                    {
                        base = {position = {51, 17}, corner_size = 8},
                        shadow = {position = {440, 24}, corner_size = 8, draw_type = "outer"}
                    },
                    disabled_graphical_set =
                    {
                        base = {position = {17, 17}, corner_size = 8},
                        shadow = {position = {440, 24}, corner_size = 8, draw_type = "outer"}
                    },
                    selected_graphical_set =
                    {
                        base = {position = {272, 169}, corner_size = 8},
                        shadow = {position = {440, 24}, corner_size = 8, draw_type = "outer"}
                    }
                },

                close_button =
                {
                    type = "button_style",
                    parent = "frame_button",
                    size = 16
                },

                blueprint_record_slot_button =
                {
                    type = "button_style",
                    parent = "button",
                    size = 76
                },

                blueprint_drop_slot_button =
                {
                    type = "empty_widget_style",
                    size = 76
                },

                color_indicator =
                {
                    type = "empty_widget_style",
                    size = 28,
                    graphical_set = {position = {195, 72}, corner_size = 8}
                },

                drop_target_button =
                {
                    type = "button_style",
                    font = "default",
                    default_font_color={r=1, g=1, b=1},
                    padding = 5,
                    default_graphical_set =
                    {
                        filename = "__core__/graphics/blueprint-slot-tileset.png",
                        corner_size = 9,
                        left_tiling = true,
                        right_tiling = true,
                        bottom_tiling = true,
                        top_tiling = true,
                        position = {0, 0},
                        top_width = 9,
                        bottom_width = 9,
                        left_height = 9,
                        right_height = 9,
                        center_width = 9,
                        center_height = 9
                    },
                    hovered_font_color={r=1, g=1, b=1},
                    hovered_graphical_set =
                    {
                        filename = "__core__/graphics/blueprint-slot-tileset.png",
                        corner_size = 9,
                        left_tiling = true,
                        right_tiling = true,
                        bottom_tiling = true,
                        top_tiling = true,
                        position = {27, 0},
                        top_width = 9,
                        bottom_width = 9,
                        left_height = 9,
                        right_height = 9,
                        center_width = 9,
                        center_height = 9
                    },
                    clicked_font_color={r=1, g=1, b=1},
                    clicked_graphical_set =
                    {
                        filename = "__core__/graphics/blueprint-slot-tileset.png",
                        corner_size = 9,
                        left_tiling = true,
                        right_tiling = true,
                        bottom_tiling = true,
                        top_tiling = true,
                        position = {27, 0},
                        top_width = 9,
                        bottom_width = 9,
                        left_height = 9,
                        right_height = 9,
                        center_width = 9,
                        center_height = 9
                    },
                    disabled_font_color={r=0.5, g=0.5, b=0.5},
                    disabled_graphical_set =
                    {
                        filename = "__core__/graphics/blueprint-slot-tileset.png",
                        corner_size = 9,
                        left_tiling = true,
                        right_tiling = true,
                        bottom_tiling = true,
                        top_tiling = true,
                        position = {0, 0},
                        top_width = 9,
                        bottom_width = 9,
                        left_height = 9,
                        right_height = 9,
                        center_width = 9,
                        center_height = 9
                    },
                    pie_progress_color = {r=1, g=1, b=1}
                },

                search_button =
                {
                    type = "button_style",
                    parent = "slot_button",
                    size = 24
                },

                edit_label_button =
                {
                    type = "button_style",
                    parent = "slot_button",
                    size = 28
                },

                selected_slot_button =
                {
                    type = "button_style",
                    parent = "slot_button",
                    default_graphical_set =  orangebuttongraphcialset(),
                    hovered_graphical_set =  orangebuttongraphcialset(),
                    clicked_graphical_set = orangebuttongraphcialset()
                },

                slot_with_filter_button =
                {
                    type = "button_style",
                    parent = "slot_button",
                    default_graphical_set =  bluebuttongraphcialset("default"),
                    hovered_graphical_set =  bluebuttongraphcialset("hovered"),
                    clicked_graphical_set = bluebuttongraphcialset("clicked")
                },

                not_available_slot_button =
                {
                    type = "button_style",
                    parent = "slot_button",
                    default_graphical_set =
                    {
                        border = 1,
                        filename = "__core__/graphics/gui.png",
                        size = 36,
                        position = {111, 36},
                        scale = 1
                    },
                    hovered_graphical_set =
                    {
                        border = 1,
                        filename = "__core__/graphics/gui.png",
                        position = {148, 36},
                        size = 36,
                        scale = 1
                    },
                    clicked_graphical_set =
                    {
                        border = 1,
                        filename = "__core__/graphics/gui.png",
                        position = {185, 36},
                        size = 36,
                        scale = 1
                    }
                },

                overloaded_crafting_machine_slot_button =
                {
                    type = "button_style",
                    parent = "slot_button",
                    default_graphical_set =
                    {
                        border = 1,
                        filename = "__core__/graphics/gui.png",
                        position = {111, 72},
                        size = 36,
                        scale = 1
                    },
                    hovered_graphical_set =
                    {
                        border = 1,
                        filename = "__core__/graphics/gui.png",
                        position = {148, 72},
                        size = 36,
                        scale = 1
                    },
                    clicked_graphical_set =
                    {
                        border = 1,
                        filename = "__core__/graphics/gui.png",
                        position = {185, 72},
                        size = 36,
                        scale = 1
                    }
                },

                circuit_condition_sign_button =
                {
                    type = "button_style",
                    parent = "button",
                    right_padding = 5,
                    bottom_padding = 1,
                    left_padding = 5
                },

                red_slot_button =
                {
                    type = "button_style",
                    parent = "slot_button",
                    default_graphical_set =
                    {
                        border = 1,
                        filename = "__core__/graphics/gui.png",
                        position = {111, 36},
                        size = 36,
                        scale = 1
                    },
                    hovered_graphical_set =
                    {
                        border = 1,
                        filename = "__core__/graphics/gui.png",
                        position = {148, 36},
                        size = 36,
                        scale = 1
                    },
                    clicked_graphical_set =
                    {
                        border = 1,
                        filename = "__core__/graphics/gui.png",
                        position = {185, 36},
                        size = 36,
                        scale = 1
                    }
                },

                green_slot_button =
                {
                    type = "button_style",
                    parent = "slot_button",
                    default_graphical_set =
                    {
                        border = 1,
                        center =
                        {
                            filename = "__core__/graphics/gui.png",
                            position = {111, 108},
                            size = {36, 36},
                            scale = 1
                        }
                    },
                    hovered_graphical_set =
                    {
                        border = 1,
                        center =
                        {
                            filename = "__core__/graphics/gui.png",
                            position = {148, 108},
                            size = {36, 36},
                            scale = 1
                        }
                    },
                    clicked_graphical_set =
                    {
                        border = 1,
                        center =
                        {
                            filename = "__core__/graphics/gui.png",
                            position = {185, 108},
                            size = {36, 36},
                            scale = 1
                        }
                    }
                },

                working_weapon_button =
                {
                    type = "button_style",
                    parent = "green_slot_button"
                },

                not_working_weapon_button =
                {
                    type = "button_style",
                    parent = "red_slot_button"
                },

                omitted_technology_slot =
                {
                    type = "button_style",
                    size = {10, 8},
                    padding = 0,
                    default_graphical_set = {},
                    hovered_graphical_set = {}
                },

                crafting_queue_slot =
                {
                    type = "button_style",
                    parent = "slot_button",
                    pie_progress_color = {0.98, 0.66, 0.22, 0.5}
                },
                promised_crafting_queue_slot =
                {
                    type = "button_style",
                    parent = "crafting_queue_slot",
                    default_graphical_set =
                    {
                        border = 1,
                        filename = "__core__/graphics/gui.png",
                        position = {221, 36},
                        size = 36,
                        scale = 1
                    },
                    hovered_graphical_set =
                    {
                        border = 1,
                        filename = "__core__/graphics/gui.png",
                        position = {221, 72},
                        size = 36,
                        scale = 1
                    },
                    clicked_graphical_set =
                    {
                        border = 1,
                        filename = "__core__/graphics/gui.png",
                        position = {221, 108},
                        size = 36,
                        scale = 1
                    }
                },
                partially_promised_crafting_queue_slot =
                {
                    type = "button_style",
                    parent = "crafting_queue_slot",
                    default_graphical_set =
                    {
                        border = 1,
                        filename = "__core__/graphics/gui.png",
                        position = {257, 36},
                        size = 36,
                        scale = 1
                    },
                    hovered_graphical_set =
                    {
                        border = 1,
                        filename = "__core__/graphics/gui.png",
                        position = {257, 72},
                        size = 36,
                        scale = 1
                    },
                    clicked_graphical_set =
                    {
                        border = 1,
                        filename = "__core__/graphics/gui.png",
                        position = {257, 108},
                        size = 36,
                        scale = 1
                    }
                },
                control_settings_button =
                {
                    type = "button_style",
                    parent = "rounded_button",
                    horizontal_align = "left",
                    width = 225
                },
                control_settings_bordered_table =
                {
                    type = "table_style",
                    parent = "bordered_table",
                    left_margin = -4,
                    right_margin = -4,
                    bottom_margin = -4,
                    top_margin = 4
                },
                control_settings_section_button =
                {
                    type = "button_style",
                    parent = "tool_button",
                    default_graphical_set = {position = {68, 0}, corner_size = 8}
                },
                control_settings_scroll_pane =
                {
                    type = "scroll_pane_style",
                    vertical_flow =
                    {
                        type = "vertical_flow_style",
                        padding = 4,
                        vertical_spacing = 4
                    },
                    graphical_set =
                    {
                        base =
                        {
                            position = {17, 0},
                            corner_size = 8,
                            center = {position = {42, 8}, size = 1},
                            top = {},
                            left_top = {},
                            right_top = {},
                            draw_type = "outer"
                        },
                        shadow = default_inner_shadow
                    },
                    background_graphical_set =
                    {
                        position = {282, 17},
                        corner_size = 8,
                        overall_tiling_vertical_size = 32,
                        overall_tiling_vertical_spacing = 8,
                        overall_tiling_vertical_padding = 4,
                        overall_tiling_horizontal_padding = 4
                    }
                },

                dropdown_button =
                {
                    type = "button_style",
                    padding = 0,
                    horizontal_align = "left",
                    font = "default-dropdown",
                    left_click_sound = {}
                },

                dropdown =
                {
                    type = "dropdown_style",
                    minimal_width = 116,
                    minimal_height = 28,
                    top_padding = -1,
                    bottom_padding = 1,
                    left_padding = 8,
                    right_padding = 4,
                    selector_and_title_spacing = 8,
                    button_style =
                    {
                        type = "button_style",
                        parent = "dropdown_button"
                    },
                    icon =
                    {
                        filename = "__core__/graphics/icons/dropdown.png",
                        priority = "extra-high-no-scale",
                        size = 32,
                        scale = 0.5,
                        flags = {"icon", "no-crop"}
                    },
                    list_box_style =
                    {
                        type = "list_box_style",
                        font = "default",
                        maximal_height = 400,
                        scroll_pane_style =
                        {
                            type = "scroll_pane_style",
                            padding = 0,
                            extra_padding_when_activated = 0,
                            graphical_set = {shadow = default_shadow}
                        }
                    }
                },
                big_dropdown = -- used in generate map gui
                {
                    type = "dropdown_style",
                    parent = "dropdown",
                    minimal_width = 300,
                    height = 36,
                    horizontally_stretchable = "on",
                    top_padding = 6,
                    bottom_padding = 4,
                    left_padding = 36, -- space for icon
                    right_padding = 44, -- right button width + padding
                    button_style =
                    {
                        type = "button_style",
                        width = 36,
                        height = 36
                    }
                },
                circuit_condition_comparator_dropdown =
                {
                    type = "dropdown_style",
                    minimal_width = 0,
                    left_padding = 4,
                    right_padding = 0,
                    -- semi-hack redefining the graphical set to put shadow in to glow layer to be on top of the neighbour inset
                    button_style =
                    {
                        type = "button_style",
                        parent = "dropdown_button",
                        default_graphical_set =
                        {
                            base = {position = {0, 17}, corner_size = 8},
                            ghow = default_dirt
                        },
                        hovered_graphical_set =
                        {
                            base = {position = {34, 17}, corner_size = 8},
                            glow = default_glow(default_glow_color, 0.5)
                        },
                        clicked_graphical_set =
                        {
                            base = {position = {51, 17}, corner_size = 8},
                            glow = default_dirt
                        },
                        disabled_graphical_set =
                        {
                            base = {position = {17, 17}, corner_size = 8},
                            glow = default_dirt
                        },
                        selected_graphical_set =
                        {
                            base = {position = {225, 17}, corner_size = 8},
                            glow = default_dirt
                        },
                        selected_hovered_graphical_set =
                        {
                            base = {position = {369, 17}, corner_size = 8},
                            glow = default_dirt
                        },
                        selected_clicked_graphical_set =
                        {
                            base = {position = {352, 17}, corner_size = 8},
                            glow = default_dirt
                        }
                    },
                    list_box_style =
                    {
                        type = "list_box_style",
                        font = "default",
                        maximal_height = 400,
                        item_style =
                        {
                            type = "button_style",
                            parent = "list_box_item",
                            left_padding = 4,
                            right_padding = 4
                        },
                        scroll_pane_style =
                        {
                            type = "scroll_pane_style",
                            padding = 0,
                            extra_padding_when_activated = 0,
                            graphical_set = {shadow = default_shadow}
                        }
                    }
                },
                map_settings_dropdown =
                {
                    type = "dropdown_style",
                    parent = "dropdown",
                    minimal_width = 200
                },
                logistic_networks_dropdown =
                {
                    type = "dropdown_style",
                    parent = "dropdown",
                    minimal_width = 200
                },

                not_accessible_station_in_station_selection =
                {
                    type = "button_style",
                    parent = "list_box_item",
                    default_font_color = warning_red_color,
                    hovered_font_color = {61, 3, 0},
                    selected_font_color = {61, 3, 0},
                    selected_hovered_color = {61, 3, 0},
                    selected_clicked_color = {61, 3, 0}
                },

                partially_accessible_station_in_station_selection =
                {
                    type = "button_style",
                    parent = "list_box_item",
                    default_font_color = {110, 179, 255},
                    hovered_font_color = {0, 23, 84},
                    selected_font_color = {0, 23, 84},
                    selected_hovered_color = {0, 23, 84},
                    selected_clicked_color = {0, 23, 84}
                },

                mod_invalid_list_box_item =
                {
                    type = "button_style",
                    parent = "list_box_item",
                    default_font_color = warning_red_color,
                    hovered_font_color = warning_red_color,
                    selected_font_color = warning_red_color,
                    selected_hovered_color = warning_red_color,
                    selected_clicked_color = warning_red_color
                },
                mod_disabled_list_box_item =
                {
                    type = "button_style",
                    parent = "list_box_item",
                    default_font_color = {0.5, 0.5, 0.5},
                    hovered_font_color = {0.5, 0.5, 0.5},
                    selected_font_color = {0.5, 0.5, 0.5},
                    selected_hovered_color = {0.5, 0.5, 0.5},
                    selected_clicked_color = {0.5, 0.5, 0.5}
                },
                mod_updates_available_list_box_item =
                {
                    type = "button_style",
                    parent = "list_box_item",
                    default_font_color = {0.9, 0.9, 0},
                    hovered_font_color = {1, 1, 0},
                    selected_font_color = {1, 1, 0},
                    selected_hovered_font_color = {1, 1, 0},
                    selected_clicked_font_color = {1, 1, 0}
                },

                list_box_item =
                {
                    type = "button_style",
                    font = "default-listbox",
                    minimal_width = 0,
                    horizontal_align = "left",
                    default_font_color = default_font_color,
                    default_graphical_set = {position = {208, 17},  corner_size = 8},
                    hovered_graphical_set =
                    {
                        base = {position = {34, 17}, corner_size = 8},
                        --glow = default_glow(default_glow_color, 0.5) -- removed to avoid glow going outside when the item is partially covered
                    },
                    clicked_graphical_set = {position = {51, 17}, corner_size = 8},
                    disabled_font_color = default_font_color,
                    disabled_graphical_set = {position = {26, 17}, corner_size = 8}
                },

                list_box_scroll_pane =
                {
                    type = "scroll_pane_style",
                    padding = 0,
                    extra_padding_when_activated = 0,
                    graphical_set =
                    {
                        base =
                        {
                            position = {17, 0},
                            corner_size = 8,
                            center = {position = {42, 8}, size = 1},
                            draw_type = "outer"
                        },
                        shadow = default_inner_shadow
                    },
                    background_graphical_set =
                    {
                        position = {282, 17},
                        corner_size = 8,
                        overall_tiling_vertical_size = 20,
                        overall_tiling_vertical_spacing = 8,
                        overall_tiling_vertical_padding = 4,
                        overall_tiling_horizontal_padding = 4
                    }
                },

                list_box =
                {
                    type = "list_box_style",
                    scroll_pane_style =  -- deriving from the default one
                    {
                        type = "scroll_pane_style",
                        parent = "list_box_scroll_pane"
                    },
                    item_style =
                    {
                        type = "button_style",
                        parent = "list_box_item"
                    }
                },

                saves_list_box =
                {
                    type = "list_box_style",
                    width = 320 + 12, -- 12 for the scroll bar
                    minimal_height = 100
                },

                scroll_pane_under_subheader =
                {
                    type = "scroll_pane_style",
                    extra_padding_when_activated = 0,
                    padding = 4,
                    graphical_set = {}
                },

                scroll_pane_with_dark_background_under_subheader =
                {
                    type = "scroll_pane_style",
                    extra_padding_when_activated = 0,
                    padding = 4,
                    graphical_set =
                    {
                        base =
                        {
                            position = {17, 0},
                            corner_size = 8,
                            center = {position = {42, 8}, size = 1},
                            top = {},
                            left_top = {},
                            right_top = {},
                            draw_type = "outer"
                        },
                        shadow = default_inner_shadow
                    }
                },

                train_schedule_scroll_pane =
                {
                    type = "scroll_pane_style",
                    parent = "scroll_pane_with_dark_background_under_subheader",
                    background_graphical_set =
                    {
                        position = {282, 17},
                        corner_size = 8,
                        custom_horizontal_tiling_sizes = {28, 56, 288},
                        overall_tiling_horizontal_spacing = 8,
                        overall_tiling_horizontal_padding = 4,
                        overall_tiling_vertical_spacing = 12,
                        overall_tiling_vertical_size = 28,
                        overall_tiling_vertical_padding = 4
                    }
                },

                mods_scroll_pane =
                {
                    type = "scroll_pane_style",
                    parent = "scroll_pane_under_subheader",
                    padding = 0,
                    background_graphical_set =
                    {
                        position = {282, 17},
                        corner_size = 8,
                        overall_tiling_vertical_size = 20,
                        overall_tiling_vertical_spacing = 8,
                        overall_tiling_horizontal_padding = 4,
                        overall_tiling_vertical_padding = 4
                    }
                },

                train_schedule_unavailable_stop_label =
                {
                    type = "label_style",
                    font_color = {255, 138, 138},
                    hovered_font_color = default_orange_color
                },

                train_schedule_non_existent_stop_label =
                {
                    type = "label_style",
                    font_color = {255, 138, 138},
                    hovered_font_color = {255, 138, 138}
                },

                hyperlink_label =
                {
                    type = "label_style",
                    font_color = {110, 179, 255},
                    hovered_font_color = {154, 250, 255}
                },

                saves_list_box_under_subheader =
                {
                    type = "list_box_style",
                    parent = "saves_list_box",
                    scroll_pane_style =  -- deriving from the default one
                    {
                        type = "scroll_pane_style",
                        parent = "list_box_scroll_pane",
                        graphical_set =
                        {
                            base =
                            {
                                position = {17, 0},
                                corner_size = 8,
                                center = {position = {42, 8}, size = 1},
                                top = {},
                                left_top = {},
                                right_top = {},
                                draw_type = "outer"
                            },
                            shadow = default_inner_shadow
                        }
                    }
                },

                list_box_under_subheader =
                {
                    type = "list_box_style",
                    scroll_pane_style =  -- deriving from the default one
                    {
                        type = "scroll_pane_style",
                        parent = "list_box_scroll_pane",
                        graphical_set =
                        {
                            base =
                            {
                                position = {17, 0},
                                corner_size = 8,
                                center = {position = {42, 8}, size = 1},
                                top = {},
                                left_top = {},
                                right_top = {},
                                draw_type = "outer"
                            },
                            shadow = default_inner_shadow
                        }
                    }
                },

                save_as_horizontal_flow =
                {
                    type = "horizontal_flow_style",
                    parent = "player_input_horizontal_flow",
                    left_padding = 4
                },

                mods_list_box =
                {
                    type = "list_box_style",
                    width = 300,
                    height = 350
                },
                campaigns_list_box =
                {
                    type = "list_box_style",
                    size = {300, 450}
                },
                campaign_levels_list_box =
                {
                    type = "list_box_style",
                    size = {300, 350}
                },
                custom_games_list_box =
                {
                    type = "list_box_style",
                    size = {300, 250}
                },
                permissions_groups_list_box =
                {
                    type = "list_box_style",
                    size = {250, 400}
                },
                permissions_players_list_box =
                {
                    type = "list_box_style",
                    size = {250, 400}
                },
                train_station_list_box =
                {
                    type = "list_box_style",
                    minimal_height = 130,
                    maximal_height = 400,
                    minimal_width = 300
                },

                button_with_shadow =
                {
                    type = "button_style",
                    -- same as button, just shadow instead of dirt
                    default_graphical_set =
                    {
                        base = {position = {0, 17}, corner_size = 8},
                        shadow = default_shadow
                    },
                    hovered_graphical_set =
                    {
                        base = {position = {34, 17}, corner_size = 8},
                        shadow = default_shadow,
                        glow = default_glow(default_glow_color, 0.5)
                    },
                    clicked_graphical_set =
                    {
                        base = {position = {51, 17}, corner_size = 8},
                        shadow = default_shadow
                    }
                },

                train_schedule_add_wait_condition_button =
                {
                    type = "button_style",
                    parent = "button_with_shadow",
                    horizontal_align = "left",
                    height = 36,
                    width = 288
                },
                train_schedule_add_station_button =
                {
                    type = "button_style",
                    parent = "button_with_shadow",
                    horizontal_align = "left",
                    height = 36,
                    width = 392
                },
                train_schedule_mode_switch_horizontal_flow =
                {
                    type = "horizontal_flow_style",
                    left_margin = 8
                },
                train_schedule_action_button =
                {
                    type = "button_style",
                    padding = 0,
                    size = 28,
                    disabled_graphical_set =
                    {
                        base = {position = {153, 17}, corner_size = 8},
                        shadow = default_dirt
                    }
                },

                dark_frame =
                {
                    type = "frame_style",
                    graphical_set =
                    {
                        base = {position = {68, 0}, corner_size = 8},
                        shadow = default_shadow
                    }
                },

                train_schedule_condition_frame =
                {
                    type = "frame_style",
                    parent = "dark_frame",
                    padding = 0,
                    width = 288,
                    horizontal_flow_style =
                    {
                        type = "horizontal_flow_style",
                        parent = "player_input_horizontal_flow"
                    }
                },

                train_schedule_comparison_type_frame =
                {
                    type = "frame_style",
                    padding = 0,
                    top_margin = -20,
                    bottom_margin = 20
                },

                train_schedule_comparison_type_frame_indented =
                {
                    type = "frame_style",
                    padding = 0,
                    top_margin = -20,
                    bottom_margin = 20,
                    left_margin = -8,
                    right_margin = 8
                },

                train_schedule_comparison_type_frame_extra_indented =
                {
                    type = "frame_style",
                    parent = "train_schedule_comparison_type_frame",
                    left_margin = -28,
                    right_margin = 28
                },

                train_schedule_station_frame =
                {
                    type = "frame_style",
                    parent = "dark_frame",
                    padding = 0,
                    width = 392,
                    horizontal_flow_style =
                    {
                        type = "horizontal_flow_style",
                        parent = "player_input_horizontal_flow"
                    }
                },

                train_schedule_temporary_station_frame =
                {
                    type = "frame_style",
                    parent = "train_schedule_station_frame",
                    graphical_set =
                    {
                        base = {position = {446, 86}, corner_size = 8},
                        shadow = default_shadow
                    }
                },

                train_schedule_fullfilled_condition_frame =
                {
                    type = "frame_style",
                    padding = 0,
                    horizontal_flow_style =
                    {
                        type = "horizontal_flow_style",
                        parent = "player_input_horizontal_flow"
                    },
                    graphical_set =
                    {
                        base = {position = {412, 86}, corner_size = 8},
                        shadow = default_shadow
                    }
                },
                train_schedule_comparison_type_button =
                {
                    type = "button_style",
                    minimal_width = 0,
                    left_padding = 4,
                    right_padding = 4,
                    width = 56,
                    height = 28
                },
                floating_train_station_list_box =
                {
                    type = "list_box_style",
                    maximal_height = 800
                },
                train_station_schedule_list_box =
                {
                    type = "list_box_style",
                    minimal_height = 50,
                    maximal_height = 800
                },

                schedule_in_train_view_list_box =
                {
                    type = "list_box_style",
                    font = "default",
                    width = 200,
                    height = 80
                },

                locomotive_minimap_button =
                {
                    type = "button_style",
                    parent = "button",
                    width = 200,
                    height = 150
                },

                locomotive_minimap_widget =
                {
                    type = "empty_widget_style",
                    -- we only show shadow on the top, to solve the problem of it not being casted from the subheader panel above
                    graphical_set =
                    {
                        shadow =
                        {
                            top =
                            {
                                position = {191, 128},
                                size = {1, 8},
                                tint = hard_shadow_color,
                                draw_type = "inner"
                            }
                        }
                    }
                },

                target_station_in_schedule_in_train_view_list_box_item =
                {
                    type = "button_style",
                    parent = "list_box_item",
                    default_font_color = default_orange_color,
                    hovered_font_color = {0.97, 0.54, 0.15},
                    selected_font_color = {0.97, 0.54, 0.15},
                    selected_hovered_font_color = {0.97, 0.54, 0.15},
                    selected_clicked_font_color = {0.97, 0.54, 0.15}
                },
                no_path_station_in_schedule_in_train_view_list_box_item =
                {
                    type = "button_style",
                    parent = "list_box_item",
                    default_font_color = {1, 0.2, 0.3},
                    hovered_font_color = {0.8, 0.15, 0.12},
                    selected_font_color = {0.8, 0.15, 0.12},
                    selected_hovered_font_color = {0.8, 0.15, 0.12},
                    selected_clicked_font_color = {0.8, 0.15, 0.12}
                },
                default_permission_group_list_box_item =
                {
                    type = "button_style",
                    parent = "list_box_item",
                    default_font_color = {0.55, 0.55, 1},
                    hovered_font_color = {0.8, 0.8, 1.0},
                    selected_font_color = {0.2, 0.2, 0.8},
                    selected_hovered_color = {0.2, 0.2, 0.8},
                    selected_clicked_color = {0.2, 0.2, 0.8},
                },

                steam_friend_label =
                {
                    type = "label_style",
                    font_color = {r=0.28, g=0.58, b=0.7}
                },

                load_game_mod_invalid_label =
                {
                    type = "label_style",
                    font_color = warning_red_color
                },
                mod_disabled_label =
                {
                    type = "label_style",
                    font_color = {r=0.5, g=0.5, b=0.5}
                },
                mod_invalid_label =
                {
                    type = "label_style",
                    font_color = warning_red_color
                },
                flow =
                {
                    type = "flow_style",
                    horizontal_spacing = default_container_spacing,
                    vertical_spacing = default_container_spacing,
                    max_on_row = 0
                },
                featured_technology_effects_flow =
                {
                    type = "flow_style",
                    parent = "flow",
                    horizontal_spacing = 8
                },

                horizontal_flow =
                {
                    type = "horizontal_flow_style",
                    horizontal_spacing = default_container_spacing
                },

                vertical_flow =
                {
                    type = "vertical_flow_style",
                    vertical_spacing = default_container_spacing
                },

                tips_inner_flow =
                {
                    type = "flow_style",
                    left_padding = 25,
                    right_padding = 25,
                    vertical_spacing = 2
                },
                goal_holder_vertical_flow =
                {
                    type = "vertical_flow_style",
                    vertical_spacing = 0
                },
                browse_games_right_part_vertical_flow =
                {
                    type = "vertical_flow_style",
                    width = 400
                },
                tracked_achievements_vertical_flow =
                {
                    type = "vertical_flow_style",
                    vertical_spacing = 0
                },
                achievements_vertical_flow =
                {
                    type = "vertical_flow_style",
                    vertical_spacing = 0
                },
                description_vertical_flow =
                {
                    type = "vertical_flow_style",
                    vertical_spacing = 2
                },
                mod_info_vertical_flow =
                {
                    type = "vertical_flow_style",
                    width = 500
                },
                mod_dependency_vertical_flow =
                {
                    type = "vertical_flow_style",
                    vertical_spacing = 1
                },
                machine_right_part_flow =
                {
                    type = "flow_style",
                    vertical_spacing = 5
                },
                machine_right_part_vertical_flow =
                {
                    type = "vertical_flow_style",
                    vertical_spacing = 5
                },
                table_spacing_flow =
                {
                    type = "flow_style",
                    horizontal_spacing = 5,
                    vertical_spacing = 5
                },
                table_spacing_vertical_flow =
                {
                    type = "vertical_flow_style",
                    vertical_spacing = 5
                },
                slot_table_spacing_flow =
                {
                    type = "flow_style",
                    horizontal_spacing = 2,
                    vertical_spacing = 2
                },
                slot_table_spacing_vertical_flow =
                {
                    type = "vertical_flow_style",
                    vertical_spacing = 2
                },
                slot_table_spacing_horizontal_flow =
                {
                    type = "horizontal_flow_style",
                    horizontal_spacing = 2
                },
                blueprint_shelf_flow =
                {
                    type = "vertical_flow_style",
                    padding = 5
                },
                circuit_buttons_in_frame_title_flow =
                {
                    type = "horizontal_flow_style"
                },
                table =
                {
                    type = "table_style",
                    horizontal_spacing = 4,
                    vertical_spacing = 4,
                    border = {},
                    column_ordering_ascending_button_style =
                    {
                        type = "button_style",
                        size = {8, 8},
                        padding = 0,
                        default_graphical_set =
                        {
                            filename = "__core__/graphics/arrows/table-header-sort-arrow-up-active.png",
                            size = {16, 16},
                            scale = 0.5
                        },
                        hovered_graphical_set =
                        {
                            filename = "__core__/graphics/arrows/table-header-sort-arrow-up-hover.png",
                            size = {16, 16},
                            scale = 0.5
                        },
                        clicked_graphical_set =
                        {
                            filename = "__core__/graphics/arrows/table-header-sort-arrow-up-active.png",
                            size = {16, 16},
                            scale = 0.5
                        },
                        disabled_graphical_set =
                        {
                            filename = "__core__/graphics/arrows/table-header-sort-arrow-up-white.png",
                            size = {16, 16},
                            scale = 0.5
                        }
                    },
                    column_ordering_descending_button_style =
                    {
                        type = "button_style",
                        size = {8, 8},
                        default_graphical_set =
                        {
                            filename = "__core__/graphics/arrows/table-header-sort-arrow-down-active.png",
                            size = {16, 16},
                            scale = 0.5
                        },
                        hovered_graphical_set =
                        {
                            filename = "__core__/graphics/arrows/table-header-sort-arrow-down-hover.png",
                            size = {16, 16},
                            scale = 0.5
                        },
                        clicked_graphical_set =
                        {
                            filename = "__core__/graphics/arrows/table-header-sort-arrow-down-active.png",
                            size = {16, 16},
                            scale = 0.5
                        },
                        disabled_graphical_set =
                        {
                            filename = "__core__/graphics/arrows/table-header-sort-arrow-down-white.png",
                            size = {16, 16},
                            scale = 0.5
                        }
                    },
                    inactive_column_ordering_ascending_button_style =
                    {
                        type = "button_style",
                        size = {8, 8},
                        default_graphical_set =
                        {
                            filename = "__core__/graphics/arrows/table-header-sort-arrow-up-white.png",
                            size = {16, 16},
                            scale = 0.5
                        },
                        hovered_graphical_set =
                        {
                            filename = "__core__/graphics/arrows/table-header-sort-arrow-up-hover.png",
                            size = {16, 16},
                            scale = 0.5
                        },
                        clicked_graphical_set =
                        {
                            filename = "__core__/graphics/arrows/table-header-sort-arrow-up-white.png",
                            size = {16, 16},
                            scale = 0.5
                        },
                        disabled_graphical_set =
                        {
                            filename = "__core__/graphics/arrows/table-header-sort-arrow-up-white.png",
                            size = {16, 16},
                            scale = 0.5
                        }
                    },
                    inactive_column_ordering_descending_button_style =
                    {
                        type = "button_style",
                        size = {8, 8},
                        default_graphical_set =
                        {
                            filename = "__core__/graphics/arrows/table-header-sort-arrow-down-white.png",
                            size = {16, 16},
                            scale = 0.5
                        },
                        hovered_graphical_set =
                        {
                            filename = "__core__/graphics/arrows/table-header-sort-arrow-down-hover.png",
                            size = {16, 16},
                            scale = 0.5
                        },
                        clicked_graphical_set =
                        {
                            filename = "__core__/graphics/arrows/table-header-sort-arrow-down-white.png",
                            size = {16, 16},
                            scale = 0.5
                        },
                        disabled_graphical_set =
                        {
                            filename = "__core__/graphics/arrows/table-header-sort-arrow-down-white.png",
                            size = {16, 16},
                            scale = 0.5
                        }
                    }
                },

                label_table =
                {
                    type = "table_style",
                    horizontal_spacing = 4,
                    vertical_spacing = 0
                },
                table_with_selection =
                {
                    type = "table_style",
                    hovered_row_color = {r=0.98, g=0.66, b=0.22, a=0.7},
                    selected_row_color = default_orange_color,
                    cell_padding = 1,
                    horizontal_spacing = 20,
                    top_padding = 5,
                    vertical_spacing = 5,
                    odd_row_graphical_set =
                    {
                        filename = "__core__/graphics/gui.png",
                        position = {78, 18},
                        size = 1,
                        opacity = 0.7,
                        scale = 1
                    }
                },
                electric_network_sections_table =
                {
                    type = "table_style",
                    cell_padding = 5,
                    horizontal_spacing = 0,
                    vertical_spacing = 0,
                    -- same as frame
                    column_graphical_set =
                    {
                        filename = "__core__/graphics/gui.png",
                        corner_size = 3,
                        position = {8, 0},
                        scale = 1
                    }
                },
                slot_table =
                {
                    type = "table_style",
                    horizontal_spacing = 2,
                    vertical_spacing = 2
                },
                browse_games_table =
                {
                    type = "table_style",
                    parent = "table_with_selection",
                    -- default orange with alfa
                    hovered_row_color = {r=0.98, g=0.66, b=0.22, a=0.7},
                    selected_row_color = default_orange_color,
                    cell_padding = 1,
                    horizontal_spacing = 20,
                    top_padding = 1,
                    left_padding = 10,
                    vertical_spacing = 1,
                    column_widths =
                    {
                        { -- favorite
                            column = 1,
                            width = 20
                        },
                        { -- game name
                            column = 2,
                            width = 310
                        },
                        { -- players
                            column = 3,
                            width = 100
                        },
                        { -- playtime
                            column = 4,
                            width = 100
                        }
                    }
                },
                browse_games_on_lan_table =
                {
                    type = "table_style",
                    parent = "browse_games_table",
                    column_widths =
                    {
                        { -- game name
                            column = 1,
                            width = 310
                        },
                        { -- players
                            column = 2,
                            width = 100
                        },
                        { -- playtime
                            column = 3,
                            width = 100
                        }
                    }
                },

                manage_players_table =
                {
                    type = "table_style",
                    hovered_row_color = { a = 0 },
                    selected_row_color = { a = 0 },
                    cell_padding = 4,
                    horizontal_spacing = 20,
                    top_padding = 5,
                    left_padding = 10,
                    vertical_spacing = 5
                },

                inset_frame_container_table =
                {
                    type = "table_style",
                    parent = "table",
                    vertical_spacing = 12,
                    horizontal_spacing = 12
                },
                inset_frame_container_horizontal_flow =
                {
                    type = "horizontal_flow_style",
                    horizontal_spacing = 12
                },
                map_generator_frequency_table =
                {
                    type = "table_style",
                    parent = "bordered_table",
                    cell_padding = 8,
                    column_widths =
                    {
                        { -- label
                            column = 1,
                            minimal_width = 116
                        },
                        -- other columns have width 108 or 116 by inside sliders
                    },
                    column_alignments =
                    {
                        { -- label
                            column = 1,
                            alignment = "middle-left"
                        },
                        { -- frequency
                            column = 2,
                            alignment = "middle-center"
                        },
                        { -- size
                            column = 3,
                            alignment = "middle-center"
                        },
                        { -- richness
                            column = 4,
                            alignment = "middle-center"
                        }
                    }
                },

                short_number_textfield =
                {
                    type = "textbox_style",
                    width = 80
                },

                long_number_textfield =
                {
                    type = "textbox_style",
                    width = 150
                },

                slider_value_textfield =
                {
                    type = "textbox_style",
                    parent = "short_number_textfield",
                    horizontal_align = "center"
                },

                stretchable_textfield =
                {
                    type = "textbox_style",
                    maximal_width = 0,
                    horizontally_stretchable = "on"
                },

                browse_games_gui_favorites_header_image =
                {
                    type = "image_style",
                    size = 16
                },
                browse_games_gui_toggle_favorite_on_button =
                {
                    type = "button_style",
                    size = 16,
                    default_graphical_set =
                    {
                        filename = "__core__/graphics/favourite.png",
                        size = 64,
                        scale = 1
                    },
                    hovered_graphical_set =
                    {
                        filename = "__core__/graphics/favourite-hovered.png",
                        size = 64,
                        scale = 1
                    },
                    clicked_graphical_set =
                    {
                        filename = "__core__/graphics/favourite-hovered.png",
                        size = 64,
                        scale = 1
                    },
                    disabled_graphical_set =
                    {
                        filename = "__core__/graphics/favourite.png",
                        size = 64,
                        scale = 1
                    }
                },

                browse_games_gui_toggle_favorite_off_button =
                {
                    type = "button_style",
                    size = 16,
                    default_graphical_set =
                    {
                        filename = "__core__/graphics/favourite-grey.png",
                        size = 64,
                        scale = 1
                    },
                    hovered_graphical_set =
                    {
                        filename = "__core__/graphics/favourite-grey-hovered.png",
                        size = 64,
                        scale = 1
                    },
                    clicked_graphical_set =
                    {
                        filename = "__core__/graphics/favourite-grey-hovered.png",
                        size = 64,
                        scale = 1
                    },
                    disabled_graphical_set =
                    {
                        filename = "__core__/graphics/favourite-grey.png",
                        size = 64,
                        scale = 1
                    }
                },

                mods_table =
                {
                    type = "table_style",
                    horizontal_spacing = 0,
                    left_cell_padding = 8,
                    top_cell_padding = 2,
                    right_cell_padding = 8,
                    bottom_cell_padding = 2,
                    apply_row_graphical_set_per_column = true,
                    default_row_graphical_set = {position = {208, 17},  corner_size = 8},
                    hovered_graphical_set = {position = {34, 17}, corner_size = 8},
                    clicked_graphical_set = {position = {51, 17}, corner_size = 8},
                    selected_graphical_set = {position = {51, 17}, corner_size = 8},
                    selected_hovered_graphical_set = {position = {369, 17}, corner_size = 8},
                    selected_clicked_graphical_set = {position = {352, 17}, corner_size = 8}
                },

                mod_info_table =
                {
                    type = "table_style",
                    parent = "bordered_table",

                    column_widths =
                    {
                        {column = 1, width = 116}, -- name
                        {column = 2, width = 350}, -- value
                    }
                },

                neutral_message_frame =
                {
                    type = "frame_style",
                    graphical_set =
                    {
                        base = {position = {386, 17}, corner_size = 8},
                        shadow = default_shadow
                    }
                },

                negative_message_frame =
                {
                    type = "frame_style",
                    graphical_set =
                    {
                        base = {position = {403, 17}, corner_size = 8},
                        shadow = default_shadow
                    }
                },

                positive_message_frame =
                {
                    type = "frame_style",
                    graphical_set =
                    {
                        base = {position = {420, 17}, corner_size = 8},
                        shadow = default_shadow
                    }
                },

                textbox =
                {
                    type = "textbox_style",
                    font = "default",
                    font_color = {},
                    left_padding = 3,
                    right_padding = 2,
                    -- sets a textfield to a total height of 28
                    top_padding = 0,
                    bottom_padding = 0,
                    default_background =
                    {
                        base = {position = {248, 0}, corner_size = 8},
                        shadow = textbox_dirt
                    },
                    disabled_font_color = util.premul_color {1, 1, 1, 0.5},
                    active_background =
                    {
                        base = {position = {265, 0}, corner_size = 8},
                        shadow = textbox_dirt
                    },
                    disabled_background =
                    {
                        base = {position = {282, 0}, corner_size = 8},
                        shadow = textbox_dirt
                    },
                    selection_background_color= {241, 190, 100},
                    width = 200,
                    minimal_height = 28,
                    rich_text_setting = "enabled"
                },

                notice_textbox =
                {
                    type = "textbox_style",
                    parent = "textbox",
                    default_background =
                    {
                        type = "none",
                        opacity = 0
                    },
                    font_color = default_font_color,
                    maximal_width = 450,
                    minimal_width = 0,
                    padding = 0
                },
                map_generator_preset_description =
                {
                    type = "textbox_style",
                    parent = "textbox",
                    font_color = default_font_color,
                    width = 0,
                    height = 64,
                    horizontally_stretchable = "on",
                    default_background =
                    {
                        base =
                        {
                            position = {51, 0},
                            corner_size = 8,
                            center = {position = {76, 8}, size = 1}
                        },
                        shadow = default_inner_shadow
                    },
                    padding = 8,
                    margin = 12
                },
                info_box_textbox =
                {
                    type = "textbox_style",
                    parent = "notice_textbox",
                    width = 450
                },
                search_textfield_with_fixed_width =
                {
                    type = "textbox_style",
                    width = 150
                },
                console_input_textfield =
                {
                    type = "textbox_style",
                    font = "default-game",
                    font_color = default_font_color,
                    left_padding = 3,
                    right_padding = 3,
                    top_padding = 0,
                    bottom_padding = 0,
                    selection_background_color= {241, 190, 100},
                    rich_text_setting = "highlight",
                    default_background =
                    {
                        top_border = 2,
                        bottom_border = 2,
                        filename = "__core__/graphics/gui.png",
                        position = {8, 16},
                        size = 1,
                        scale = 1
                    },
                    active_background =
                    {
                        top_border = 2,
                        bottom_border = 2,
                        filename = "__core__/graphics/gui.png",
                        position = {8, 16},
                        size = 1,
                        scale = 1
                    }
                },
                invalid_value_textfield =
                {
                    type = "textbox_style",
                    default_background =
                    {
                        filename = "__core__/graphics/gui.png",
                        corner_size = 3,
                        position = {16, 16},
                        scale = 1
                    }
                },
                mod_startup_settings_mismatch_notice_box =
                {
                    type = "textbox_style",
                    parent = "notice_textbox",
                    width = 400
                },
                changelog_textbox =
                {
                    type = "textbox_style",
                    font_color = {},
                    padding = 8,
                    top_padding = 4,
                    bottom_padding = 4,
                    default_background = {},
                    disabled_font_color = util.premul_color {1, 1, 1, 0.5},
                    active_background = {},
                    disabled_background = {},
                    selection_background_color= {241, 190, 100},
                    vertically_stretchable = "on",
                    rich_text_setting = "disabled",
                },
                changelog_scroll_pane =
                {
                    type = "scroll_pane_style",
                    parent = "scroll_pane",
                    minimal_width = 850,
                    maximal_width = 0,  -- not limited
                    padding = 0,
                    margin = 0,
                    horizontally_stretchable = "on",
                    graphical_set =
                    {
                        base =
                        {
                            position = {85, 0},
                            corner_size = 8,
                            draw_type = "outer",
                            center= {position = {321, 79}, size = 1}
                        },
                        shadow = default_inner_shadow
                    }
                },
                changelog_frame =
                {
                    type = "frame_style",
                    parent = "window_content_frame_packed",
                    graphical_set =
                    {
                        base =
                        {
                            position = {17, 0},
                            corner_size = 8,
                            draw_type = "outer",
                            center = {position = {42, 8}, size = 1}
                        },
                        shadow = default_inner_shadow
                    }
                },
                changelog_subheader_frame =
                {
                    type = "frame_style",
                    parent = "subheader_frame",
                    left_padding = 12,
                    right_padding = 12,
                    top_padding = 4,
                    horizontally_stretchable = "on"
                },
                changelog_tabbed_pane =
                {
                    type = "tabbed_pane_style",
                    parent = "tabbed_pane",
                    top_padding = 12,
                    tab_content_frame =
                    {
                        type = "frame_style",
                        padding = 12,
                        left_padding = 16,
                        right_padding = 16,
                        graphical_set = tabbed_pane_graphical_set
                    }
                },
                changelog_dropdown =
                {
                    type = "dropdown_style",
                    parent = "dropdown",
                    left_margin = 8
                },
                changelog_subheader_space =
                {
                    type = "flow_style",
                    padding = 0,
                    left_padding = 4,
                    horizontal_spacing = 0
                },

                reader_textbox =
                {
                    type = "textbox_style",
                    parent = "textbox",
                    minimal_width = 600,
                    height = 500
                },

                frame =
                {
                    type = "frame_style",
                    font = "heading-1",
                    font_color = heading_font_color,
                    -- padding of the title area of the frame, when the frame title
                    -- is empty, the area doesn't exist and these values are not used
                    title_top_padding = -2,
                    title_left_padding = 0,
                    title_bottom_padding = 6,
                    title_right_padding = 0,
                    -- padding of the content area of the frame
                    top_padding  = 4,
                    right_padding = 8,
                    bottom_padding = 4,
                    left_padding = 8,
                    graphical_set =
                    {
                        base = {position = {0, 0}, corner_size = 8},
                        shadow = default_shadow
                    },
                    flow_style = { type = "flow_style" },
                    horizontal_flow_style = { type = "horizontal_flow_style" },
                    vertical_flow_style = { type = "vertical_flow_style"  },
                    header_flow_style = { type = "horizontal_flow_style", vertical_align = "center", maximal_height = 24},
                    header_filler_style =
                    {
                        type = "empty_widget_style",
                        parent = "draggable_space_header",
                        height = 24
                    },
                    use_header_filler = true,
                    border = {}
                },

                frame_without_footer =
                {
                    type = "frame_style",
                    bottom_padding = 8
                },

                frame_with_even_paddings =
                {
                    type = "frame_style",
                    top_padding = 8,
                    bottom_padding = 8
                },

                void_inventory_frame =
                {
                    type = "frame_style",
                    title_top_padding = 0,
                    title_bottom_padding = 0,
                    top_padding = 0,
                    bottom_padding = 0,
                    height = 0,
                    graphical_set = {}
                },

                number_input_frame =
                {
                    type = "frame_style",
                    padding = 0,
                    left_padding = 8
                },

                a_inner_frame =
                {
                    type = "frame_style",
                    graphical_set =
                    {
                        base = {position = {17, 0}, corner_size = 8, draw_type = "outer"},
                        shadow = default_inner_shadow
                    }
                },

                a_inner_frame_for_subheader_with_paddings =
                {
                    type = "frame_style",
                    parent = "a_inner_frame",
                    top_padding = 0
                },

                a_inner_paddingless_frame =
                {
                    type = "frame_style",
                    parent = "a_inner_frame",
                    padding = 0,
                    vertical_flow_style =
                    {
                        type = "vertical_flow_style",
                        vertical_spacing = 0
                    },
                },

                b_inner_frame =
                {
                    type = "frame_style",
                    graphical_set =
                    {
                        base =
                        {
                            position = {17, 0},
                            corner_size = 8,
                            center = {position = {76, 8}, size = {1, 1}},
                            draw_type = "outer"
                        },
                        shadow = default_inner_shadow
                    }
                },

                b_inner_frame_for_subheader_with_paddings =
                {
                    type = "frame_style",
                    parent = "b_inner_frame",
                    top_padding = 0,
                    left_padding = 4,
                    right_padding = 4
                },

                connect_gui_frame =
                {
                    type = "frame_style",
                    parent = "b_inner_frame",
                    horizontal_flow_style =
                    {
                        type = "horizontal_flow_style",
                        vertical_align = "center"
                    },
                    padding = 12
                },

                blurry_frame =
                {
                    type = "frame_style",
                    -- padding of the content area of the frame
                    top_padding  = 8,
                    right_padding = 12,
                    bottom_padding = 12,
                    left_padding = 12,
                    graphical_set =
                    {
                        base =
                        {
                            center = {position = {336, 0}, size = {1, 1}},
                            opacity = 0.75,
                            background_blur = true,
                            blend_mode = "multiplicative-with-alpha"
                        },
                        shadow = default_shadow
                    }
                },

                dialog_frame =
                {
                    type = "frame_style",
                    parent = "frame",
                    bottom_padding = 8
                },
                dialog_frame_no_header_filler =
                {
                    type = "frame_style",
                    parent = "dialog_frame",
                    use_header_filler = false
                },

                dialog_buttons_horizontal_flow =
                {
                    type = "horizontal_flow_style",
                    top_padding = 8,
                    vertically_stretchable = "off"
                },

                map_details_frame =
                {
                    type = "frame_style",
                    parent = "blurry_frame",
                    vertical_flow_style = { type = "vertical_flow_style" },
                    width = 220
                },

                subheader_frame =
                {
                    type = "frame_style",
                    parent = "frame",
                    graphical_set =
                    {
                        base =
                        {
                            center = {position = {256, 25}, size = {1, 1}},
                            bottom = {position = {256, 26}, size = {1, 8}}
                        },
                        shadow = bottom_shadow
                    },
                    horizontal_flow_style =
                    {
                        type = "horizontal_flow_style",
                        vertical_align = "center"
                    },
                    vertical_align = "center",
                    top_padding = 3, -- optical correction - move one pixel up from perfect position
                    right_padding = 4,
                    left_padding = 4,
                    bottom_padding = 1,
                    -- bottom 4 come from border
                    vertically_stretchable = "off"
                },

                subpanel_frame =
                {
                    type = "frame_style",
                    graphical_set = {base = {position = {68, 0}, corner_size = 8}},
                    left_padding = 4,
                    right_padding = 4
                },

                subpanel_inset_frame =
                {
                    type = "frame_style",
                    graphical_set = {base = {position = {85, 0}, corner_size = 8, draw_type = "outer"}},
                    padding = 0
                },

                mod_info_frame =
                {
                    type = "frame_style",
                    graphical_set = {base = {position = {68, 0}, corner_size = 8}},
                },

                subfooter_frame =
                {
                    type = "frame_style",
                    parent = "frame",
                    graphical_set =
                    {
                        base =
                        {
                            top = {position = {256, 17}, size = {1, 8}},
                            center = {position = {256, 25}, size = {1, 1}}
                        },
                        shadow = top_shadow
                    },
                    horizontal_flow_style =
                    {
                        type = "horizontal_flow_style"
                    },
                    -- top 4 come from border
                    top_padding = 1,
                    right_padding = 4,
                    left_padding = 4,
                    bottom_padding = 3
                },

                subfooter_frame_with_left_edge =
                {
                    type = "frame_style",
                    parent = "subfooter_frame",
                    graphical_set =
                    {
                        base =
                        {
                            top = {position = {256, 17}, size = {1, 8}},
                            center = {position = {256, 25}, size = {1, 1}},
                            left_top = {position = {248, 17}, size = {8, 8}},
                            left = {position = {248, 25}, size = {8, 1}},
                            left_bottom = {position = {248, 26}, size = {8, 8}}
                        },
                        shadow = top_shadow
                    }
                },

                -- used for frames that contains exclusively other inner frames
                outer_frame =
                {
                    type = "frame_style",
                    padding = 0,
                    title_bottom_padding = 0,
                    graphical_set = { shadow = default_shadow },
                    horizontal_flow_style =
                    {
                        type = "horizontal_flow_style",
                        horizontal_spacing = 0
                    },
                    vertical_flow_style =
                    {
                        type = "vertical_flow_style",
                        vertical_spacing = 0
                    }
                },
                inner_frame_in_outer_frame =
                {
                    title_bottom_padding = 10,
                    type = "frame_style",
                    graphical_set =
                    {
                        base = {position = {0, 0}, corner_size = 8}
                        -- no shadow in inner frame as it is managed by outer frame
                        -- this is to avoid shows of frames that are touching to interact
                    }
                },
                -- Dark deep frame for window content
                inside_deep_frame =
                {
                    type = "frame_style",
                    parent = "frame",
                    padding = 0,
                    graphical_set =
                    {
                        base =
                        {
                            --position = {34, 0}, corner_size = 8,
                            position = {17, 0}, corner_size = 8,
                            center = {position = {42, 8}, size = {1, 1}},
                            draw_type = "outer"
                        },
                        --shadow = default_shadow
                        shadow = default_inner_shadow
                    },
                    vertical_flow_style =
                    {
                        type = "vertical_flow_style",
                        vertical_spacing = 0
                    }
                },

                inside_deep_frame_for_tabs =
                {
                    type = "frame_style",
                    parent = "inside_deep_frame",
                    top_padding = 12
                },

                -- frame with borders around it
                bordered_frame =
                {
                    type = "frame_style",
                    graphical_set = {},
                    border = border_image_set(),
                    right_padding = 4
                },

                bordered_table =
                {
                    type = "table_style",
                    border = border_image_set(),
                    cell_padding = 4,
                    left_cell_padding = 8
                },

                removed_content_table =
                {
                    type = "table_style",
                    left_cell_padding = 8,
                    right_cell_padding = 8,
                    column_widths =
                    {
                        {
                            column = 1,
                            minimal_width =332
                        },
                        {
                            column = 2,
                            minimal_width = 72
                        }
                    },
                    column_alignments =
                    {
                        {
                            column = 2,
                            alignment = "middle-right"
                        }
                    },
                    border = border_image_set(),
                    odd_row_graphical_set =
                    {
                        filename = "__core__/graphics/gui-new.png",
                        position = {472, 25},
                        size = 1
                    }
                },

                finished_game_table =
                {
                    type = "table_style",
                    parent = "removed_content_table",
                    column_widths = {}
                },
                finished_game_subheader_frame =
                {
                    type = "frame_style",
                    parent = "subheader_frame",
                    left_padding = 12,
                    right_padding = 12,
                    bottom_padding = 5,
                    top_padding = 6
                },

                machine_frame =
                {
                    type = "frame_style",
                    parent = "inner_frame_in_outer_frame",
                    horizontal_flow_style =
                    {
                        type = "horizontal_flow_style",
                        horizontal_spacing = 5
                    }
                },
                player_input_horizontal_flow =
                {
                    type = "horizontal_flow_style",
                    horizontal_spacing = 8,
                    vertical_align = "center"
                },
                player_input_table =
                {
                    type = "table_style",
                    horizontal_spacing = 8,
                    column_alignments =
                    {
                        {
                            column = 1,
                            alignment = "middle-left"
                        },
                        {
                            column = 2,
                            alignment = "middle-left"
                        },
                        {
                            column = 3,
                            alignment = "middle-left"
                        }
                    }
                },
                inner_frame =
                {
                    type = "frame_style",
                    padding = 0,
                    title_bottom_padding = 5,
                    graphical_set = {}
                },
                tooltip_frame =
                {
                    type = "frame_style",
                    graphical_set =
                    {
                        filename = "__core__/graphics/gui.png",
                        position = {11, 3},
                        size = 1,
                        scale = 1,
                        --background_blur_sigma = 5
                    },
                    vertical_flow_style =
                    {
                        type = "vertical_flow_style",
                        vertical_spacing = 2
                    }
                },
                tooltip_generated_from_description_frame =
                {
                    type = "frame_style",
                    parent = "tooltip_frame",
                    maximal_width = 350
                },
                naked_frame =
                {
                    type = "frame_style",
                    parent = "inner_frame",
                    title_bottom_padding = 5
                },
                graphicless_frame =
                {
                    type = "frame_style",
                    graphical_set = {}
                },
                technology_preview_frame =
                {
                    type = "frame_style",
                    parent = "inner_frame_in_outer_frame"
                },
                scenario_message_dialog =
                {
                    type = "frame_style",
                    graphical_set =
                    {
                        filename = "__core__/graphics/gui-new.png",
                        corner_size = 8,
                        position = {433, 424},
                        scale = 0.5
                    },
                    padding = 12
                },
                goal_frame =
                {
                    type = "frame_style",
                    parent = "frame",
                    top_padding = 2,
                    left_padding = 2
                },
                image_frame =
                {
                    type = "frame_style",
                    parent = "frame",
                    graphical_set =
                    {
                        filename = "__core__/graphics/gui.png",
                        corner_size = 3,
                        position = {0, 40},
                        scale = 1
                    },
                    padding = 0
                },
                tips_frame =
                {
                    type = "frame_style",
                    parent = "frame",
                    left_padding = 30,
                    right_padding = 30,
                    width = 704,
                    minimal_height = 576
                },
                tutorial_list_frame =
                {
                    type = "frame_style",
                    parent = "frame",
                    minimal_width = 300
                },
                unlocked_tutorial_card_frame =
                {
                    type = "frame_style",
                    parent = "locked_achievement_in_sidebar_frame",
                    bottom_padding = 4
                },
                completed_tutorial_card_frame =
                {
                    type = "frame_style",
                    parent = "unlocked_achievement_in_sidebar_frame"
                },
                locked_tutorial_card_frame =
                {
                    type = "frame_style",
                    parent = "failed_achievement_in_sidebar_frame"
                },
                menu_frame =
                {
                    type = "frame_style",
                    vertical_flow_style =
                    {
                        type = "vertical_flow_style",
                        vertical_spacing = 0
                    }
                },
                frame_in_right_container =
                {
                    type = "frame_style"
                },
                entity_info_frame =
                {
                    type = "frame_style",
                    maximal_width = 400
                },

                entity_info_frame_on_cursor =
                {
                    type = "frame_style",
                    maximal_width = 400,
                    graphical_set =
                    {
                        base =  { position = {403, 0}, corner_size = 8, opacity = 0.88, background_blur_sigma = 4},
                        shadow = default_shadow
                    },
                },

                minimap_frame =
                {
                    type = "frame_style",
                    parent = "frame_in_right_container",
                    minimal_height = 256
                },

                quick_bar_naked_frame =
                {
                    type = "frame_style",
                    parent = "naked_frame",
                    horizontal_flow_style =
                    {
                        type = "horizontal_flow_style",
                        horizontal_spacing = 0,
                        vertical_spacing = 0
                    },
                    vertical_flow_style =
                    {
                        type = "vertical_flow_style",
                        horizontal_spacing = 0,
                        vertical_spacing = 0
                    },
                },

                quick_bar_window_frame =
                {
                    type = "frame_style",
                    padding = 4,
                    use_header_filler = false,
                    header_flow_style =
                    {
                        type = "horizontal_flow_style",
                        bottom_padding = 8
                    },
                    horizontal_flow_style =
                    {
                        type = "horizontal_flow_style",
                        --space between page buttons and icon slots
                        horizontal_spacing = 8,
                        vertical_spacing = 0
                    },
                },

                shortcut_bar_window_frame =
                {
                    type = "frame_style",
                    left_padding = 4,
                    right_padding = 0,
                    use_header_filler = false
                },

                quick_bar_inner_panel =
                {
                    type = "frame_style",
                    padding = 0,
                    graphical_set =
                    {
                        base =
                        {
                            center = {position = {42, 8}, size = {1, 1}},
                        },
                        shadow = {position = {440, 24}, corner_size = 8, draw_type = "outer"}
                    },

                    horizontal_flow_style =
                    {
                        type = "horizontal_flow_style",
                        --spacing between tables
                        horizontal_spacing = 4,
                        vertical_spacing = 0
                    },
                    vertical_flow_style =
                    {
                        type = "vertical_flow_style",
                        horizontal_spacing = 0,
                        vertical_spacing = 0
                    },
                },

                shortcut_bar_inner_panel =
                {
                    type = "frame_style",
                    parent = "quick_bar_inner_panel",
                    padding = 1,
                    background_graphical_set =
                    {
                        position = {282, 17},
                        corner_size = 8,
                        overall_tiling_horizontal_size = 24,
                        overall_tiling_vertical_size = 24,
                        overall_tiling_horizontal_padding = 8,
                        overall_tiling_vertical_padding = 8,
                        overall_tiling_horizontal_spacing = 16,
                        overall_tiling_vertical_spacing = 16
                    },
                    horizontal_flow_style =
                    {
                        type = "horizontal_flow_style",
                        horizontal_spacing = 2
                    },
                },

                shortcut_bar_column =
                {
                    type = "vertical_flow_style",
                    vertical_spacing = 2
                },

                --this will keep the health/shield/mining bars in the correct place
                quickbar_holder_flow =
                {
                    type = "vertical_flow_style",
                    vertical_spacing = 0,
                    vertical_align = "bottom",
                    minimal_height = 96,
                    minimal_width = 468
                },

                modern_tooltip_frame =
                {
                    type = "frame_style",
                    maximal_width = 380,
                    padding = 0,
                    graphical_set =
                    {
                        shadow = default_shadow
                    },
                    vertical_flow_style =
                    {
                        type = "vertical_flow_style",
                        vertical_spacing = 0
                    }
                },

                tooltip_title_frame_light =
                {
                    type = "frame_style",
                    horizontally_stretchable = "on",
                    graphical_set = {position = {352, 0}, corner_size = 8, opacity = 0.88, background_blur_sigma = 4},
                    top_padding = 0,
                    bottom_padding = 0,
                    left_padding = 4,
                    right_padding = 4
                },

                tooltip_panel_background =
                {
                    type = "frame_style",
                    horizontally_stretchable = "on",
                    graphical_set = {position = {386, 0}, corner_size = 8, opacity = 0.88, background_blur_sigma = 4},
                    top_padding = 0,
                    bottom_padding = 0,
                    left_padding = 4,
                    right_padding = 4
                },

                quick_bar_slot_table =
                {
                    type = "table_style",
                    horizontal_spacing = 0,
                    vertical_spacing = 0
                },

                quick_bar_page_button =
                {
                    type = "button_style",
                    parent = "button",
                    font = "default-bold",
                    default_font_color = button_hovered_font_color,
                    size = 40,
                    padding = 0,
                    margin = 0,
                    default_graphical_set =
                    {
                        base = {position = {312, 744}, corner_size = 8},
                        shadow = offset_by_2_default_glow(default_dirt_color, 0.5)
                    },
                    hovered_graphical_set =
                    {
                        base = {position = {346, 744}, corner_size = 8},
                        shadow = offset_by_2_default_glow(default_dirt_color, 0.5),
                        glow = offset_by_2_default_glow(default_glow_color, 0.5)
                    },
                    clicked_graphical_set =
                    {
                        base = {position = {363, 744}, corner_size = 8},
                        shadow = offset_by_2_default_glow(default_dirt_color, 0.5)
                    },
                    disabled_graphical_set =
                    {
                        base = {position = {329, 744}, corner_size = 8},
                        shadow = offset_by_2_default_glow(default_dirt_color, 0.5)
                    }
                },

                dark_rounded_button =
                {
                    type = "button_style",
                    default_graphical_set =
                    {
                        base = {border = 4, position = {2, 738}, size = 76},
                        shadow =
                        {
                            position = {378, 103},
                            corner_size = 16,
                            top_outer_border_shift = 4,
                            bottom_outer_border_shift = -4,
                            left_outer_border_shift = 4,
                            right_outer_border_shift = -4,
                            draw_type = "outer"
                        }
                    },
                    hovered_graphical_set =
                    {
                        base = {border = 4, position = {82, 738}, size = 76},
                        shadow =
                        {
                            position = {378, 103},
                            corner_size = 16,
                            top_outer_border_shift = 4,
                            bottom_outer_border_shift = -4,
                            left_outer_border_shift = 4,
                            right_outer_border_shift = -4,
                            draw_type = "outer"
                        },
                        glow = offset_by_2_rounded_corners_glow(default_glow_color)
                    },
                    clicked_graphical_set =
                    {
                        base = {border = 4, position = {162, 738}, size = 76},
                        shadow =
                        {
                            position = {378, 103},
                            corner_size = 16,
                            top_outer_border_shift = 4,
                            bottom_outer_border_shift = -4,
                            left_outer_border_shift = 4,
                            right_outer_border_shift = -4,
                            draw_type = "outer"
                        }
                    }
                },

                train_schedule_item_select_button =
                {
                    type = "button_style",
                    parent = "dark_rounded_button",
                    size = 28,
                    padding = -3
                },

                train_schedule_fulfilled_item_select_button =
                {
                    type = "button_style",
                    parent = "train_schedule_item_select_button",
                    default_graphical_set =
                    {
                        base = {border = 4, position = {2, 738}, size = 76},
                        shadow =
                        {
                            position = {412, 103},
                            corner_size = 16,
                            top_outer_border_shift = 4,
                            bottom_outer_border_shift = -4,
                            left_outer_border_shift = 4,
                            right_outer_border_shift = -4,
                            draw_type = "outer"
                        }
                    },
                    hovered_graphical_set =
                    {
                        base = {border = 4, position = {82, 738}, size = 76},
                        shadow =
                        {
                            position = {412, 103},
                            corner_size = 16,
                            top_outer_border_shift = 4,
                            bottom_outer_border_shift = -4,
                            left_outer_border_shift = 4,
                            right_outer_border_shift = -4,
                            draw_type = "outer"
                        },
                        glow = offset_by_2_rounded_corners_glow(default_glow_color)
                    },
                    clicked_graphical_set =
                    {
                        base = {border = 4, position = {162, 736}, size = 76},
                        shadow =
                        {
                            position = {412, 103},
                            corner_size = 16,
                            top_outer_border_shift = 4,
                            bottom_outer_border_shift = -4,
                            left_outer_border_shift = 4,
                            right_outer_border_shift = -4,
                            draw_type = "outer"
                        }
                    }
                },

                quick_bar_slot_button =
                {
                    type = "button_style",
                    parent = "button",
                    draw_shadow_under_picture = true,
                    size = 40,
                    padding = 0,
                    default_graphical_set =
                    {
                        base = {border = 4, position = {0, 736}, size = 80},
                        shadow = offset_by_2_rounded_corners_glow(default_dirt_color)
                    },
                    hovered_graphical_set =
                    {
                        base = {border = 4, position = {80, 736}, size = 80},
                        shadow = offset_by_2_rounded_corners_glow(default_dirt_color),
                        glow = offset_by_2_rounded_corners_glow(default_glow_color)
                    },
                    clicked_graphical_set =
                    {
                        base = {border = 4, position = {160, 736}, size = 80},
                        shadow = offset_by_2_rounded_corners_glow(default_dirt_color)
                    },
                    pie_progress_color = {0.98, 0.66, 0.22, 0.5},
                    left_click_sound = {}
                },

                shortcut_bar_button =
                {
                    type = "button_style",
                    parent = "button",
                    size = 38,
                    padding = 7
                },

                shortcut_bar_button_blue =
                {
                    type = "button_style",
                    parent = "shortcut_bar_button",
                    default_graphical_set =
                    {
                        base = {position = {329, 48}, corner_size = 8},
                        shadow = default_dirt
                    },
                    hovered_graphical_set =
                    {
                        base = {position = {346, 48}, corner_size = 8},
                        shadow = default_dirt,
                        glow = default_glow({132, 177, 198, 127}, 0.5)
                    },
                    clicked_graphical_set =
                    {
                        base = {position = {363, 48}, corner_size = 8},
                        shadow = default_dirt
                    }
                },

                shortcut_bar_button_red =
                {
                    type = "button_style",
                    parent = "shortcut_bar_button",
                    default_graphical_set =
                    {
                        base = {position = {380, 48}, corner_size = 8},
                        shadow = default_dirt
                    },
                    hovered_graphical_set =
                    {
                        base = {position = {397, 48}, corner_size = 8},
                        shadow = default_dirt,
                        glow = default_glow({236, 130, 130, 127}, 0.5)
                    },
                    clicked_graphical_set =
                    {
                        base = {position = {414, 48}, corner_size = 8},
                        shadow = default_dirt
                    }
                },

                shortcut_bar_button_green =
                {
                    type = "button_style",
                    parent = "shortcut_bar_button",
                    default_graphical_set =
                    {
                        base = {position = {431, 48}, corner_size = 8},
                        shadow = default_dirt
                    },
                    hovered_graphical_set =
                    {
                        base = {position = {448, 48}, corner_size = 8},
                        shadow = default_dirt,
                        glow = default_glow({110, 164, 104, 127}, 0.5)
                    },
                    clicked_graphical_set =
                    {
                        base = {position = {465, 48}, corner_size = 8},
                        shadow = default_dirt
                    }
                },

                shortcut_bar_button_small =
                {
                    type = "button_style",
                    parent = "shortcut_bar_button",
                    size = 20,
                    padding = 0
                },

                tool_bar_frame =
                {
                    type = "frame_style",
                    left_padding = default_container_padding,
                    right_padding = 0,
                    bottom_padding = 0,
                    top_padding = 0
                },
                right_container_frame =
                {
                    type = "frame_style",
                    parent = "outer_frame",
                    vertical_flow_style =
                    {
                        type = "vertical_flow_style",
                        minimum_width = 10,
                        vertical_spacing = 0
                    }
                },
                right_bottom_container_frame =
                {
                    type = "frame_style",
                    parent = "outer_frame",
                    vertical_flow_style =
                    {
                        type = "vertical_flow_style",
                        vertical_spacing = 0
                    }
                },
                captionless_frame =
                {
                    type = "frame_style",
                    parent = "frame",
                    padding = 3
                },
                side_menu_frame =
                {
                    type = "frame_style",
                    parent = "captionless_frame",
                    right_padding = default_container_padding,
                    left_padding = default_container_padding,
                    horizontally_stretchable = "on",
                    vertically_stretchable = "on",
                    horizontal_flow_style =
                    {
                        type = "horizontal_flow_style",
                        horizontal_spacing = 2
                    }
                },
                map_view_options_frame =
                {
                    type = "frame_style",
                    parent = "captionless_frame",
                    right_padding = default_container_padding,
                    left_padding = default_container_padding,
                    horizontal_flow_style =
                    {
                        type = "horizontal_flow_style",
                        horizontal_spacing = 2
                    }
                },
                locked_achievement_in_sidebar_frame =
                {
                    type = "frame_style",
                    parent = "frame",
                    top_padding = default_container_padding
                },
                locked_achievement_frame =
                {
                    type = "frame_style",
                    parent = "locked_achievement_in_sidebar_frame",
                    width = 400
                },

                unlocked_achievement_in_sidebar_frame =
                {
                    type = "frame_style",
                    parent = "frame",
                    top_padding = default_container_padding,
                    graphical_set =
                    {
                        filename = "__core__/graphics/gui.png",
                        corner_size = 3,
                        position = {0, 24},
                        scale = 1
                    }
                },
                unlocked_achievement_frame =
                {
                    type = "frame_style",
                    parent = "unlocked_achievement_in_sidebar_frame",
                    width = 400
                },

                failed_achievement_in_sidebar_frame =
                {
                    type = "frame_style",
                    parent = "frame",
                    top_padding = default_container_padding,
                    graphical_set =
                    {
                        filename = "__core__/graphics/gui.png",
                        corner_size = 3,
                        position = {0, 32},
                        scale = 1
                    }
                },
                failed_achievement_frame =
                {
                    type = "frame_style",
                    parent = "failed_achievement_in_sidebar_frame",
                    width = 400
                },
                achievement_notification_frame =
                {
                    type = "frame_style",
                    parent = "frame",
                    padding = 0,
                    width = 400,
                    graphical_set = {}
                },
                blueprint_library_frame =
                {
                    type = "frame_style",
                    parent = "outer_frame",
                    height = 600
                },
                progressbar =
                {
                    type = "progressbar_style",
                    minimal_width = 10,
                    natural_width = 200,
                    bar_width = 7, -- thickness of the bar, not horizontal size
                    color = {g=1},
                    other_colors = {},
                    bar_background =
                    {
                        base = {position = {296, 48}, corner_size = 8},
                        shadow = default_dirt
                    },
                    bar = {position = {313, 48}, corner_size = 8},
                    font = "default",
                    font_color = {1, 1, 1}
                },
                activity_bar =
                {
                    type = "activity_bar_style",
                    speed = 0.01, -- % of bar length per render frame
                    minimal_width = 10,
                    natural_width = 200,
                    bar_width = 7, -- thickness of the bar, not horizontal size
                    color = {g=1},
                    bar =
                    {
                        filename = "__core__/graphics/gui.png",
                        position = {221, 0},
                        size = {1, 5},
                        scale = 1
                    },
                    bar_size_ratio = 0.07, -- length of the moving bar as % of total length
                    bar_background =
                    {
                        filename = "__core__/graphics/gui.png",
                        position = {222, 0},
                        size = {1, 7},
                        scale = 1
                    }
                },
                multiplayer_activity_bar =
                {
                    type = "activity_bar_style",
                    -- exact size is calculated dynamically
                },
                info_box_activity_bar =
                {
                    type = "activity_bar_style",
                    min_width = 300,
                    horizontally_stretchable = "on",
                },
                info_box_progressbar =
                {
                    type = "progressbar_style",
                    width = 300
                },
                production_progressbar =
                {
                    type = "progressbar_style"
                },
                burning_progressbar =
                {
                    type = "progressbar_style",
                    color = {r=1}
                },
                health_progressbar =
                {
                    type = "progressbar_style",
                    horizontally_stretchable = "on",
                    horizontally_stretchable = "on",
                    bar_width = 13,
                    color = {g=1},
                    bar =
                    {
                        filename = "__core__/graphics/gui.png",
                        position = {223, 0},
                        size = {1, 11},
                        scale = 1
                    },
                    bar_background =
                    {
                        filename = "__core__/graphics/gui.png",
                        position = {224, 0},
                        size = {1, 13},
                        scale = 1
                    }
                },
                achievement_progressbar =
                {
                    type = "progressbar_style",
                    minimal_width = 300,
                    bar_width = 7,
                    color = color "fff",
                    other_colors = {},
                    bar_background =
                    {
                        filename = "__core__/graphics/scrollbar-mini.png",
                        position = {1, 0},
                        size = {1, 7},
                        scale = 1
                    },
                    bar =
                    {
                        filename = "__core__/graphics/scrollbar-mini.png",
                        position = {4, 1},
                        size = {1, 5},
                        scale = 1
                    },
                    font = "default-large-semibold",
                    font_color = achievement_green_color
                },
                achievement_card_progressbar =
                {
                    type = "progressbar_style",
                    parent = "achievement_progressbar",
                    right_padding = 10,
                    bar =
                    {
                        filename = "__core__/graphics/scrollbar-mini.png",
                        position = {3, 1},
                        size = {1, 5},
                        scale = 2
                    },
                    font = "default-semibold",
                    font_color = achievement_tan_color
                },
                achievement_pinned_card_progressbar =
                {
                    type = "progressbar_style",
                    parent = "achievement_card_progressbar",
                    font = "default-small-semibold",
                    right_padding = 3
                },
                vehicle_health_progressbar =
                {
                    type = "progressbar_style",
                    parent = "health_progressbar",
                    color = {0.8, 0.8, 0.8}
                },
                mining_progressbar =
                {
                    type = "progressbar_style",
                    parent = "health_progressbar",
                    color = default_orange_color
                },
                shield_progressbar =
                {
                    type = "progressbar_style",
                    parent = "health_progressbar",
                    color = {0.8, 0.2, 0.8}
                },
                bonus_progressbar =
                {
                    type = "progressbar_style",
                    parent = "production_progressbar",
                    color = {0.8, 0.8, 0}
                },
                battery_progressbar =
                {
                    type = "progressbar_style",
                    bar_width = 13,
                    height = 33,
                    color = {g=1},
                    bar =
                    {
                        filename = "__core__/graphics/gui.png",
                        position = {223, 0},
                        size = {1, 11},
                        scale = 1
                    },
                    other_colors =
                    {
                        {less_than = 0.33, color = {r = 1}},
                        {less_than = 0.66, color = {r = 1, g = 0.5, b = 0.25}},
                        {less_than = 1, color = {g = 1}}
                    }
                },
                statistics_progressbar =
                {
                    type = "progressbar_style"
                },
                electric_satisfaction_progressbar =
                {
                    type = "progressbar_style",
                    other_colors =
                    {
                        {less_than = 0.5, color = {1, 0, 0}},
                        {less_than = 1, color = {1, 1, 0}}
                    }
                },
                electric_satisfaction_in_description_progressbar =
                {
                    type = "progressbar_style",
                    parent = "electric_satisfaction_progressbar",
                    top_padding = 2, -- to compensate the text not looking centered
                    height = 9
                },
                checkbox =
                {
                    type = "checkbox_style",
                    font = "default",
                    font_color = default_font_color,
                    default_graphical_set =
                    {
                        base = {position = {0, 132}, size = {28, 28}},
                        shadow = default_dirt
                    },
                    hovered_graphical_set =
                    {
                        base = {position = {56, 132}, size = {28, 28}},
                        glow = default_glow(default_glow_color, 0.5)
                    },
                    clicked_graphical_set =
                    {
                        base = {position = {84, 132}, size = {28, 28}},
                        glow = default_glow(default_glow_color, 0.5)
                    },
                    disabled_graphical_set =
                    {
                        base = {position = {28, 132}, size = {28, 28}},
                        shadow = default_dirt
                    },
                    selected_graphical_set =
                    {
                        base = {position = {56, 132}, size = {28, 28}},
                        shadow = default_dirt
                    },
                    selected_hovered_graphical_set =
                    {
                        base = {position = {56, 132}, size = {28, 28}},
                        glow = default_glow(default_glow_color, 0.5)
                    },
                    selected_clicked_graphical_set =
                    {
                        base = {position = {84, 132}, size = {28, 28}},
                        glow = default_glow(default_glow_color, 0.5)
                    },
                    checkmark = {position = {112, 132}, size = {28, 28}},
                    disabled_checkmark = {position = {456, 188}, size = {28, 28}},
                    intermediate_mark = {position = {456, 160}, size = {28, 28}},
                    text_padding = 8
                },
                caption_checkbox =
                {
                    type = "checkbox_style",
                    font = "default-bold",
                    font_color = bold_font_color
                },
                radiobutton =
                {
                    type = "radiobutton_style",
                    font = "default",
                    font_color = default_font_color,
                    default_graphical_set =
                    {
                        base = {position = {0, 160}, size = {24, 24}},
                        shadow = radiobutton_glow(default_dirt_color, 0.5)
                    },
                    hovered_graphical_set =
                    {
                        base = {position = {24, 160}, size = {24, 24}},
                        shadow = radiobutton_glow(default_glow_color, 0.5)
                    },
                    clicked_graphical_set =
                    {
                        base = {position = {48, 160}, size = {24, 24}},
                        shadow = radiobutton_glow(default_dirt_color, 0.5)
                    },
                    disabled_graphical_set =
                    {
                        base = {position = {96, 160}, size = {24, 24}},
                        shadow = radiobutton_glow(default_dirt_color, 0.5)
                    },
                    selected_graphical_set =
                    {
                        base = {position = {72, 160}, size = {24, 24}},
                        shadow = radiobutton_glow(default_dirt_color, 0.5)
                    },
                    selected_hovered_graphical_set =
                    {
                        base = {position = {24, 160}, size = {24, 24}},
                        shadow = radiobutton_glow(default_glow_color, 0.5)
                    },
                    selected_clicked_graphical_set =
                    {
                        base = {position = {48, 160}, size = {24, 24}},
                        shadow = radiobutton_glow(default_dirt_color, 0.5)
                    },
                    text_padding = 8
                },
                horizontal_scrollbar =
                {
                    type = "horizontal_scrollbar_style",
                    height = 12,
                    background_graphical_set = { position = {0, 72}, corner_size = 8},
                    thumb_button_style =
                    {
                        type = "button_style",
                        left_click_sound = {},
                        height = 10,
                        default_graphical_set =
                        {
                            base =
                            {
                                left = {position = {224, 48}, size = {8, 20}},
                                center = {position = {232, 48}, size = {8, 20}},
                                right = {position = {240, 48}, size = {8, 20}},
                                center_tiling_horizontal = true
                            },
                            shadow = default_shadow
                        },
                        hovered_graphical_set =
                        {
                            base =
                            {
                                left = {position = {248, 48}, size = {8, 20}},
                                center = {position = {256, 48}, size = {8, 20}},
                                right = {position = {264, 48}, size = {8, 20}},
                                center_tiling_horizontal = true
                            },
                            glow = default_glow(default_glow_color, 0.5)
                        },
                        clicked_graphical_set =
                        {
                            base =
                            {
                                left = {position = {272, 48}, size = {8, 20}},
                                center = {position = {280, 48}, size = {8, 20}},
                                right = {position = {288, 48}, size = {8, 20}},
                                center_tiling_horizontal = true
                            },
                            shadow = default_shadow
                        }
                    }
                },
                vertical_scrollbar =
                {
                    type = "vertical_scrollbar_style",
                    width = 12,
                    background_graphical_set = { position = {0, 72}, corner_size = 8},
                    thumb_button_style =
                    {
                        type = "button_style",
                        left_click_sound = {},
                        width = 10,
                        default_graphical_set =
                        {
                            base =
                            {
                                top = {position = {0, 48}, size = {20, 7}},
                                center = {position = {0, 55}, size = {20, 8}},
                                bottom = {position = {0, 63}, size = {20, 7}},
                                center_tiling_vertical = true
                            },
                            shadow = default_shadow
                        },
                        hovered_graphical_set =
                        {
                            base =
                            {
                                top = {position = {20, 48}, size = {20, 7}},
                                center = {position = {20, 55}, size = {20, 8}},
                                bottom = {position = {20, 63}, size = {20, 7}},
                                center_tiling_vertical = true
                            },
                            glow = default_glow(default_glow_color, 0.5)
                        },
                        clicked_graphical_set =
                        {
                            base =
                            {
                                top = {position = {40, 48}, size = {20, 7}},
                                center = {position = {40, 55}, size = {20, 8}},
                                bottom = {position = {40, 63}, size = {20, 7}},
                                center_tiling_vertical = true
                            },
                            shadow = default_shadow
                        }
                    }
                },

                tab =
                {
                    type = "tab_style",
                    font = "default-bold",
                    badge_font = "default-tiny-bold",
                    default_font_color = button_default_font_color,
                    selected_font_color = heading_font_color,
                    disabled_font_color = {1, 1, 1, 0.5},
                    default_badge_font_color = {142, 142, 142},
                    selected_badge_font_color = {64, 64, 64},
                    disabled_badge_font_color = default_disabled_font_color,
                    badge_horizontal_spacing = 4, -- one module
                    minimal_width = 84,
                    horizontal_align = "center",
                    vertical_align = "center",
                    top_padding = 8,
                    right_padding = 8,
                    bottom_padding = 8,
                    left_padding = 8,
                    default_graphical_set =
                    {
                        base = {position = {102, 0}, corner_size = 8},
                        shadow = tab_glow(default_shadow_color, 0.5)
                    },
                    selected_graphical_set =
                    {
                        base = {position = {136, 0}, corner_size = 8},
                        shadow = tab_glow(default_shadow_color, 0.5)
                    },
                    hover_graphical_set =
                    {
                        base = {position = {153, 0}, corner_size = 8},
                        glow = tab_glow(default_glow_color, 0.5)
                    },
                    press_graphical_set =
                    {
                        base = {position = {170, 0}, corner_size = 8},
                        shadow = tab_glow(default_shadow_color, 0.5)
                    },
                    disabled_graphical_set =
                    {
                        base = {position = {119, 0}, corner_size = 8},
                        shadow = tab_glow(default_shadow_color, 0.5)
                    },
                    default_badge_graphical_set =
                    {
                        base = {position = {176, 72}, corner_size = 8}
                    },
                    selected_badge_graphical_set =
                    {
                        base = {position = {296, 71}, corner_size = 8}
                    },
                    hover_badge_graphical_set =
                    {
                        base = {position = {176, 72}, corner_size = 8}
                    },
                    press_badge_graphical_set =
                    {
                        base = {position = {296, 71}, corner_size = 8}
                    },
                    disabled_badge_graphical_set =
                    {
                        base = {position = {176, 72}, corner_size = 8}
                    }
                },
                graph =
                {
                    type = "graph_style",
                    natural_width = 550, -- it resizes to 550 by default, but it can be squashed to be smaller
                    height = 200,
                    background_color = {r=0.05, 0.05, 0.05, 0.9},
                    line_colors=
                    {
                        {0.22, 0.41, 0.69},
                        {0.85, 0.48, 0.18},
                        {0.24, 0.58, 0.31},
                        {0.8, 0.1, 0.16},
                        {0.553, 0.365, 0.675},
                        {0.87, 0.72, 0},
                        {0, 0.667, 0.7},
                        {0.47, 0.47, 0.47},
                        {0.816, 0.533, 0.72},
                        {0.565, 0.33, 0.22},
                        {0.49, 0.7, 0},
                        {0.58, 0.69, 0.898},
                        {0.937, 0.714, 0.604},
                        {0.518, 0.753, 0.592},
                        {1, 0.57, 0.565},
                        {0.78, 0.682, 0.87},
                        {0.945, 0.86, 0.467},
                        {0.514, 0.843, 0.81},
                        {0.733, 0.733, 0.733},
                        {0.906, 0.733, 0.84},
                        {0.67, 0.855, 0.486},
                        {0.72, 0.604, 0.553}
                    },
                    horizontal_lable_style =
                    {
                        type = "label_style",
                        parent = "label",
                        font = "default-small",
                        right_padding = 0
                    },
                    vertical_lable_style =
                    {
                        type = "label_style",
                        parent = "label",
                        font = "default-small",
                        right_padding = 4,
                        left_padding = 0
                    },
                    minimal_horizontal_label_spacing = 25,
                    minimal_vertical_label_spacing = 22,
                    horizontal_labels_margin = 16,
                    vertical_labels_margin = 32,
                    -- this margin should be just enough to make the topmost vertical label not render outside
                    graph_top_margin = 5,
                    -- how close do you need to hover a data line for it to be highlited and the tooltip to appear
                    data_line_highlight_distance = 20,
                    -- the size of the dot that shows the currently selected data point
                    selection_dot_radius = 3,
                    grid_lines_color = {r=0.15, g=0.15, b=0.15},
                    guide_lines_color = {r=0.9, g=0.9, b=0.9}
                },
                slider =
                {
                    type = "slider_style",
                    minimal_width = 160,
                    height = 12,
                    full_bar =
                    {
                        base = {position = {73, 72}, corner_size = 8},
                        shadow = default_dirt
                    },
                    full_bar_disabled =
                    {
                        base = {position = {90, 72}, corner_size = 8},
                        shadow = default_dirt
                    },
                    empty_bar =
                    {
                        base =
                        {
                            left = {position = {56, 72}, size = {8, 8}},
                            right = {position = {65, 72}, size = {8, 8}},
                            center = {position = {64, 72}, size = {1, 8}}
                        },
                        shadow = default_dirt
                    },
                    empty_bar_disabled =
                    {
                        base =
                        {
                            left = {position = {56, 80}, size = {8, 8}},
                            right = {position = {65, 80}, size = {8, 8}},
                            center = {position = {65, 80}, size = {1, 8}}
                        },
                        shadow = default_dirt
                    },
                    draw_notches = false,
                    notch =
                    {
                        base = {position = {138, 200}, size = {4, 16}},
                        shadow =
                        {
                            position = {146, 192},
                            size = {20, 32},
                            draw_type = "outer",
                            tint = default_dirt_color,
                            top_outer_border_shift = -4,
                            bottom_outer_border_shift = 4,
                            left_outer_border_shift = -4,
                            right_outer_border_shift = 4
                        },
                    },

                    button =
                    {
                        type = "button_style",
                        width = 20,
                        height = 12,
                        padding = 0,
                        default_graphical_set =
                        {
                            base = {position = {64, 48}, size = {40, 24}},
                            shadow = default_shadow
                        },
                        hovered_graphical_set =
                        {
                            base = {position = {144, 48}, size = {40, 24}},
                            glow = default_glow(default_glow_color, 0.5)
                        },
                        clicked_graphical_set =
                        {
                            base = {position = {184, 48}, size = {40, 24}},
                            shadow = default_shadow
                        },
                        disabled_graphical_set =
                        {
                            base = {position = {104, 48}, size = {40, 24}},
                            shadow = default_shadow
                        },
                        left_click_sound = {}
                    }
                },
                notched_slider =
                {
                    type = "slider_style",
                    parent = "slider",
                    height = 20,
                    draw_notches = true,
                    button =
                    {
                        type = "button_style",
                        width = 12,
                        height = 17,
                        padding = 0,
                        default_graphical_set =
                        {
                            base = {position = {0, 189}, size = {24, 35}},
                            shadow = notched_slider_glow(default_shadow_color)
                        },
                        hovered_graphical_set =
                        {
                            base = {position = {48, 189}, size = {24, 35}},
                            glow = notched_slider_glow(default_glow_color)
                        },
                        clicked_graphical_set =
                        {
                            base = {position = {72, 189}, size = {24, 35}},
                            shadow = notched_slider_glow(default_shadow_color)
                        },
                        disabled_graphical_set =
                        {
                            base = {position = {24, 189}, size = {24, 35}},
                            shadow = notched_slider_glow(default_shadow_color)
                        },
                        left_click_sound = {}
                    }
                },
                red_slider =
                {
                    type = "slider_style",
                    full_bar =
                    {
                        base = {position = {240, 71}, corner_size = 8},
                        shadow = default_dirt
                    }
                },

                green_slider =
                {
                    type = "slider_style",
                    full_bar =
                    {
                        base = {position = {257, 71}, corner_size = 8},
                        shadow = default_dirt
                    }
                },

                blue_slider =
                {
                    type = "slider_style",
                    full_bar =
                    {
                        base = {position = {274, 71}, corner_size = 8},
                        shadow = default_dirt
                    }
                },
                map_generator_notched_slider =
                {
                    type = "slider_style",
                    parent = "notched_slider",
                    -- table cells already have padding 4 (map_generator_frequency_table)
                    top_margin = -4,
                    bottom_margin = 4,
                    width = 100
                },
                map_generator_13_notch_slider =
                {
                    type = "slider_style",
                    parent = "map_generator_notched_slider",
                    width = 108
                },
                -- a slider with the same width as map_generator_13_notch_slider, so tables align proerly
                map_generator_notched_slider_wide =
                {
                    type = "slider_style",
                    parent = "map_generator_notched_slider",
                    left_margin = 4,
                    right_margin = 4
                },

                scroll_pane =
                {
                    type = "scroll_pane_style",
                    vertically_squashable = "on",
                    horizontally_squashable = "on",
                    vertical_flow_style = { type = "vertical_flow_style" },
                    horizontal_scrollbar_style = { type = "horizontal_scrollbar_style" },
                    vertical_scrollbar_style = { type = "vertical_scrollbar_style" },
                    graphical_set = outer_frame_light(),
                    background_graphical_set = {},
                    extra_padding_when_activated = 4
                },

                -- The graphical set is compatibilie with the ligher panel color
                scroll_pane_light =
                {
                    type = "scroll_pane_style",
                    graphical_set =
                    {
                        base = {position = {85, 0}, corner_size = 8, draw_type = "outer"},
                        shadow = default_inner_shadow
                    }
                },

                blurry_scroll_pane =
                {
                    type = "scroll_pane_style",
                    graphical_set =
                    {
                        base = {},
                        shadow = default_inner_shadow
                    },
                    vertical_scroll_bar_style =
                    {
                        type = "vertical_scrollbar_style",
                        background_graphical_set = {position = {0, 72}, corner_size = 8, opacity = 0.7, blend_mode = "multiplicative-with-alpha"}
                    },
                    extra_padding_when_activated = -4,
                    padding = 8
                },
                tab_scroll_pane = -- inside tab pane
                {
                    type = "scroll_pane_style",
                    graphical_set = inner_frame_tab_pane(),
                    extra_left_margin_when_activated = 8,
                    extra_right_margin_when_activated = -4
                },

                browse_games_scroll_pane =
                {
                    type = "scroll_pane_style"
                },
                browse_mods_scroll_pane =
                {
                    type = "scroll_pane_style"
                },
                machine_ingredients_scroll_pane =
                {
                    type = "scroll_pane_style",
                    vertically_squashable = "off",
                    maximal_height = 100
                },
                machine_outputs_scroll_pane =
                {
                    type = "scroll_pane_style",
                    vertically_squashable = "off",
                    maximal_height = 100
                },
                module_inventory_scroll_pane =
                {
                    type = "scroll_pane_style",
                    vertically_squashable = "off",
                    maximal_height = 100
                },
                trash_slots_scroll_pane =
                {
                    type = "scroll_pane_style",
                    vertically_squashable = "off",
                    maximal_height = 100
                },
                logistic_gui_scroll_pane =
                {
                    type = "scroll_pane_style",
                    size = {400, 570}
                },
                map_preview_scroll_pane = -- does not paint top edge
                {
                    type = "scroll_pane_style",
                    graphical_set =
                    {
                        base =
                        {
                            draw_type = "outer",
                            right = {x=26, y=8, width=8, height=1},
                            right_bottom = {x=26, y=9, width=8, height=8},
                            bottom = {x=25, y=9, width=1, height=8},
                            left_bottom = {x=17, y=9, width=8, height=8},
                            left = {x=17, y=8, width=8, height=1},
                            center = {x=25, y=8, width=1, height=1}
                        }
                    }
                },
                removed_content_scroll_pane =
                {
                    type = "scroll_pane_style",
                    parent = "scroll_pane",
                    graphical_set =
                    {
                        base =
                        {
                            position = {17, 0},
                            corner_size = 8,
                            draw_type = "outer",
                            center =
                            {
                                position = {76, 8},
                                size = 1
                            }
                        },
                        shadow = default_inner_shadow
                    }
                },
                camera =
                {
                    type = "camera_style",
                    graphical_set = {}
                },
                minimap =
                {
                    type = "minimap_style",
                    minimal_height = 256,
                    minimal_width = 256,
                    graphical_set = {}
                },
                image =
                {
                    type = "image_style",
                    graphical_set = {},
                    stretch_image_to_widget_size = false
                },

                map_info_image =
                {
                    type = "image_style",
                    -- we only show shadow on the top, to solve the problem of it not being casted from the subheader panel above
                    graphical_set =
                    {
                        shadow =
                        {
                            top =
                            {
                                position = {191, 128},
                                size = {1, 8},
                                tint = hard_shadow_color,
                                draw_type = "inner"
                            }
                        }
                    }
                },
                tabbed_pane =
                {
                    type = "tabbed_pane_style",
                    vertical_spacing = 0,
                    padding = 0,
                    tab_content_frame =
                    {
                        type = "frame_style",
                        top_padding = 8,
                        right_padding = 4,
                        bottom_padding = 8,
                        left_padding = 4,
                        graphical_set = tabbed_pane_graphical_set
                    },
                    tab_container =
                    {
                        type = "horizontal_flow_style",
                        left_padding = 12,
                        right_padding = 12,
                        horizontal_spacing = 0
                    }
                },

                empty_widget =
                {
                    type = "empty_widget_style",
                    graphical_set = {}
                },
                entity_button_base =
                {
                    type = "empty_widget_style",
                    size = 100
                },
                entity_variation_button =
                {
                    type = "button_style",
                    size = 100,
                    left_padding = 2,
                    right_padding = 5,
                    top_padding = 2,
                    bottom_padding = 5
                },
                battery_widget =
                {
                    type = "empty_widget_style",
                    size = {21, 54}
                },
                glow =
                {
                    type = "glow_style",
                    image_set = default_glow(),
                    offset = 0
                },
                research_queue_active_glow_dark =
                {
                    type = "glow_style",
                    image_set =
                    {
                        glow =
                        {
                            position = {333, 17},
                            corner_size = 8,
                            draw_type = "outer"
                        }
                    }
                },
                research_queue_active_glow_light =
                {
                    type = "glow_style",
                    image_set =
                    {
                        glow =
                        {
                            position = {316, 17},
                            corner_size = 8,
                            draw_type = "outer"
                        }
                    }
                },
                research_queue_active_glow_outer =
                {
                    type = "glow_style",
                    image_set =
                    {
                        glow =
                        {
                            position = {200, 128},
                            corner_size = 8,
                            tint = {r = 2, g = 255, b = 2},
                            scale = 0.5,
                            draw_type = "outer",
                            top_outer_border_shift = -4,
                            left_outer_border_shift = -4,
                            right_outer_border_shift = 4,
                            bottom_outer_border_shift = 4,
                        }
                    },
                },
                draggable_space =
                {
                    type = "empty_widget_style",
                    left_margin = 8,
                    right_margin = 8,
                    graphical_set =
                    {
                        base =
                        {
                            top = {position = {192, 8}, size = {8, 7}},
                            top_tiling = true,
                            center = {position = {200, 8}, size = {8, 8}},
                            center_tiling_horizontal = true,
                            bottom = {position = {208, 8}, size = {8, 8}},
                            bottom_tiling = true
                        },
                        shadow = default_glow(default_dirt_color_filler, 0.5)
                    }
                },
                draggable_space_with_no_left_margin =
                {
                    type = "empty_widget_style",
                    parent = "draggable_space",
                    left_margin = 0
                },
                draggable_space_header =
                {
                    type = "empty_widget_style",
                    parent = "draggable_space",
                    right_margin = 0,
                },

                draggable_space_in_shortcut_list =
                {
                    type = "empty_widget_style",
                    parent = "draggable_space",
                    width = 20,
                    right_margin = 0
                },

                draggable_space_in_train_schedule =
                {
                    type = "empty_widget_style",
                    parent = "draggable_space",
                    width = 60,
                    right_margin = -4,
                    left_margin = 0,
                    -- semi-hack redefining the graphical set to put shadow in to glow layer to be on top of the neighbour inset
                    graphical_set =
                    {
                        base =
                        {
                            top = {position = {192, 8}, size = {8, 7}},
                            top_tiling = true,
                            center = {position = {200, 8}, size = {8, 8}},
                            center_tiling_horizontal = true,
                            bottom = {position = {208, 8}, size = {8, 8}},
                            bottom_tiling = true
                        },
                        glow = default_glow(default_dirt_color_filler, 0.5)
                    }
                },

                draggable_space_in_temporary_train_station =
                {
                    type = "empty_widget_style",
                    parent = "draggable_space_in_train_schedule",
                    graphical_set =
                    {
                        base =
                        {
                            top = {position = {446, 78}, size = {8, 7}},
                            top_tiling = true,
                            center = {position = {454, 78}, size = {8, 8}},
                            center_tiling_horizontal = true,
                            bottom = {position = {462, 78}, size = {8, 8}},
                            bottom_tiling = true
                        },
                        shadow = default_glow(default_dirt_color_filler, 0.5)
                    }
                },

                fulfilled_draggable_space_in_train_schedule =
                {
                    type = "empty_widget_style",
                    parent = "draggable_space_in_train_schedule",
                    graphical_set =
                    {
                        base =
                        {
                            top = {position = {412, 78}, size = {8, 7}},
                            top_tiling = true,
                            center = {position = {420, 78}, size = {8, 8}},
                            center_tiling_horizontal = true,
                            bottom = {position = {428, 78}, size = {8, 8}},
                            bottom_tiling = true
                        },
                        glow = default_glow(default_dirt_color_filler, 0.5)
                    }
                },

                train_schedule_fulfilled_delete_button =
                {
                    type = "button_style",
                    parent = "train_schedule_delete_button",
                    default_graphical_set =
                    {
                        base = {position = {412, 86}, corner_size = 8},
                        shadow = {position = {429, 86}, corner_size = 8, draw_type = "outer"}
                    }
                },

                train_schedule_temporary_station_delete_button =
                {
                    type = "button_style",
                    parent = "train_schedule_delete_button",
                    default_graphical_set =
                    {
                        base = {position = {446, 86}, corner_size = 8},
                        shadow = {position = {463, 86}, corner_size = 8, draw_type = "outer"}
                    }
                },

                graphics_settings_table =
                {
                    type = "table_style",
                    parent = "bordered_table",
                    minimal_width = 364
                },

                slot_group_frame =
                {
                    type = "frame_style",
                    parent = "bordered_frame",
                    left_padding = 0,
                    top_padding = 2,
                    bottom_padding = 2
                },

                window_content_frame =
                {
                    type = "frame_style",
                    padding = 4,
                    graphical_set =
                    {
                        base =
                        {
                            position = {17, 0},
                            corner_size = 8,
                            center = {position = {76, 8}, size = {1, 1}},
                            draw_type = "outer"
                        },
                        shadow = default_inner_shadow
                    }
                },

                window_content_frame_in_tabbed_panne =
                {
                    type = "frame_style",
                    padding = 0,
                    left_margin = 8,
                    right_margin = 8,
                    bottom_margin = 4,
                    padding = 0,
                    graphical_set =
                    {
                        base =
                        {
                            position = {85, 0},
                            corner_size = 8,
                            center = {position = {42, 8}, size = 1},
                            draw_type = "outer"
                        },
                        shadow = default_inner_shadow
                    },
                    vertical_flow_style =
                    {
                        type = "vertical_flow_style",
                        vertical_spacing = 0
                    }
                },

                window_content_frame_packed =
                {
                    type = "frame_style",
                    parent = "window_content_frame",
                    padding = 0,
                    horizontal_flow_style =
                    {
                        type = "horizontal_flow_style",
                        horizontal_spacing = 0
                    },
                    vertical_flow_style =
                    {
                        type = "vertical_flow_style",
                        vertical_spacing = 0
                    }
                },

                number_input_textbox =
                {
                    type = "textbox_style",
                    horizontal_align = "right",
                    minimal_width = 50
                },

                other_settings_gui_textbox =
                {
                    type = "textbox_style",
                    width = 120,
                    horizontal_align = "center"
                },

                other_settings_gui_button =
                {
                    type = "button_style",
                    parent = "button",
                    width = 120
                },

                inline_icon_slot =
                {
                    type = "button_style",
                    parent = "slot_button",
                    size = 16,
                    padding = 0,
                    default_graphical_set =
                    {
                        corner_size = 1,
                        position = {0, 34}
                    },
                    hovered_graphical_set =
                    {
                        corner_size = 1,
                        position = {0, 34}
                    },
                    clicked_graphical_set =
                    {
                        corner_size = 1,
                        position = {0, 34}
                    }
                },

                packed_vertical_flow =
                {
                    type = "vertical_flow_style",
                    vertical_spacing = 0
                },

                packed_padded_vertical_flow =
                {
                    type = "vertical_flow_style",
                    parent = "packed_vertical_flow",
                    padding = 4
                },

                packed_horizontal_flow =
                {
                    type = "horizontal_flow_style",
                    horizontal_spacing = 0
                },

                centering_horizontal_flow =
                {
                    type = "horizontal_flow_style",
                    vertical_align = "center"
                },

                centering_flow =
                {
                    type = "flow_style",
                    vertical_align = "center"
                },

                technology_card_frame =
                {
                    type = "frame_style",
                    graphical_set =
                    {
                        base = {position = {34, 0}, corner_size = 8},
                        shadow = default_inner_shadow
                    },
                    padding = 0
                },

                research_progress_inner_frame =
                {
                    type = "frame_style",
                    top_padding = 3
                },

                research_progress_inner_frame_inactive =
                {
                    type = "frame_style",
                    parent = "research_progress_inner_frame",
                    graphical_set =
                    {
                        base = {position = {34, 0}, corner_size = 8}
                    }
                },

                research_progress_inner_frame_active =
                {
                    type = "frame_style",
                    parent = "research_progress_inner_frame",
                    graphical_set =
                    {
                        base = {position = {68, 0}, corner_size = 8}
                    }
                },

                dark_button =
                {
                    type = "button_style",
                    default_graphical_set =
                    {
                        base = {position = {68, 0}, corner_size = 8},
                        shadow = {position = {395, 86}, corner_size = 8, draw_type = "outer"}
                    }
                },

                black_label =
                {
                    type = "label_style",
                    font_color = {0, 0, 0}
                },

                black_label_with_left_padding =
                {
                    type = "label_style",
                    font_color = {0, 0, 0},
                    left_padding = 4
                },

                label_with_left_padding =
                {
                    type = "label_style",
                    left_padding = 4
                },

                train_schedule_delete_button =
                {
                    type = "button_style",
                    parent = "dark_button",
                    padding = -4,
                    size = {16, 28}
                },

                mod_thumbnail_image =
                {
                    type = "image_style",
                    graphical_set =
                    {
                        base = {position = {85, 0}, corner_size = 8, draw_type = "outer"},
                        shadow = default_inner_shadow
                    },
                    right_margin = 4,
                    size = 144,
                    stretch_image_to_widget_size = true
                },

                mod_updates_status_image =
                {
                    type = "image_style",
                    size = {16, 16},
                    stretch_image_to_widget_size = true
                },

                install_mod_status_image =
                {
                    type = "image_style",
                    size = {16, 16},
                    stretch_image_to_widget_size = true
                },

                research_progressbar =
                {
                    type = "progressbar_style",
                    bar_width = 24
                },
                train_schedule_condition_time_selection_button =
                {
                    type = "button_style",
                    width = 84
                },
                train_schedule_condition_time_selection_button =
                {
                    type = "button_style",
                    width = 84
                },

                shortcut_bar_expand_button =
                {
                    type = "button_style",
                    parent = "frame_button",
                    width = 8,
                    height = 16,
                    left_padding = 2,
                    right_padding = 2,
                    top_padding = 4,
                    bottom_padding = 4
                },

                shortcut_selection_row =
                {
                    type = "frame_style",
                    graphical_set = {position = {208, 17}, corner_size = 8},
                    use_header_filler = false,
                    padding = 0,
                    horizontal_flow_style =
                    {
                        type = "horizontal_flow_style",
                        vertical_align = "center"
                    }
                },
            }