CatStation/Content.Client/Options/UI/Tabs/GraphicsTab.xaml

<tabs:GraphicsTab xmlns="https://spacestation14.io"
          xmlns:tabs="clr-namespace:Content.Client.Options.UI.Tabs"
          xmlns:ui="clr-namespace:Content.Client.Options.UI">
    <BoxContainer Orientation="Vertical">
        <ScrollContainer VerticalExpand="True">
            <BoxContainer Orientation="Vertical" Margin="8 8 8 8">
                <!-- Display -->
                <Label Text="{Loc 'ui-options-display-label'}" StyleClasses="LabelKeyText"/>
                <CheckBox Name="FullscreenCheckBox" Text="{Loc 'ui-options-fullscreen'}" />
                <CheckBox Name="VSyncCheckBox" Text="{Loc 'ui-options-vsync'}" />
                <BoxContainer Name="MaxFpsContainer"
                              Orientation="Horizontal"
                              ToolTip="{Loc 'ui-options-max-fps-tooltip'}">
                    <Label Text="{Loc 'ui-options-max-fps'}" MinWidth="400" />
                    <ui:OptionIntInput Name="MaxFpsInput" HorizontalExpand="True" />
                    <Button Name="MaxFpsDisplayRateButton"
                            Text="{Loc 'ui-options-max-fps-display-rate'}"
                            Margin="8 0 0 0" />
                </BoxContainer>

                <!-- Quality -->
                <Label Text="{Loc 'ui-options-quality-label'}" StyleClasses="LabelKeyText"/>
                <ui:OptionDropDown Name="DropDownLightingQuality" Title="{Loc 'ui-options-lighting-label'}" />
                <CheckBox Name="ViewportLowResCheckBox" Text="{Loc 'ui-options-vp-low-res'}" />
                <CheckBox Name="ParallaxLowQualityCheckBox" Text="{Loc 'ui-options-parallax-low-quality'}" />
                <CheckBox Name="AmbientOcclusionCheckBox" Text="{Loc 'ui-options-ambient-occlusion'}" />
                <ui:OptionSlider Name="SharpnessSlider" Title="{Loc 'ui-options-sharpness'}" />

                <!-- Interface -->
                <Label Text="{Loc 'ui-options-interface-label'}" StyleClasses="LabelKeyText"/>
                <ui:OptionDropDown Name="DropDownUIScale" Title="{Loc 'ui-options-scale-label'}" />
                <CheckBox Name="ViewportStretchCheckBox" Text="{Loc 'ui-options-vp-stretch'}" />
                <ui:OptionSlider Name="ViewportScaleSlider" Title="{Loc ui-options-vp-scale}" />
                <ui:OptionSlider Name="ViewportWidthSlider" Title="{Loc ui-options-vp-width}" />
                <CheckBox Name="IntegerScalingCheckBox"
                          Text="{Loc 'ui-options-vp-integer-scaling'}"
                          ToolTip="{Loc 'ui-options-vp-integer-scaling-tooltip'}" />
                <ui:OptionDropDown Name="DropDownFilterMode" Title="{Loc 'ui-options-filter-label'}" />
                <CheckBox Name="ViewportVerticalFitCheckBox"
                          Text="{Loc 'ui-options-vp-vertical-fit'}"
                          ToolTip="{Loc 'ui-options-vp-vertical-fit-tooltip'}" />

                <!-- Misc -->
                <Label Text="{Loc 'ui-options-misc-label'}" StyleClasses="LabelKeyText"/>
                <CheckBox Name="FpsCounterCheckBox" Text="{Loc 'ui-options-fps-counter'}" />
            </BoxContainer>
        </ScrollContainer>
        <ui:OptionsTabControlRow Name="Control" Access="Public" />
    </BoxContainer>
</tabs:GraphicsTab>