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.

Dynamically changing color of arrows based on background

See original GitHub issue

As of now default color of arrow is white.

$slick-arrow-color: white !default;

If someone is trying slick for the first time and if the background is white they will not be able to see arrows.

Can we dynamically change the arrow color based on background with javascript i.e if background is dark arrows will be bright and vice-versa. ?

We can also provide an option to override color.

Issue Analytics

  • State:closed
  • Created 9 years ago
  • Comments:5 (1 by maintainers)

github_iconTop GitHub Comments

2reactions
akirancommented, Jan 19, 2015

This demo even went a step ahead and dynamically changing arrow color based on image color. http://www.kennethcachia.com/background-check/slider.html

I am not proposing we should do that. I thought it is an interesting usecase relevant to this discussion.

0reactions
kenwheelercommented, Jan 24, 2015

I dont think this functionality merits inclusion in the core codebase.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Carousel-Arrows change their color, depending on the picture ...
This plugin automatically switch to a darker or a lighter version of an element depending on the brightness of images behind it. Download...
Read more >
Change look of arrow(s) on current navigation
Try the following CSS to replace the default arrow on the navigation & to align it: .ms-core-listMenu-verticalBox li.static ...
Read more >
React: How To Change Background Color Dynamically On Click
react #reactjs #webdev #coding #programming how to change background color in react dynamically ? This tutorial will show you How To Change ......
Read more >
How can you dynamically change a mark type
I can control the colour of this arrow using a calculation i.e. I can change the colour of the arrows to green or...
Read more >
Change Icon Image and Colour Dynamically - OutSystems
put your condition add images (icon) and color based on data condition. once which condition is True image and color show accordingly. Regards....
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