Core Concepts

Automatic UI Integration

The API automatically injects styles into your Gurapp to ensure visual consistency with the Polygol environment. This includes:

• Fonts: Polygol's standard fonts (like Open Runde, Inter, and Material Symbols) are pre-loaded.

• CSS Variables: A set of CSS custom properties are made available for theming. Your app will automatically switch between light and dark themes along with the system.

• Custom Cursor: The Polygol cursor is automatically applied to your app.

You should use these variables in your CSS to create a native-feeling experience.

Example CSS:

body {
    background-color: var(--background-color);
    color: var(--text-color);
    font-family: 'Inter', sans-serif;
}

button {
    background-color: var(--search-background);
    color: var(--text-color);
    border: 1px solid var(--glass-border);
    border-radius: 20px;
    padding: 10px 15px;
}