🎨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.
Last updated
Use themes to give style and color to the content. The theme system allows you to apply complex styles in multiple and flexible ways.
Last updated
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!