Open GKHerping opened 6 months ago
Slider invisible with theme:
my-theme: # Global primary-color: "#000000" # light-primary-color: "#2c2c2e" # (icons on left menu) (light: systemGray5 from iOS dark mode, dark: XXX) primary-background-color: "#000000" # secondary-background-color: "#000000" divider-color: "#000000" accent-color: rgba(255, 159, 9, 1) # Text primary-text-color: "#FFF" secondary-text-color: "#FFF" text-primary-color: "#FFF" text-dark-color: "#FFF" # Sidebar Menu sidebar-background-color: var(--primary-background-color) sidebar-icon-color: var(--light-primary-color) sidebar-text-color: var(--light-primary-color) sidebar-selected-background-color: var(--primary-background-color) sidebar-selected-icon-color: "#8e8e93" # (light: systemGray5 from iOS light mode, dark: XXX) sidebar-selected-text-color: var(--sidebar-selected-icon-color) # States and Badges state-icon-color: "#000" state-icon-active-color: "#333333" # or make light icons yellow when active: rgba(255, 214, 10, 1) state-icon-unavailable-color: var(--disabled-text-color) paper-item-icon-active-color: "#333333" # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/30 # Sliders paper-slider-knob-color: "#FFFFFF" paper-slider-knob-start-color: var(--paper-slider-knob-color) paper-slider-pin-color: var(--paper-slider-knob-color) paper-slider-active-color: "#007aff" # from Apple systemBlue light mode paper-slider-secondary-color: var(--paper-slider-knob-color) paper-slider-container-color: rgba(255, 255, 255, 0.5) paper-slider-font-color: "#000" ha-slider-background: none !important # Labels label-badge-background-color: "#000" label-badge-text-color: "#F1F1F1" label-badge-red: "#Be2528" # from Apple systemOrange light mode # Cards card-background-color: var(--secondary-background-color) # Unused entities table background paper-listbox-background-color: var(--primary-background-color) ha-card-border-radius: 5px ha-card-background: var(--primary-background-color) paper-card-background-color: var(--ha-card-background) ha-card-border-width: 0 # https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/82#event-7732695357 # Toggles paper-toggle-button-checked-button-color: "#484848" paper-toggle-button-checked-bar-color: "#484848" paper-toggle-button-unchecked-button-color: var(--paper-toggle-button-checked-button-color) paper-toggle-button-unchecked-bar-color: var(--disabled-text-color) # Table row table-row-background-color: var(--primary-background-color) table-row-alternative-background-color: var(--secondary-background-color) # Switches switch-checked-color: "#30d257" # XXX: remove when https://github.com/home-assistant/home-assistant-polymer/pull/4203 is in HA switch-checked-track-color: "#34c759" # from Apple systemGreen light mode switch-checked-button-color: "#FFF" # Other paper-dialog-background-color: rgba(200, 200, 200, 0.8) # e.g., background of more-info paper-item-icon-color: "#333333" # also should mini-media-player icon white (but doesn't work by itself) more-info-header-background: rgba(230, 230, 230, 0.5) lumo-body-text-color: var(--primary-text-color) # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42 app-header-background-color: rgba(48, 89, 71, 0.4) markdown-code-background-color: "#FFFFFF" code-editor-background-color: "#FFF" # Custom mcg-title-letter-spacing: .15em # Added for https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/72 # TODO: add description for lines below. Suggested in https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/72 input-ink-color: var(--primary-text-color) input-fill-color: transparent input-disabled-fill-color: transparent input-label-ink-color: var(--primary-text-color) input-disabled-ink-color: var(--disabled-text-color) input-dropdown-icon-color: var(--primary-text-color) input-idle-line-color: var(--secondary-text-color) input-hover-line-color: var(--secondary-text-color) codemirror-property: var(--accent-color) # Custom: to do for mini-mediaplayer mini-media-player-base-color: var(--primary-text-color) mini-media-player-background-opacity: 0
... when using mini-media-player in:
type: picture-elements image: /local/background.jpg panel: true elements: - type: custom:hui-element aspect_ratio: 3x2 card_type: picture-entity entity: camera.slide image: /local/www/slide.jpg show_name: false show_state: false style: left: 50% top: 50% width: 100% tap_action: action: navigate navigation_path: /lovelace-home/overview - type: custom:mini-media-player entity: media_player.kitchen info: scroll artwork: default toggle_power: false hide: artwork_border: true power: true progress: true prev: true scale: '0.75' tap_action: action: navigate navigation_path: /lovelace-home/2 idle_view: when_idle: true style: left: 80% top: 111% width: 30% view_layout: grid-area: slide
Should fixed in the latest HA release https://github.com/home-assistant/frontend/pull/19102.
Was this included in release 20240207.1 ??
Slider invisible with theme:
... when using mini-media-player in: