Biuwer Docs
Biuwer.comBlogLog InTry for free
English
English
  • Welcome
  • Getting Started
    • What is Biuwer?
    • Glossary
    • How to use Biuwer?
      • Sign Up process
      • Accessing Biuwer
      • Home page and navigation
      • My user Profile
      • Managing content
      • Exploring data
      • Filtering data
      • Collaborating with data
      • The Film Rentals space
    • How Biuwer works
    • Next steps
  • Managing Data
    • Introduction
    • Data Connections
    • Datasets
    • Data Models
  • Content Management
    • Introduction
    • Personal space
    • Shared spaces
    • Favourite content
    • Pages
    • Cards
      • Data Card Editor
      • Data queries
      • KPI card
      • Vertical Table Card
      • Cross Table Card
      • Chart Card
      • Map Card
      • Custom Card
      • Calculated fields
    • Filters
    • Multilanguage
  • Creating a Dashboard
    • What questions I want to answer
    • What data sources are there
    • Setting up data connections
    • Setting up datasets
    • Setting up data models
    • Create cards
    • Create the page
    • Setting up access security
  • Security Management
    • Introduction
    • Platform permissions
    • Roles
    • Object permissions
    • Permission inheritance
    • Property of objects
    • User access logs
  • Administration
    • Organization
      • 🎨Themes
      • 🎨Color palettes
    • Users
    • Groups
    • Roles
    • Authentication tokens
  • INTEGRATION GUIDE
    • Introduction
    • Concepts to take into account
      • Contents to integrate
      • Shared resources
      • Users
      • Groups of users
      • Authentication Tokens
      • Data Policies
    • How do I integrate Biuwer into my application?
      • Items to prepare
      • Content access security
      • Data access security
      • Embedding a resource in my application
    • Integration Types
      • Manual integration
      • Automated integration
Powered by GitBook
On this page

Was this helpful?

  1. Administration
  2. Organization

Themes

Use themes to give style and color to the content. The theme system allows you to apply complex styles in multiple and flexible ways.

PreviousOrganizationNextColor palettes

Last updated 1 year ago

Was this helpful?

Themes are part of the custom style system available in Biuwer. Themes allow you to visually customize the styles of a multitude of details in the panels and visualizations that your users use.

The success of embedding any data visualization in external web applications, through “Embedded Analytics”, lies in being able to apply the Custom Styles that are necessary so that the visual integration is very similar between the dashboards made in Biuwer and the styles of your application. We talk about customizing fonts, colors, sizes, etc. at various Biuwer locations.

The approach followed, so that practically any user can apply personalized styles without needing to know the technical details of standard web programming (HTML + CSS + Javascript), consists of a series of screens where styling is given through easy and intuitive configuration, without need to code styles using CSS. However, as an extension to the themes generated by Biuwer, you can further customize the look & feel, this time by adding your own CSS styles.

Following the modular and incremental philosophy that we incorporate into Biuwer, organizations can use both the predefined themes that we offer from Biuwer, as well as the custom themes that you define for your Organization, configuring colors, fonts, borders, etc. to the different visual elements that are built in Biuwer.

The interesting thing about the new themes is that they are composable, that is, different themes can be defined that apply different styles cumulatively to the different levels of Biuwer content (Spaces, Collections, Pages, Cards).

Below we show an example showing a panel with custom styles, where three themes are applied, one at a general level and two to give specific styles to cards with background and border colors, in addition to rounded corners, shadows, etc.

Virtually any detail, such as buttons, watermark colors, and form elements, can be customized in the filter system.

Among Biuwer's predefined themes, you can choose the dark theme to apply to content embedded in applications with dark colors. We show an example of a dashboard using a dark theme.

Do you need other styles? Create your own theme and customize virtually any property you can imagine. We look forward to your feedback!

🎨
Customize multiple styles applied to different points in Biuwer
An example of a dashboard applying various themes (general, blue background cards, orange background cards)
Customize your dashboards in Biuwer so that they integrate perfectly into your application
Example of a dashboard with a dark theme applied
Page cover image