Lightrun
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.

Theme variables for shadow and spread

See original GitHub issue

There’s shadow visible in light themes, but with dark themes these shadows are not legible.

Please expose variables to set the color of this shadow and the spread upon hover.

You can use ha-card-box-shadow if that’s helpful.

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:19 (8 by maintainers)

github_iconTop GitHub Comments

1reaction
agneevXcommented, Feb 23, 2022

Just box-shadow perhaps?

type: entities
entities:
  - type: 'custom:rgb-light-card'
    entity: light.example_light
    box-shadow: "0px 0px 5px 0px rgba(0,0,0,0.62)"
    colors:
      - rgb_color:
        - 255
        - 127
        - 255
        brightness: 220
        transition: 1
1reaction
agneevXcommented, Dec 16, 2021

Hmm… how do I get this nice slider right from Desk Light?

Please check my setup repo.

Read more comments on GitHub >

github_iconTop Results From Across the Web

box-shadow - CSS: Cascading Style Sheets - MDN Web Docs
The box-shadow CSS property adds shadow effects around an element's frame. ... relative to the element, blur and spread radius, and color.
Read more >
Box Shadow Spread - Microthemer
The size of the shadow. If X and Y offsets are set to 0, setting a positive spread will result in an even...
Read more >
Theming Bootstrap
Customize Bootstrap 4 with our new built-in Sass variables for global style ... you can enable the built-in theme to add gradients, shadows,...
Read more >
What Can You Put in a CSS Variable? - Coder's Block
Some properties, like background and box-shadow , can take a list of things. You can use a CSS variable as a single item...
Read more >
Designing Beautiful Shadows in CSS - Josh W Comeau
Here's the first trick for cohesive shadows: every shadow on the page should share the same ratio. This will make it seem like...
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
Previous page

Issue to go back to a RGB color when an effect is enabled

Next page

Allow setting a mdi: icon for icon_color