Skip to content

Commit

Permalink
Fix: Update documentation with theme code for rounded corners
Browse files Browse the repository at this point in the history
  • Loading branch information
punxaphil committed May 8, 2022
1 parent 82d32ff commit 8c7cdb6
Show file tree
Hide file tree
Showing 2 changed files with 22 additions and 2 deletions.
24 changes: 22 additions & 2 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -169,7 +169,27 @@ Without changing any theme variables:


### Example with rounded corners
Here is a themed version with more rounded corners,different accent color and no transparency (thanks @giuliandenicola1).

1. Add the following to your configuration.yaml
```
frontend:
themes:
rounded:
sonos-border-radius: 20px
sonos-background-color: white
sonos-ha-card-background-color: '#eeeeee'
sonos-color: black
sonos-artist-album-text-color: gray
sonos-song-text-color: black
sonos-accent-color: green
sonos-title-color: black
sonos-border-width: 0rem
sonos-button-section-background-color: '#ffffff00'
```
2. Then select theme `rounded`
3. This will give you:
![img/themed.png](https://github.com/johanfrick/custom-sonos-card/raw/master/img/themed.png)
### Example with dark theme
Expand Down Expand Up @@ -233,7 +253,7 @@ styles:
color: '#005cbb'
font-family: Times New Roman
font-weight: 900
mediaBrowser:
media-browser:
order: 0
member:
background: '#005cbb'
Expand Down
Binary file modified img/themed.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 8c7cdb6

Please sign in to comment.