serenity/Userland/Applications/ThemeEditor/ThemeEditor.gml

@GUI::Widget {
    layout: @GUI::VerticalBoxLayout
    fill_with_background_color: true

    @GUI::Frame {
        layout: @GUI::HorizontalBoxLayout
        name: "preview_frame"
    }

    @GUI::GroupBox {
        layout: @GUI::HorizontalBoxLayout {
            margins: [4, 4, 4, 4]
        }
        shrink_to_fit: true
        title: "Colors"

        @GUI::ComboBox {
            name: "color_combo_box"
            model_only: true
            fixed_width: 230
        }

        @GUI::ColorInput {
            name: "color_input"
        }
    }

    @GUI::GroupBox {
        layout: @GUI::HorizontalBoxLayout {
            margins: [4, 4, 4, 4]
        }
        shrink_to_fit: true
        title: "Flags"

        @GUI::ComboBox {
            name: "flag_combo_box"
            model_only: true
            fixed_width: 230
        }

        @GUI::Widget {
        }

        @GUI::CheckBox {
            name: "flag_input"
            fixed_width: 13
        }
    }

    @GUI::GroupBox {
        layout: @GUI::HorizontalBoxLayout {
            margins: [4, 4, 4, 4]
        }
        shrink_to_fit: true
        title: "Metrics"

        @GUI::ComboBox {
            name: "metric_combo_box"
            model_only: true
            fixed_width: 230
        }

        @GUI::SpinBox {
            name: "metric_input"
        }
    }

    @GUI::GroupBox {
        layout: @GUI::HorizontalBoxLayout {
            margins: [4, 4, 4, 4]
        }
        shrink_to_fit: true
        title: "Paths"

        @GUI::ComboBox {
            name: "path_combo_box"
            model_only: true
            fixed_width: 230
        }

        @GUI::TextBox {
            name: "path_input"
            mode: "Editable"
        }

        @GUI::Button {
            name: "path_picker_button"
            fixed_width: 20
            text: "..."
            tooltip: "Choose..."
        }
    }
}