---
id: example
title: Example UI Configuration
sidebar_label: Example
keywords:
  [hyperglass, looking glass, web ui, gui, theme, colors, branding, example]
description: See how to the hyperglass UI should be configured.
---

## Example

```yaml title="hyperglass.yaml"
web:
  credit:
    enable: true
  dns_provider:
    name: cloudflare
  external_link:
    enable: true
    title: PeeringDB
    url: https://www.peeringdb.com/asn/{primary_asn}
  help_menu:
    enable: true
    file: null
    title: Help
  logo:
    dark: /home/ubuntu/hyperglass/hyperglass-light.svg
    light: /home/ubuntu/hyperglass/hyperglass-dark.svg
    favicon: /home/ubuntu/hyperglass/hyperglass-icon.svg
    height: null
    width: "75%"
  opengraph:
    image: /home/ubuntu/hyperglass/hyperglass-opengraph.png
  terms:
    enable: true
    file: null
    title: Terms
  text:
    cache: Results will be cached for 2 minutes.
    fqdn_tooltip: "Use {protocol}"
    query_location: Location
    query_target: Target
    query_type: Query Type
    query_vrf: Routing Table
    subtitle: AS65001
    title: hyperglass
    title_mode: text_only
  theme:
    default_color_mode: light
    colors:
      black: "#121212"
      blue: "#314cb6"
      cyan: "#118ab2"
      danger: "#d84b4b"
      error: "#ff6b35"
      gray: "#c1c7cc"
      green: "#35b246"
      orange: "#ff6b35"
      pink: "#f2607d"
      primary: "#118ab2"
      purple: "#8d30b5"
      red: "#d84b4b"
      secondary: "#314cb6"
      success: "#35b246"
      teal: "#35b299"
      warning: "#edae49"
      white: "#f7f7f7"
      yellow: "#edae49"
    fonts:
      body: Nunito
      mono: Fira Code
```
