The GlueX widget includes several prebuilt themes that provide a starting point for customization. These themes demonstrate various configurations of colors, shapes and component styles, giving you an idea of how the widget can be styled to fit different design requirements
You can further customize these themes by modifying their properties or combining them with your own custom styles. This flexibility allows you to achieve the exact look and feel you desire for your application

Kelp

The Kelp theme draws inspiration from ocean depths and marine environments, featuring a sophisticated palette of deep teals and aquatic blues. This theme emphasizes natural, organic aesthetics with subtle transparency effects that create depth in your swap interface widget theme - kelp Palette
{
  "theme": {
    "palette": {
      "primary": {
        "main": "#FFFFFF66",
        "review": "#17b4b4f2"
      },
      "background": {
        "paper": "#FFFFFFB3",
        "default": "#FFFFFFB3",
        "selected": "#17b4b459"
      },
      "text": {
        "primary": "#075A5A",
        "secondary": "#3F6870"
      },
      "divider": "#17b4b499"
    }
  }
}

Sakura

The Sakura theme captures the delicate beauty of Japanese cherry blossoms, featuring soft pinks and warm whites. This theme emphasizes elegance and refinement, making DeFi trading feel more approachable and aesthetically pleasing widget theme - sakura Palette
{
  "theme": {
    "palette": {
      "primary": {
        "main": "#FFFFFF66",
        "review": "#ff2f7bf2"
      },
      "background": {
        "paper": "#FFFFFFB3",
        "default": "#FFFFFFB3",
        "selected": "#ff2f7b45"
      },
      "text": {
        "primary": "#D62F6C",
        "secondary": "#815B69"
      },
      "divider": "#ff2f7b70"
    }
  }
}

Uranium

The Uranium theme embodies cutting-edge DeFi aesthetics with bold green-on-dark styling reminiscent of terminal interfaces and advanced trading platforms. This theme emphasizes technological sophistication and professional trading environments widget theme - uranium Palette
{
  "theme": {
    "palette": {
      "primary": {
        "main": "#121212B3",
        "review": "#225a00f2"
      },
      "background": {
        "paper": "#121212B3",
        "default": "#121212B3",
        "selected": "#225a005e"
      },
      "text": {
        "primary": "#55C500",
        "secondary": "#BFBFBF"
      },
      "divider": "#225a00f2"
    }
  }
}

Neon Minimal

The Neon Minimal theme combines clean, minimal design principles with strategic bright accents. This theme creates a modern, sophisticated DeFi interface that feels both professional and contemporary widget theme - neon minimal Palette
{
  "theme": {
    "palette": {
      "primary": {
        "main": "#E1DEDE",
        "review": "#ED03F9"
      },
      "background": {
        "paper": "#0000000D",
        "default": "#E1DEDE",
        "selected": "#ED03F94D"
      },
      "text": {
        "primary": "#1a1a1a",
        "secondary": "#777777"
      },
      "divider": "#0000004a"
    }
  }
}

Bitcoin

The Bitcoin theme reflects cryptocurrency’s most recognizable color scheme with classic orange and white styling. This theme conveys trust, stability, and connection to Bitcoin’s established brand recognition in the DeFi space widget theme - bitcoin Palette
{
  "theme": {
    "palette": {
      "primary": {
        "main": "#FFFFFF",
        "review": "#F6921A"
      },
      "background": {
        "paper": "#FDFDFD",
        "default": "#FFFFFF",
        "selected": "#F8E0C4"
      },
      "text": {
        "primary": "#F6921A",
        "secondary": "#747474"
      },
      "divider": "#f6a84aa3"
    }
  }
}

Punk

The Punk theme embraces bold, alternative aesthetics with striking purple and pink combinations. This theme breaks conventional DeFi design patterns while maintaining functionality and creating memorable user experiences widget theme - punk Palette
{
  "theme": {
    "palette": {
      "primary": {
        "main": "#250B59B3",
        "review": "#5300c1f2"
      },
      "background": {
        "paper": "#250B59B3",
        "default": "#250B59B3",
        "selected": "#5300c1f2"
      },
      "text": {
        "primary": "#FF57D3",
        "secondary": "#AA6DAF"
      },
      "divider": "#74536b"
    }
  }
}

Kinetiq

The Kinetiq theme focuses on movement and energy with a sophisticated dark theme and bright blue accents. This theme emphasizes modern technology and creates an interface that feels responsive and dynamic for active trading widget theme - kinetiq Palette
{
  "theme": {
    "palette": {
      "primary": {
        "main": "#FFFFFF",
        "review": "#4ABFE2"
      },
      "background": {
        "paper": "#FFFFFF0D",
        "default": "#03161A",
        "selected": "#FFFFFF0D"
      },
      "text": {
        "primary": "#FFFFFF",
        "secondary": "#9FA4A7"
      },
      "divider": "#9FA4A766"
    }
  }
}

Green

The Green theme provides a fresh, clean approach to DeFi interfaces with natural green accents on white backgrounds. This theme emphasizes growth, prosperity, and positive market movement while maintaining professional credibility widget theme - green Palette
{
  "theme": {
    "palette": {
      "primary": {
        "main": "#FFFFFF",
        "review": "#2ab213e6"
      },
      "background": {
        "paper": "#a19e9e33",
        "default": "#FFFFFF",
        "selected": "#2ab21354"
      },
      "text": {
        "primary": "#000000",
        "secondary": "#1b6b31"
      },
      "divider": "#1b6b31"
    }
  }
}