Comments (4)
I have opened pull request #62 to fix this. This seems to be because the background is set twice (It is inherited, then the card explicitly sets it here)
from vertical-stack-in-card.
Hey @wilfredsmit
Can you share your code?
from vertical-stack-in-card.
Theme:
light:
# Background image
background-image: 'center / cover no-repeat url("/local/light.jpg") fixed'
# Colors
text-color: '#393d42' # Grey text
text-medium-color: '#686e78' # Medium grey text
text-light-color: '#95989c' # Light grey text
accent-color: '#00a1ff' # Blue
background-color: '#F7F8F9' # Light grey background
background-color-2: '#F4F5F6' # Light grey background
background-card-color: 'rgba(255,255,255,0.7)' # White background
border-color: '#EAEAEA' # Light grey border
# Header
primary-color: 'var(--text-color)' # Background
text-primary-color: '#FFF' # Text
# Left Menu
paper-listbox-background-color: 'var(--background-color)' # Background
# UI
paper-card-header-color: 'var(--text-color)' # Title in settings
primary-background-color: 'var(--background-color)' # Background (also title background in left menu)
# Card
paper-card-background-color: 'var(--background-card-color)' # Background
ha-card-border-radius: '5px'
dark-primary-color: 'var(--text-color)'
primary-text-color: 'var(--text-color)'
paper-listbox-color: 'var(--text-color)'
light-primary-color: 'var(--text-light-color)'
secondary-text-color: 'var(--text-medium-color)'
disabled-text-color: 'var(--text-light-color)'
paper-dialog-button-color: 'var(--text-color)'
secondary-background-color: 'var(--background-color-2)' # Background more info title
# Icons
paper-item-icon-color: 'var(--text-light-color)' # Off
paper-item-icon-active-color: 'var(--accent-color)' # On
# Switches
paper-toggle-button-checked-button-color: '#FFF' # Knob On
paper-toggle-button-checked-bar-color: '#0077FF' # Background On
paper-toggle-button-unchecked-button-color: '#FFF' # Knob Off
paper-toggle-button-unchecked-bar-color: 'var(--disabled-text-color)' # Background Off
# Shadows
shadow-elevation-2dp_-_box-shadow: 'inset 0px 0px 0px 1px var(--border-color)'
shadow-elevation-4dp_-_box-shadow: 'var(--shadow-elevation-2dp_-_box-shadow)'
shadow-elevation-6dp_-_box-shadow: 'var(--shadow-elevation-2dp_-_box-shadow)'
shadow-elevation-8dp_-_box-shadow: 'var(--shadow-elevation-2dp_-_box-shadow)'
shadow-elevation-10dp_-_box-shadow: 'var(--shadow-elevation-2dp_-_box-shadow)'
shadow-elevation-12dp_-_box-shadow: 'var(--shadow-elevation-2dp_-_box-shadow)'
shadow-elevation-14dp_-_box-shadow: 'var(--shadow-elevation-2dp_-_box-shadow)'
shadow-elevation-16dp_-_box-shadow: '0px 0px 0px 3px var(--light-color)'
Card:
cards:
- artwork: cover
entity: media_player.woonkamer
hide:
controls: false
icon: false
info: false
shuffle: false
sound_mode: false
source: false
name: Radio en Spotify
shortcuts:
buttons:
- id: script.radio_538
name: Radio 538
type: script
- id: script.q_music
name: Q-Music
type: script
- id: script.radio_10
name: Radio 10
type: script
- id: script.veronica
name: Veronica
type: script
- id: script.sky_radio
name: Sky Radio
type: script
- id: script.grandprix_radio
name: GP Radio
type: script
- id: script.bnr
name: BNR
type: script
- id: script.npo_radio_1
name: Radio 1
type: script
- id: script.start_spotify
name: Spotify
type: script
- id: script.playlist_vangelis
name: Vangelis
type: script
- id: script.playlist_eline
name: Eline
type: script
- id: script.playlist_top2000
name: Top 2000
type: script
- id: script.playlist_armin
name: Armin
type: script
- id: script.playlist_zomer2019
name: Zomer 2019
type: script
- id: script.playlist_howard_jones
name: Howard Jones radio
type: script
- id: script.playlist_imagine_dragons
name: Imagine Dragons radio
type: script
columns: 4
hide_when_off: false
type: 'custom:mini-media-player'
- entity: media_player.spotify
hide:
controls: true
hide_when_off: false
icon: false
info: true
name: false
power: true
runtime: true
shuffle: true
source: false
volume: true
type: 'custom:mini-media-player'
type: 'custom:vertical-stack-in-card'
from vertical-stack-in-card.
Thank you @gabe565 having the same issue here.
from vertical-stack-in-card.
Related Issues (20)
- Cannot upgrade von v0.4.2 to v0.4.4
- Upgrade to 0.4.4, seems not to be loaded HOT 3
- Card border shown when conditional card is used HOT 12
- Alignment and formatting problems. HOT 2
- Nested card now show borders HOT 1
- Title FontSize
- Card "Not loaded in lovelace" but works anyways ? HOT 2
- Background shoudn't be inherrited in cards HOT 1
- e is undefined HOT 1
- Cannot read properties HOT 2
- Card sometimes gets visually messed up HOT 2
- Vertical stack with mushroom select card HOT 1
- Sometimes card border shown, sometimes it doesn't HOT 19
- Custom element doesn't exist: vertical-stack-in-card. HOT 4
- This._configElement.setConfig missing HOT 2
- Vertical Stack in card is down HOT 1
- Shadow card appearance HOT 1
- Something changed? HOT 4
- set stacks width HOT 1
- Integration with sections HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from vertical-stack-in-card.