Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- swakes:
- # Fonts
- primary-font-family: 'Roboto,sans-serif'
- secondary-font-family: 'Roboto,sans-serif'
- phone-font-family: "Roboto:wght@300"
- 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)"
- ha-card-header-font-family: "var(--primary-font-family)"
- # header-height: 46px
- # Text
- text-color: '#ffffff'
- primary-text-color: 'var(--text-color)'
- text-primary-color: 'var(--text-color)'
- secondary-text-color: "#dfe5eb"
- text-medium-light-color: '#A0A2A8'
- text-medium-color: '#80828A'
- primary-color: 'var(--accent-color)'
- # Main Colors
- app-header-background-color: 'var(--background-color)'
- accent-color: '#98a7b9'
- #accent-medium-color: 'var(--accent-color)'
- # margin-left: 50px
- # margin-right: 50px
- # lovelace-background: 'center / cover no-repeat fixed url("/local/lowpoly.png")'
- #background: 'center / cover no-repeat url("/local/lowpoly.png")'
- # Background
- background-color: '#242e42'
- primary-background-color: 'var(--background-color)'
- background-color-2: '#20293c'
- secondary-background-color: 'none'
- # Card
- card-background-color: 'var(--paper-card-background-color)'
- paper-card-background-color: 'rgba(43,55,78,1)'
- ha-card-box-shadow: "inset 0px 0px 0px 1px var(--border-color)"
- ha-card-border-radius: "10px"
- border-color: 'none'
- ha-card-color: '#242e42'
- #ha-card-box-shadow: 'inset 0px 0px 0px 1px var(--border-color)'
- # Text Fields an Dropdown
- mdc-text-field-fill-color: 'var(--paper-item-icon-active-color)'
- mdc-text-field-ink-color: 'var(--text-color)'
- mdc-select-fill-color: 'var(--paper-item-icon-active-color)'
- mdc-text-field-label-ink-color: 'var(--secondary-text-color)'
- input-fill-color: 'var(--background-color)'
- input-ink-color: 'var(--text-color)'
- input-label-ink-color: 'var(--text-color)'
- input-disabled-fill-color: 'var(--background-color)'
- input-disabled-ink-color: 'var(--disabled-text-color)'
- input-disabled-label-ink-color: 'var(--disabled-text-color)'
- input-idle-line-color: 'var(--background-color)'
- input-dropdown-icon-color: 'var(--secondary-text-color)'
- input-hover-line-color: 'var(--primary-color)'
- code-editor-background-color: '#222c40'
- codemirror-property: 'var(--accent-color)'
- #########ha-card-box-shadow: "3px 3px 13px -6px rgba(17,35,52,1)"
- # Icons
- paper-item-icon-color: '#EBEBEB'
- paper-item-icon-active-color: '#2b374e'
- # Sidebar
- paper-listbox-background-color: 'var(--background-color)'
- sidebar-icon-color: '#98a7b9'
- sidebar-selected-icon-color: 'var(--accent-color)'
- sidebar-selected-text-color: 'var(--text-color)'
- divider-color: 'var(--background-color)'
- light-primary-color: 'var(--paper-card-background-color)'
- # Sliders
- paper-slider-knob-color: 'var(--accent-color)'
- paper-slider-pin-color: 'var(--background-color-2)'
- paper-slider-active-color: 'var(--background-color-2)'
- paper-slider-container-color: 'var(--background-color-2)'
- # Toggle:
- paper-toggle-button-checked-bar-color: 'var(--accent-color)'
- mdc-theme-primary: 'var(--accent-color)'
- # Switch
- switch-unchecked-color: '#70889e'
- switch-checked-button-color: 'var(--accent-color)'
- switch-unchecked-track-color: 'var(--background-color-2)'
- switch-checked-track-color: 'var(--background-color-2)'
- # Radio Button
- paper-radio-button-checked-color: 'var(--accent-color)'
- # Popups
- more-info-header-background: 'var(--secondary-background-color)'
- paper-dialog-background-color: 'var(--background-color)' #'rgba(47,59,82,0.4)'
- # Tables
- table-row-background-color: 'var(--background-color)'
- table-row-alternative-background-color: 'var(--paper-card-background-color)'
- mwc-button-color: '#2b374e'
- mdc-button-color: '#2b374e'
- button-color: '#2b374e'
- mwc-ripple: '#2b374e'
- mdc-button--raised: '#2b374e'
- #Badges
- label-badge-background-color: 'var(--background-color)'
- label-badge-text-color: 'var(--text-primary-color)'
- label-badge-red: 'rgba(73,85,108,1)'
- label-badge-blue: 'rgba(26,137,245,1)'
- label-badge-green: 'rgba(0,202,139,1)'
- label-badge-yellow: 'rgba(222,176,107,1)'
- paper-input-container-focus-color: 'var(--accent-color)'
- # Custom Header
- ch-background: 'var(--background-color)'
- ch-active-tab-color: 'var(--accent-color)'
- ch-notification-dot-color: 'var(--accent-color)'
- ch-all-tabs-color: 'var(--sidebar-icon-color)'
- ch-tab-indicator-color: 'var(--accent-color)'
- # Mini Mediaplayer
- mini-media-player-base-color: 'var(--text-color)'
- mini-media-player-accent-color: 'var(--accent-color)'
- # Card-Mod #####################################################################
- # Uncomment the Code below if you have card-mod installed and want blur effect #
- ################################################################################
- card-mod-theme: noctis
- card-mod-more-info-yaml: |
- $: |
- .mdc-dialog .mdc-dialog__scrim {
- backdrop-filter: blur(15px);
- -webkit-backdrop-filter: blur(15px);
- background: rgba(0,0,0,.6);
- }
- .mdc-dialog .mdc-dialog__container .mdc-dialog__surface {
- box-shadow: none !important;
- border-radius: var(--ha-card-border-radius);
- }
- .: |
- :host {
- --ha-card-box-shadow: none;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement