Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Provide theme style using different CSS

See original GitHub issue

Description

Aside of the default CSS style, providing different look based on theme style will be useful. Just changing the load of these files can make chart to render to have different style.

<!-- default css -->
<link rel="stylesheet" href="$YOUR_PATH/billboard.css">

<!-- ex: replace the default to use other theme css file -->
<link rel="stylesheet" href="$YOUR_PATH/theme/lighter.css">

Issue Analytics

State:
Created 6 years ago
Reactions:2
Comments:5 (2 by maintainers)

Top GitHub Comments

1reaction

msteller-connyuncommented, Aug 27, 2020

Btw… IE 11 is dead, after there’s now Edge for Win7.

So maybe it’s now time to support CSS Custom Properties 😉

1reaction

Hanterdrocommented, May 23, 2018

@netil I would suggest that you add CSS custom properties to the default theme, additional to the option for a custom theme.css file path as you described above.

In my example you see how to add css custom properties with fallback values for IE11.

If a user of billboard.js don’t need IE11 theming he could use the original theme.css with the custom properties. If he need IE11 theme support he just use the theme path.

Adding CSS custom properties is not much work and brings a lot of value without any disadvantages.

Top Results From Across the Web

Developing Websites with Multiple Themes using CSS Variables

Learn how to develop a website with dark mode feature or multiple themes using CSS variables. CSS variables is the easiest way to...

Defining and Applying UI Themes Using the Mimcss CSS-in ...

The general idea is that a base class declares CSS rules used by the themes while derived classes provide different style property values ......

Working with multiple CSS themes. CodeShare - Medium

In this article, we will put this into practice creating some simple themes and seeing how to change between them. Creating the Default...

Styling themes

Entire collections of themes could be built by mostly writing new CSS files for standardized components. Advantages. Small learning curve; Wealth of ...

A guide to theming in CSS - LogRocket Blog

Theming is the ability to style various aspects of our website ... we'll cover how to develop apps that are theme-aware using CSS...