Skip to content

Instantly share code, notes, and snippets.

@mike391
Forked from altryne/Badges color change config.yaml
Created January 6, 2020 03:59
Show Gist options
  • Save mike391/d91b34e9947e02ab6b3b71cc658ce26c to your computer and use it in GitHub Desktop.
Save mike391/d91b34e9947e02ab6b3b71cc658ce26c to your computer and use it in GitHub Desktop.
Sharing some home assistant settings
// Monkey patch hui-view to remove overflow and show borders
customElements.whenDefined("hui-view").then( () => {
const HuiView = customElements.get("hui-view").prototype;
const oldRenderStyles = HuiView.renderStyles;
HuiView.renderStyles = function() {
let original = oldRenderStyles();
original.strings = [original.strings[0] + `
<style>
.column {
overflow-y: hidden;
}
</style>
`];
return original;
}
fireEvent('ll-rebuild', {});
});
# Card-Specific Modifications
ha-card-box-shadow: "10px 10px 17px -8px #A9A9A9" # Shadows on cards. Same as `shadow-elevation-2dp_-_box-shadow:
ha-card-border-radius: "10px" # Rounded corners on cards. NOTE: may not work with custom cards.
ha-card-padding: 25px;
ha-card-background: rgba(255,255,255,0.95);
# Fonts
primary-font-family: 'Open Sans,sans-serif'
paper-font-common-base_-_font-family: "var(--primary-font-family)"
paper-font-common-code_-_font-family: "var(--primary-font-family)"
paper-font-body1_-_font-family: "var(--primary-font-family)"
paper-font-subhead_-_font-family: "var(--primary-font-family)"
paper-font-headline_-_font-family: "var(--primary-font-family)"
paper-font-caption_-_font-family: "var(--primary-font-family)"
paper-font-title_-_font-family: "var(--primary-font-family)"
# Colors
# primary-text-color: # `|`'#FFFFFF' CSS color value for the color to be used.
text-primary-color: '#FFF'
primary-color: "#636B75"
secondary-text-color: "#5f6368"
text-light-color: '#BAC0C6'
# disabled-text-color:
text-medium-color: '#8c96a5'
paper-item-icon-color: 'var(--text-light-color)'
ha-label-badge-color: "#fff"
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment