question-mark
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.

setting theme to 'light' doesn't have any effect

See original GitHub issue

With the newest version of tippy, setting the theme to light doesn’t have any effect anymore. Here’s my code:

$('.tooltip').each(function() {
  let $btn = $(this);
  let templateId = $btn.attr('data-template-id');
  let args = {
    arrow: true,
    trigger: 'click',
    theme: 'light',
    duration: 150,
    interactive: true,
    offset: '0, 30',
    // hideOnClick: false
  };

  if( $(templateId).length ) {
    args.html = templateId;
    $(templateId).click(function(e) {
      e.stopPropagation();
    });
  }
  tippy( $btn.get(0), args );
});

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Reactions:2
  • Comments:10 (2 by maintainers)

github_iconTop GitHub Comments

7reactions
spsaucier-bakktcommented, Jun 21, 2020

For others like me, note that the themes are not in the dist folder anymore.

	<script src="https://unpkg.com/popper.js@1"></script>
	<script src="https://unpkg.com/tippy.js@5"></script>
	<link rel="stylesheet" href="https://unpkg.com/tippy.js@5/dist/backdrop.css" />
	<link rel="stylesheet" href="https://unpkg.com/tippy.js@5/themes/light.css" />
7reactions
atomikscommented, Feb 21, 2018

Themes aren’t included in the CSS by default. They are under the themes folder now.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Changing icon color in light theme doesn't have any affect
I noticed that when I change icon color in dark theme, it works and see the icons in the desired color, when the...
Read more >
How to Fix the Windows 10 Light Theme Not Working Issue
Type color settings in the Start menu, and then click Open. On the Settings window that shows up, click the menu under Choose...
Read more >
Disable light mode - WordPress.org
When I create a custom background color, I'm having trouble with the theme auto-toggling font colors depending on the system's dark mode status....
Read more >
Change a theme and make it the default in Word or Excel
Change theme effects ... Theme effects include shadows, reflections, lines, fills, and more. While you cannot create your own set of theme effects,...
Read more >
Dark theme - Android Developers
Your themes and styles should avoid hard-coded colors or icons intended for use under a light theme. You should use theme attributes (preferred)...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found