<interface domain="gtk40">
  <object class="GtkTextTagTable" id="tags">
    <child type="tag">
      <object class="GtkTextTag">
        <property name="name">warning</property>
        <property name="underline">single</property>
        <property name="underline-rgba">darkorange</property>
      </object>
    </child>
    <child type="tag">
      <object class="GtkTextTag">
        <property name="name">deprecation</property>
        <property name="underline">none</property>
        <property name="underline-rgba">blue</property>
      </object>
    </child>
    <child type="tag">
      <object class="GtkTextTag">
        <property name="name">error</property>
        <property name="underline">error</property>
      </object>
    </child>
  </object>
  <object class="GtkTextBuffer" id="text">
    <property name="tag-table">tags</property>
    <signal name="changed" handler="text_changed"/>
  </object>
  <template class="GtkInspectorCssEditor" parent="GtkBox">
    <property name="orientation">vertical</property>
    <child>
      <object class="GtkBox">
        <style>
          <class name="toolbar"/>
        </style>
        <child>
          <object class="GtkSwitch" id="enable_switch">
            <property name="valign">center</property>
            <property name="active">true</property>
            <property name="tooltip-text" translatable="yes">Enable this custom CSS</property>
            <signal name="notify::active" handler="enable_switch_changed"/>
          </object>
        </child>
        <child>
          <object class="GtkButton" id="save_button">
            <property name="tooltip-text" translatable="yes">Save the current CSS</property>
            <property name="child">
              <object class="GtkImage">
                <property name="paintable">
                  <object class="GtkSvg">
                    <property name="resource">/org/gtk/libgtk/icons/document-save-symbolic.svg</property>
                  </object>
                </property>
              </object>
            </property>
            <signal name="clicked" handler="save_clicked"/>
          </object>
        </child>
        <child>
          <object class="GtkToggleButton" id="deprections_button">
            <property name="tooltip-text" translatable="yes">Show deprecations</property>
            <property name="child">
              <object class="GtkImage">
                <property name="paintable">
                  <object class="GtkSvg">
                    <property name="resource">/org/gtk/libgtk/icons/dialog-information-symbolic.svg</property>
                  </object>
                </property>
              </object>
            </property>
            <signal name="toggled" handler="toggle_deprecations"/>
          </object>
        </child>
        <child>
          <object class="GtkDropDown" id="color_scheme">
            <signal name="notify::selected" handler="settings_changed"/>
            <property name="tooltip-text">Color scheme to use for this CSS</property>
            <property name="model">
              <object class="GtkStringList">
                <items>
                  <item>System colors</item>
                  <item>Dark colors</item>
                  <item>Light colors</item>
                </items>
              </object>
            </property>
            <property name="selected">0</property>
          </object>
        </child>
        <child>
          <object class="GtkDropDown" id="contrast">
            <signal name="notify::selected" handler="settings_changed"/>
            <property name="tooltip-text">Contrast level to use for this CSS</property>
            <property name="model">
              <object class="GtkStringList">
                <items>
                  <item>System contrast</item>
                  <item>More contrast</item>
                  <item>Less contrast</item>
                </items>
              </object>
            </property>
            <property name="selected">0</property>
          </object>
        </child>
        <child>
          <object class="GtkDropDown" id="reduced_motion">
            <signal name="notify::selected" handler="settings_changed"/>
            <property name="tooltip-text">Reduced motion level to use for this CSS</property>
            <property name="model">
              <object class="GtkStringList">
                <items>
                  <item>System reduced motion</item>
                  <item>Reduced motion</item>
                </items>
              </object>
            </property>
            <property name="selected">0</property>
          </object>
        </child>
      </object>
    </child>
    <child>
      <object class="GtkSeparator"/>
    </child>
    <child>
      <object class="GtkScrolledWindow">
        <property name="hscrollbar-policy">never</property>
        <property name="hexpand">1</property>
        <property name="vexpand">1</property>
        <child>
          <object class="GtkTextView" id="view">
            <property name="buffer">text</property>
            <property name="wrap-mode">word</property>
            <property name="monospace">1</property>
            <property name="left-margin">6</property>
            <property name="right-margin">6</property>
            <property name="top-margin">6</property>
            <property name="bottom-margin">6</property>
            <property name="has-tooltip">1</property>
            <signal name="query-tooltip" handler="query_tooltip_cb"/>
          </object>
        </child>
      </object>
    </child>
  </template>
</interface>