From 310ccfbb11e66e5b44f295ddc75aee25641cf88c Mon Sep 17 00:00:00 2001 From: Viet Ngoc Date: Thu, 16 Jan 2025 01:00:04 +0100 Subject: [PATCH] :robot: 16-01-25 | :recycle: Updated 6 files :fire: Deleted 7 files -------- - update: floorplan/mediaplayers.yaml - update: docs/README.md - update: hacs/manifest.json - update: popup/popup_weather.yaml - update: popup/calendar.yaml - update: config/README.md - delete: mushroom/mushroom-shadow.yaml - delete: themes/kodi.yaml - delete: mushroom/mushroom-square.yaml - delete: themes/graphite.yaml - delete: mushroom/mushroom-square-shadow.yaml - delete: themes/main_theme.yaml - delete: mushroom/mushroom.yaml -------- Automated commit via script --- config/README.md | 8 +- config/custom_components/hacs/manifest.json | 2 +- config/dashboards/floorplan/mediaplayers.yaml | 1 + config/dashboards/shared/popup/calendar.yaml | 227 +++--- .../shared/popup/popup_weather.yaml | 112 +-- config/themes/graphite.yaml | 657 ------------------ config/themes/kodi.yaml | 132 ---- config/themes/main_theme.yaml | 214 ------ config/themes/mushroom/mushroom-shadow.yaml | 11 - .../mushroom/mushroom-square-shadow.yaml | 20 - config/themes/mushroom/mushroom-square.yaml | 18 - config/themes/mushroom/mushroom.yaml | 9 - docs/README.md | 8 +- 13 files changed, 182 insertions(+), 1237 deletions(-) delete mode 100644 config/themes/graphite.yaml delete mode 100644 config/themes/kodi.yaml delete mode 100644 config/themes/main_theme.yaml delete mode 100644 config/themes/mushroom/mushroom-shadow.yaml delete mode 100644 config/themes/mushroom/mushroom-square-shadow.yaml delete mode 100644 config/themes/mushroom/mushroom-square.yaml delete mode 100644 config/themes/mushroom/mushroom.yaml diff --git a/config/README.md b/config/README.md index afff3e7..7c9fbc1 100644 --- a/config/README.md +++ b/config/README.md @@ -37,13 +37,13 @@ https://github.com/ngocjohn/hass-config/assets/96962827/acc1a4db-b92e-4ab1-ac9d- - 36,233 + 34,023 32 - 164 + 163 63 - 54 + 53 32 - 1071 + 1083 215 38 diff --git a/config/custom_components/hacs/manifest.json b/config/custom_components/hacs/manifest.json index 23705e3..f6058c1 100644 --- a/config/custom_components/hacs/manifest.json +++ b/config/custom_components/hacs/manifest.json @@ -22,5 +22,5 @@ "requirements": [ "aiogithubapi>=22.10.1" ], - "version": "2.0.2" + "version": "2.0.3" } \ No newline at end of file diff --git a/config/dashboards/floorplan/mediaplayers.yaml b/config/dashboards/floorplan/mediaplayers.yaml index 566cac3..69ed823 100755 --- a/config/dashboards/floorplan/mediaplayers.yaml +++ b/config/dashboards/floorplan/mediaplayers.yaml @@ -54,6 +54,7 @@ - atv-entity-picture entities: - media_player.living_room_tv + - sensor.youtube_thumbnail # - media_player.kodi_atv state_action: - service: floorplan.image_set diff --git a/config/dashboards/shared/popup/calendar.yaml b/config/dashboards/shared/popup/calendar.yaml index e30d894..c131aa0 100644 --- a/config/dashboards/shared/popup/calendar.yaml +++ b/config/dashboards/shared/popup/calendar.yaml @@ -3,69 +3,120 @@ browser_mod: service: browser_mod.popup data: title: Calendar - style: > - --max-popup-column: 2; - card_mod: !include ../snippets/style_popup_footer.yaml content: - type: custom:layout-card - layout_type: custom:grid-layout - layout: !include ../snippets/popup_footer_layout.yaml - cards: - - type: entities - title: "[[[ return states['sensor.date_en'].state;]]]" - entities: - - type: custom:atomic-calendar-revive - enableModeChange: true - entities: - - entity: calendar.ceske_statni_svatky - name: České státní svátky - - entity: calendar.home_assistant_devs - name: Home assistant devs - showDate: false - showDeclined: false - showLastCalendarWeek: true - calShowDescription: true - disableCalLocationLink: false - dimFinishedEvents: false - defaultMode: Calendar - showLoader: true - showRelativeTime: false - hideDuplicates: false - showLocation: false - offsetHeaderDate: true - showAllDayEvents: true - allDayBottom: false - compactMode: false - showMultiDayEventParts: true - showCurrentEventLine: true - card_mod: - style: | - .cal-card { - padding: 0px !important; - } - - type: entities - title: Lunar Phase - card_mod: - class: header nopadding - entities: - - type: custom:lunar-phase-card - card_mod: - style: - .: | - ha-card { - background-color: transparent !important; - justify-content: flex-start !important; - box-shadow: none !important; - } - lunar-base-data $: | - .swiper-container { - backdrop-filter: none !important; + type: custom:mod-card + card_mod: !include ../snippets/style_popup_footer.yaml + card: + type: custom:layout-card + layout_type: custom:grid-layout + layout: + grid-template-columns: 560px 560px + margin: 0 + padding: 0 + cards: + - type: entities + title: "[[[ return states['sensor.date_en'].state;]]]" + card_mod: + class: header nopadding + entities: + - type: custom:atomic-calendar-revive + enableModeChange: true + entities: + - entity: calendar.ceske_statni_svatky + name: České státní svátky + - entity: calendar.home_assistant_devs + name: Home assistant devs + showDate: false + showDeclined: false + showLastCalendarWeek: true + calShowDescription: true + disableCalLocationLink: false + dimFinishedEvents: false + defaultMode: Calendar + showLoader: true + showRelativeTime: false + hideDuplicates: false + showLocation: false + offsetHeaderDate: true + showAllDayEvents: true + allDayBottom: false + compactMode: false + showMultiDayEventParts: true + showCurrentEventLine: true + card_mod: + style: | + .cal-card { + padding: 0px !important; } + - type: entities + title: Lunar Phase + card_mod: + class: header nopadding + entities: + - type: custom:lunar-phase-card + card_mod: + style: + .: | + ha-card { + background-color: transparent !important; + justify-content: flex-start !important; + box-shadow: none !important; + } + lunar-base-data $: | + .swiper-container { + backdrop-filter: none !important; + } + entity: '' + 12hr_format: false + calendar_modal: false + compact_view: false + default_card: base + hide_buttons: true + mile_unit: false + moon_position: left + number_decimals: 2 + selected_language: en + show_background: false + southern_hemisphere: false + use_custom: false + use_default: true + use_entity: false + graph_config: + graph_type: default + y_ticks: false + x_ticks: true + show_time: true + show_current: true + show_highest: true + y_ticks_position: left + y_ticks_step_size: 30 + time_step_size: 30 + show_legend: true + legend_position: top + legend_align: center + font_customize: + header_font_size: x-large + header_font_style: capitalize + header_font_color: '' + label_font_size: auto + label_font_style: none + label_font_color: '' + hide_label: false + hide_header: true + latitude: 50.060362328075634 + longitude: 14.399342536926271 + location: + city: Capital City of Prague + country: Czechia + custom_background: >- + https://cdn.jsdelivr.net/gh/ngocjohn/lunar-phase-card@1.7.3/background/moon_bg_1.png + footer: + type: custom:lunar-phase-card entity: '' 12hr_format: false calendar_modal: false - compact_view: false - default_card: base + compact_view: true + default_card: horizon hide_buttons: true mile_unit: false moon_position: left @@ -77,7 +128,7 @@ browser_mod: use_default: true use_entity: false graph_config: - graph_type: default + graph_type: dynamic y_ticks: false x_ticks: true show_time: true @@ -103,55 +154,9 @@ browser_mod: location: city: Capital City of Prague country: Czechia - custom_background: >- - https://cdn.jsdelivr.net/gh/ngocjohn/lunar-phase-card@1.7.3/background/moon_bg_1.png - footer: - type: custom:lunar-phase-card - entity: '' - 12hr_format: false - calendar_modal: false - compact_view: true - default_card: horizon - hide_buttons: true - mile_unit: false - moon_position: left - number_decimals: 2 - selected_language: en - show_background: false - southern_hemisphere: false - use_custom: false - use_default: true - use_entity: false - graph_config: - graph_type: dynamic - y_ticks: false - x_ticks: true - show_time: true - show_current: true - show_highest: true - y_ticks_position: left - y_ticks_step_size: 30 - time_step_size: 30 - show_legend: true - legend_position: top - legend_align: center - font_customize: - header_font_size: x-large - header_font_style: capitalize - header_font_color: '' - label_font_size: auto - label_font_style: none - label_font_color: '' - hide_label: false - hide_header: true - latitude: 50.060362328075634 - longitude: 14.399342536926271 - location: - city: Capital City of Prague - country: Czechia - card_mod: - style: | - ha-card { - background-color: transparent !important; - box-shadow: none !important; - } + card_mod: + style: | + ha-card { + background-color: transparent !important; + box-shadow: none !important; + } diff --git a/config/dashboards/shared/popup/popup_weather.yaml b/config/dashboards/shared/popup/popup_weather.yaml index c7d1e96..8992d35 100644 --- a/config/dashboards/shared/popup/popup_weather.yaml +++ b/config/dashboards/shared/popup/popup_weather.yaml @@ -3,60 +3,60 @@ browser_mod: service: browser_mod.popup data: title: Weather - style: > - --max-popup-column: 2; - card_mod: !include ../snippets/style_popup_footer.yaml content: - type: custom:layout-card - layout_type: custom:grid-layout - layout: !include ../snippets/popup_footer_layout.yaml - cards: - ################################################# - # # - # WEATHER POPUP # - # # - ################################################# - - type: entities - title: Prague - card_mod: - class: header nopadding - entities: - - type: custom:layout-card - layout_type: custom:vertical-layout - cards: - - type: weather-forecast - show_current: true - show_forecast: true - entity: weather.prague - name: ' ' - forecast_type: hourly - - type: divider - - type: custom:weather-chart-card - entity: weather.home - show_main: false - show_attributes: false - forecast: - condition_icons: false - show_wind_forecast: false - - type: entities - title: Radar - card_mod: - class: header nopadding - entities: - - type: custom:weather-radar-card - static_map: false - map_style: Dark - data_source: RainViewer-DarkSky - show_scale: false - show_range: false - extra_labels: false - center_longitude: 14.42036 - show_marker: false - show_zoom: false - center_latitude: 50.075763 - marker_latitude: 50.075763 - marker_longitude: 14.42036 - zoom_level: 5 - square_map: false - show_recenter: true - show_playback: false + type: custom:mod-card + card_mod: !include ../snippets/style_popup_footer.yaml + card: + type: custom:layout-card + layout_type: custom:grid-layout + layout: !include ../snippets/popup_footer_layout.yaml + cards: + ################################################# + # # + # WEATHER POPUP # + # # + ################################################# + - type: entities + title: Prague + card_mod: + class: header nopadding + entities: + - type: custom:layout-card + layout_type: custom:vertical-layout + cards: + - type: weather-forecast + show_current: true + show_forecast: true + entity: weather.prague + name: ' ' + forecast_type: hourly + - type: divider + - type: custom:weather-chart-card + entity: weather.home + show_main: false + show_attributes: false + forecast: + condition_icons: false + show_wind_forecast: false + - type: entities + title: Radar + card_mod: + class: header nopadding + entities: + - type: custom:weather-radar-card + static_map: false + map_style: Dark + data_source: RainViewer-DarkSky + show_scale: false + show_range: false + extra_labels: false + center_longitude: 14.42036 + show_marker: false + show_zoom: false + center_latitude: 50.075763 + marker_latitude: 50.075763 + marker_longitude: 14.42036 + zoom_level: 5 + square_map: false + show_recenter: true + show_playback: false diff --git a/config/themes/graphite.yaml b/config/themes/graphite.yaml deleted file mode 100644 index 6777e8d..0000000 --- a/config/themes/graphite.yaml +++ /dev/null @@ -1,657 +0,0 @@ -graphite: - # POPUP MORE INFO - dialog-box-shadow: var(--rgb-accent-color) - dialog-backdrop-filter: blur(12px) brightness(0.3) - popup-background-color: rgba(34,38,39,0.7) - # popup-background-color: rgba(30,30,45, 0.6) - popup-border-width: 1px - popup-border-radius: 1em - popup-padding-x: 0px - popup-padding-y: 0px - popup-min-width: 50vw - popup-max-width: 100vw - tablet-popup-header-color: rgba(200, 218, 222, 0.05) - tablet-popup-content-padding: 1.4em 2.2em 1.6em 1.5em - tablet-popup-button-padding: 0.1em 2em 1.8em 2em - tablet-popup-border-style: 1.5px solid rgba(0,0,0,0.2) - tablet-popup-align-dialog: center - tablet-popup-margin-top: 0px - - # Text - primary-font-family: Poppins, Raleway, SF Pro Text, sans-serif, system-ui - font-stack: Poppins, Raleway, SF Pro Text, sans-serif, system-ui - display-font-stack: Poppins, Raleway, SF Pro Text, sans-serif, system-ui - 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) - mdc-typography-body1-font-family: var(--primary-font-family) - mdc-typography-font-family: var(--primary-font-family) - mdc-typography-button-font-family: var(--primary-font-family) - paper-font-display1_-_font-family: var(--primary-font-family) - paper-font-display2_-_font-family: var(--primary-font-family) - paper-font-display3_-_font-family: var(--primary-font-family) - paper-font-display4_-_font-family: var(--primary-font-family) - st-spacing: 0 - - modes: - light: - ############################################################################## - # Tokens - - # Color tokens - token-rgb-primary: 255, 158, 0 - token-color-primary: rgb(var(--token-rgb-primary)) - token-color-accent: var(--token-color-primary) - token-color-feedback-info: rgb(29, 130, 193) - token-color-feedback-warning: rgb(204, 144, 0) - token-color-feedback-error: rgb(179, 57, 96) - token-color-feedback-success: rgb(29, 143, 95) - token-color-icon-primary: rgba(19, 21, 54, 0.87) - token-color-icon-secondary: rgba(19, 21, 54, 0.8) - token-color-icon-sidebar: rgba(19, 21, 54, 0.7) - token-color-icon-sidebar-selected: var(--token-color-icon-primary) - token-color-text-primary: rgba(19, 21, 54, 0.95) - token-color-text-secondary: rgba(19, 21, 54, 0.8) - token-color-text-disabled: rgba(19, 21, 54, 0.38) - token-color-text-sidebar-selected: var(--token-color-text-primary) - token-color-text-sidebar: var(--token-color-text-secondary) - token-color-text-label-badge: rgba(19, 21, 54, 0.7) - token-color-background-base: rgb(225, 226, 229) - token-color-background-secondary: rgba(245, 245, 245, 1) - token-color-background-sidebar: var(--token-color-background-base) - token-color-background-input-base: rgba(255, 255, 255, 1) - token-color-background-input-disabled: rgba(245, 245, 245, 1) - token-color-background-label-badge: rgba(230, 230, 230, 1) - token-color-background-card: rgba(255, 255, 255, 1) - token-color-background-skrim: rgba(0, 0, 0, 0.5) - token-color-background-divider: rgba(224, 224, 224, 1) - token-color-background-scrollbar-thumb: rgba(200, 200, 200, 1) - token-color-background-label-badge-red: var(--token-color-feedback-error) - token-color-background-label-badge-green: rgba(78, 183, 128, 1) - token-color-background-label-badge-blue: var(--token-color-feedback-info) - token-color-background-label-badge-yellow: var(--token-color-feedback-warning) - token-color-background-label-badge-grey: rgba(83, 90, 103, 1) - token-color-background-popup-scrim: rgba(0, 0, 0, 0.5) - token-color-border-card: rgba(224, 224, 224, 1) - - # Opacity tokens - token-opacity-ripple-hover: 0.14 - - # Font tokens - token-font-family-primary: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" - - # Size tokens - token-size-radius-small: 9px - token-size-radius-medium: 16px - token-size-radius-large: 18px - token-size-radius-card: var(--token-size-radius-large) - token-size-width-border-card: 0 - token-size-height-slider: 4px - token-size-height-navbar: 56px - token-size-font-title: 28px - - # Weight tokens - token-weight-font-title: 600 - - ############################################################################## - # Definitions - - # Shapes - mdc-shape-small: var(--token-size-radius-small) - mdc-shape-medium: var(--token-size-radius-medium) - mdc-shape-large: var(--token-size-radius-large) - - # Sizes - header-height: var(--token-size-height-navbar) - paper-slider-height: var(--token-size-height-slider) - - # Typography - primary-font-family: var(--token-font-family-primary) - paper-font-common-base_-_font-family: var(--token-font-family-primary) - paper-font-common-code_-_font-family: var(--token-font-family-primary) - paper-font-body1_-_font-family: var(--token-font-family-primary) - paper-font-subhead_-_font-family: var(--token-font-family-primary) - paper-font-headline_-_font-family: var(--token-font-family-primary) - paper-font-caption_-_font-family: var(--token-font-family-primary) - paper-font-title_-_font-family: var(--token-font-family-primary) - ha-card-header-font-family: var(--token-font-family-primary) - mdc-typography-font-family: var(--token-font-family-primary) - mdc-typography-button-font-family: var(--token-font-family-primary) - mdc-typography-body1-font-family: var(--token-font-family-primary) - mdc-typography-button-font-weight: var(--token-weight-font-title) - - title-font-weight: var(--token-weight-font-title) - title-font-size: var(--token-size-font-title) - - # Text - primary-text-color: var(--token-color-text-primary) - secondary-text-color: var(--token-color-text-secondary) - text-primary-color: var(--token-color-text-primary) - text-light-primary-color: var(--token-color-text-primary) - disabled-text-color: var(--token-color-text-disabled) - app-header-edit-text-color: var(--token-color-text-primary) - - # Main interface colors - primary-color: var(--token-color-primary) - dark-primary-color: var(--primary-color) - light-primary-color: var(--primary-color) - accent-color: var(--token-color-accent) - divider-color: var(--token-color-background-divider) - scrollbar-thumb-color: var(--token-color-background-scrollbar-thumb) - - # Feedback colors - error-color: rgb(234, 114, 135) - warning-color: rgb(255, 219, 117) - success-color: rgb(118, 214, 152) - info-color: rgb(39, 209, 246) - - # Background - lovelace-background: var(--token-color-background-base) - background-color: var(--token-color-background-base) - primary-background-color: var(--token-color-background-base) - secondary-background-color: var(--token-color-background-secondary) - - # Navbar - app-header-background-color: var(--primary-background-color) - app-header-text-color: var(--token-color-icon-primary) - app-header-edit-background-color: var(--token-color-background-card) - - # Sidebar - sidebar-icon-color: var(--token-color-icon-sidebar) - sidebar-text-color: var(--sidebar-icon-color) - sidebar-background-color: var(--token-color-background-sidebar) - sidebar-selected-icon-color: var(--token-color-icon-sidebar-selected) - sidebar-selected-text-color: var(--token-color-text-sidebar-selected) - - # Cards - border-radius: var(--token-size-radius-card) - card-background-color: var(--token-color-background-card) - ha-card-background: var(--token-color-background-card) - ha-card-border-radius: var(--token-size-radius-card) - ha-card-border-color: var(--token-color-border-card) - ha-card-border-width: var(--token-size-width-border-card) - ha-card-border-style: none - ha-card-border: none - ha-card-box-shadow: none - - # States - state-icon-color: var(--token-color-icon-primary) - state-on-color: var(--token-color-feedback-success) - state-off-color: var(--token-color-feedback-error) - - # Label-badge - label-badge-text-color: var(--token-color-text-primary) - label-badge-red: var(--token-color-background-label-badge-red) - label-badge-blue: var(--token-color-background-label-badge-blue) - label-badge-green: var(--token-color-background-label-badge-green) - label-badge-yellow: var(--token-color-background-label-badge-yellow) - label-badge-grey: var(--token-color-background-label-badge-grey) - - # Chip - ha-chip-text-color: rgb(0, 0, 0) - - # Dialog - # mdc-dialog-scrim-color: var(--token-color-background-popup-scrim) - - # Slider - paper-slider-knob-color: var(--token-color-primary) - paper-slider-knob-start-color: var(--paper-slider-knob-color) - paper-slider-pin-color: var(--paper-slider-knob-color) - paper-slider-active-color: var(--paper-slider-knob-color) - paper-slider-secondary-color: var(--light-primary-color) - - # Switch - switch-checked-button-color: var(--primary-color) - switch-checked-track-color: var(--switch-checked-button-color) - switch-unchecked-button-color: rgba(0, 0, 0, 0.5) - switch-unchecked-track-color: rgba(0, 0, 0, 0.25) - - # Toggles - paper-toggle-button-checked-button-color: var(--switch-checked-button-color) - paper-toggle-button-checked-bar-color: var(--switch-checked-track-color) - paper-toggle-button-unchecked-button-color: var(--switch-unchecked-button-color) - paper-toggle-button-unchecked-bar-color: var(--switch-unchecked-track-color) - mdc-checkbox-unchecked-color: var(--token-color-icon-secondary) - mdc-radio-unchecked-color: var(--mdc-checkbox-unchecked-color) - - # List items - mdc-ripple-hover-opacity: var(--token-opacity-ripple-hover) - - # Text Fields an Dropdown - input-background-color: var(--token-color-background-input-base) - input-background-token-color-disabled: rgba(var(--input-background-color), 0.5) - input-fill-color: var(--input-background-color) - input-ink-color: var(--token-color-text-primary) - input-label-ink-color: var(--token-color-text-primary) - input-disabled-fill-color: var(--input-background-token-color-disabled) - 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) - mdc-select-idle-line-color: var(--color-background-base) - mdc-text-field-idle-line-color: var(--mdc-select-idle-line-color) - - # Editor - code-editor-background-color: var(--token-color-background-base) - codemirror-meta: var(--token-color-text-primary) - codemirror-property: var(--accent-color) - codemirror-atom: var(--codemirror-property) - codemirror-string: rgb(0, 77, 153) - codemirror-keyword: rgb(70, 112, 216) - codemirror-number: rgb(204, 85, 0) - - # RGB colors - rgb-primary-color: var(--token-rgb-primary) - rgb-accent-color: var(--token-rgb-primary) - rgb-white-color: 255, 255, 255 - rgb-purple-color: 129, 45, 250 - rgb-pink-color: 204, 0, 136 - rgb-red-color: 204, 0, 51 - rgb-deep-purple-color: 98, 0, 234 - rgb-indigo-color: 48, 63, 159 - rgb-blue-color: 33, 150, 243 - rgb-light-blue-color: 3, 169, 244 - rgb-cyan-color: 0, 188, 212 - rgb-teal-color: 0, 150, 136 - rgb-green-color: 56, 142, 60 - rgb-light-green-color: 139, 195, 74 - rgb-lime-color: 205, 220, 57 - rgb-yellow-color: 255, 235, 59 - rgb-amber-color: 255, 193, 7 - rgb-orange-color: var(--rgb-primary-color) - rgb-deep-orange-color: 255, 87, 34 - rgb-brown-color: 121, 85, 72 - rgb-grey-color: 158, 158, 158 - rgb-blue-grey-color: 96, 125, 139 - rgb-black-color: 0, 0, 0 - rgb-disabled-color: 189, 189, 189 - rgb-state-inactive-color: 176, 190, 197 - - ############################################################################## - # Extentions - - # HACS - hacs-new-color: rgb(27, 153, 123) - hacs-error-color: rgb(182, 46, 95) - - # Mini graph card - mcg-title-font-weight: 400 - - # Mushroom - mush-title-font-weight: var(--title-font-weight) - mush-title-font-size: var(--title-font-size) - mush-rgb-white: var(--rgb-white-color) - mush-rgb-purple: var(--rgb-purple-color) - mush-rgb-pink: var(--rgb-pink-color) - mush-rgb-red: var(--rgb-red-color) - mush-rgb-deep-purple: var(--rgb-deep-purple-color) - mush-rgb-indigo: var(--rgb-indigo-color) - mush-rgb-blue: var(--rgb-blue-color) - mush-rgb-light-blue: var(--rgb-light-blue-color) - mush-rgb-cyan: var(--rgb-cyan-color) - mush-rgb-teal: var(--rgb-teal-color) - mush-rgb-green: var(--rgb-green-color) - mush-rgb-light-green: var(--rgb-light-green-color) - mush-rgb-lime: var(--rgb-lime-color) - mush-rgb-yellow: var(--rgb-yellow-color) - mush-rgb-amber: var(--rgb-amber-color) - mush-rgb-orange: var(--rgb-orange-color) - mush-rgb-deep-orange: var(--rgb-deep-orange-color) - mush-rgb-brown: var(--rgb-brown-color) - mush-rgb-grey: var(--rgb-grey-color) - mush-rgb-blue-grey: var(--rgb-blue-grey-color) - mush-rgb-black: var(--rgb-black-color) - mush-rgb-disabled: var(--rgb-disabled-color) - dark: - # Color tokens - token-rgb-primary: 45, 156, 219 - token-color-primary: rgb(var(--token-rgb-primary)) - token-color-accent: var(--token-color-primary) - token-color-feedback-info: rgb(138, 208, 248) - token-color-feedback-warning: rgb(244, 180, 0) - token-color-feedback-error: rgb(229, 97, 128) - token-color-feedback-success: rgb(93, 193, 145) - token-color-icon-primary: rgba(228, 228, 231, 1) - token-color-icon-secondary: rgb(138, 140, 153) - token-color-icon-sidebar: rgba(147, 149, 159, 1) - token-color-icon-sidebar-selected: var(--token-color-primary) - # token-color-icon-sidebar-selected: rgba(174, 176, 183, 1) - # token-color-text-primary: rgba(228, 228, 231, 1) - token-color-text-primary: rgba(255, 255, 255, .7) - token-color-text-secondary: rgb(138, 140, 153) - token-color-text-disabled: rgba(255, 255, 255, 0.5) - token-color-text-sidebar-selected: rgba(214, 215, 219, 1) - token-color-text-sidebar: var(--token-color-text-secondary) - token-color-text-label-badge: rgb(198, 203, 210) - token-color-background-base: rgba(22, 24, 29, 1) - token-color-background-secondary: rgba(28, 29, 33, 1) - token-color-background-sidebar: var(--token-color-background-base) - token-color-background-input-base: rgba(46, 48, 56, 1) - token-color-background-input-disabled: rgba(37, 37, 40, 0.5) - token-color-background-label-badge: rgba(54, 55, 67, 1) - token-color-background-card: rgba(37, 38, 45, 1) - token-color-background-skrim: rgba(0, 0, 3, 0.9) - token-color-background-divider: var(--token-color-background-sidebar) - token-color-background-scrollbar-thumb: rgba(46, 48, 56, 1) - token-color-background-label-badge-red: var(--token-color-feedback-error) - token-color-background-label-badge-green: rgba(78, 183, 128, 1) - token-color-background-label-badge-blue: var(--token-color-feedback-info) - token-color-background-label-badge-yellow: var(--token-color-feedback-warning) - token-color-background-label-badge-grey: rgba(83, 90, 103, 1) - token-color-background-popup-scrim: rgba(4, 5, 7, 0.9) - token-color-border-card: rgba(0, 0, 0, 0) - - # Opacity tokens - token-opacity-ripple-hover: 0.14 - - # Font tokens - token-font-family-primary: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" - - # Size tokens - token-size-radius-small: 9px - token-size-radius-medium: 16px - token-size-radius-large: 12px; - token-size-radius-card: var(--token-size-radius-large) - token-size-width-border-card: 0 - token-size-height-slider: 4px - token-size-height-navbar: 56px - token-size-font-title: 28px - - # Weight tokens - token-weight-font-title: 600 - - ############################################################################## - # Definitions - - # # Shapes - # mdc-shape-small: var(--token-size-radius-small) - # mdc-shape-medium: var(--token-size-radius-medium) - # mdc-shape-large: var(--token-size-radius-large) - - # Sizes - header-height: var(--token-size-height-navbar) - paper-slider-height: var(--token-size-height-slider) - - # Typography - primary-font-family: var(--token-font-family-primary) - paper-font-common-base_-_font-family: var(--token-font-family-primary) - paper-font-common-code_-_font-family: var(--token-font-family-primary) - paper-font-body1_-_font-family: var(--token-font-family-primary) - paper-font-subhead_-_font-family: var(--token-font-family-primary) - paper-font-headline_-_font-family: var(--token-font-family-primary) - paper-font-caption_-_font-family: var(--token-font-family-primary) - paper-font-title_-_font-family: var(--token-font-family-primary) - ha-card-header-font-family: var(--token-font-family-primary) - mdc-typography-font-family: var(--token-font-family-primary) - mdc-typography-button-font-family: var(--token-font-family-primary) - mdc-typography-body1-font-family: var(--token-font-family-primary) - mdc-typography-button-font-weight: var(--token-weight-font-title) - - title-font-weight: var(--token-weight-font-title) - title-font-size: var(--token-size-font-title) - - # Text - primary-text-color: var(--token-color-text-primary) - secondary-text-color: var(--token-color-text-secondary) - text-primary-color: var(--token-color-text-primary) - text-light-primary-color: var(--token-color-text-primary) - disabled-text-color: var(--token-color-text-disabled) - - # Main interface colors - primary-color: var(--token-color-primary) - dark-primary-color: var(--primary-color) - light-primary-color: var(--primary-color) - accent-color: var(--token-color-accent) - divider-color: var(--token-color-background-divider) - md-divider-color: var(--divider-color) - scrollbar-thumb-color: var(--token-color-background-scrollbar-thumb) - - # Feedback colors - error-color: rgb(234, 114, 135) - warning-color: rgb(255, 219, 117) - success-color: rgb(118, 214, 152) - info-color: rgb(39, 209, 246) - - # Background - lovelace-background: var(--token-color-background-base) - background-color: var(--token-color-background-base) - primary-background-color: var(--token-color-background-base) - secondary-background-color: var(--token-color-background-secondary) - - # Navbar - # app-header-background-color: var(--primary-background-color) - app-header-background-color: '#0000' - app-header-backdrop-filter: 'blur(10px)' - app-header-text-color: var(--token-color-icon-primary) - app-header-edit-background-color: var(--token-color-background-card) - - # Sidebar - sidebar-icon-color: var(--token-color-icon-sidebar) - sidebar-text-color: var(--sidebar-icon-color) - sidebar-background-color: var(--token-color-background-sidebar) - sidebar-selected-icon-color: var(--token-color-icon-sidebar-selected) - sidebar-selected-text-color: var(--token-color-text-sidebar-selected) - - # Cards - border-radius: var(--token-size-radius-card) - card-background-color: var(--token-color-background-card) - ha-card-background: var(--token-color-background-card) - ha-card-border-radius: var(--token-size-radius-card) - ha-card-border-color: var(--token-color-border-card) - ha-card-border-width: var(--token-size-width-border-card) - ha-card-border-style: none - ha-card-border: none - ha-card-box-shadow: none - - # States - state-icon-color: var(--token-color-icon-primary) - state-on-color: var(--token-color-feedback-success) - state-off-color: var(--token-color-feedback-error) - - # Label-badge - label-badge-text-color: var(--token-color-text-primary) - label-badge-red: var(--token-color-background-label-badge-red) - label-badge-blue: var(--token-color-background-label-badge-blue) - label-badge-green: var(--token-color-background-label-badge-green) - label-badge-yellow: var(--token-color-background-label-badge-yellow) - label-badge-grey: var(--token-color-background-label-badge-grey) - - # Chip - ha-chip-text-color: rgb(255, 255, 255) - - # # Dialog - # mdc-dialog-scrim-color: var(--token-color-background-popup-scrim) - - # Slider - paper-slider-knob-color: var(--token-color-primary) - paper-slider-knob-start-color: var(--paper-slider-knob-color) - paper-slider-pin-color: var(--paper-slider-knob-color) - paper-slider-active-color: var(--paper-slider-knob-color) - paper-slider-secondary-color: var(--light-primary-color) - - # Switch - switch-checked-button-color: var(--primary-color) - switch-checked-track-color: var(--switch-checked-button-color) - switch-unchecked-button-color: rgba(125, 128, 132, 0.7) - switch-unchecked-track-color: rgba(125, 128, 132, 0.4) - - # Toggles - paper-toggle-button-checked-button-color: var(--switch-checked-button-color) - paper-toggle-button-checked-bar-color: var(--switch-checked-track-color) - paper-toggle-button-unchecked-button-color: var(--switch-unchecked-button-color) - paper-toggle-button-unchecked-bar-color: var(--switch-unchecked-track-color) - mdc-checkbox-unchecked-color: var(--token-color-icon-secondary) - mdc-radio-unchecked-color: var(--mdc-checkbox-unchecked-color) - - # List items - mdc-ripple-hover-opacity: var(--token-opacity-ripple-hover) - - # Text Fields an Dropdown - input-background-color: var(--token-color-background-input-base) - input-background-token-color-disabled: rgba(var(--input-background-color), 0.5) - input-fill-color: var(--input-background-color) - input-ink-color: var(--token-color-text-primary) - input-label-ink-color: var(--token-color-text-primary) - input-disabled-fill-color: var(--input-background-token-color-disabled) - 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) - mdc-select-idle-line-color: var(--color-background-base) - mdc-text-field-idle-line-color: var(--mdc-select-idle-line-color) - - # # Editor - # code-editor-background-color: var(--token-color-background-secondary) - # codemirror-meta: var(--token-color-text-primary) - # codemirror-property: var(--accent-color) - # codemirror-atom: var(--codemirror-property) - # codemirror-string: rgb(119, 196, 229) - # codemirror-keyword: rgb(140, 169, 255) - # codemirror-number: rgb(255, 91, 29) - - codemirror-keyword: '#C792EA' - codemirror-operator: '#89DDFF' - codemirror-variable: '#f07178' - codemirror-variable-2: '#EEFFFF' - codemirror-variable-3: '#DECB6B' - codemirror-builtin: '#FFCB6B' - codemirror-atom: '#F78C6C' - codemirror-number: '#FF5370' - codemirror-def: '#82AAFF' - codemirror-string: '#C3E88D' - codemirror-string-2: '#f07178' - codemirror-comment: '#545454' - codemirror-tag: '#FF5370' - codemirror-meta: '#FFCB6B' - codemirror-attribute: '#C792EA' - codemirror-property: '#C792EA' - codemirror-qualifier: '#DECB6B' - codemirror-type: '#DECB6B' - energy-grid-return-color: '#a280db' - - # RGB colors - rgb-primary-color: var(--token-rgb-primary) - rgb-accent-color: var(--token-rgb-primary) - rgb-white-color: 240, 243, 255 - rgb-purple-color: 189, 157, 255 - rgb-pink-color: 255, 98, 192 - rgb-red-color: 255, 97, 116 - rgb-deep-purple-color: 166, 77, 255 - rgb-indigo-color: 84, 132, 255 - rgb-blue-color: 33, 150, 243 - rgb-light-blue-color: 3, 169, 244 - rgb-cyan-color: 0, 188, 212 - rgb-teal-color: 107, 255, 237 - rgb-green-color: 141, 253, 166 - rgb-light-green-color: 156, 255, 166 - rgb-lime-color: 205, 220, 57 - rgb-yellow-color: 255, 235, 59 - rgb-amber-color: 255, 211, 99 - rgb-orange-color: var(--rgb-primary-color) - rgb-deep-orange-color: 255, 87, 34 - rgb-brown-color: 121, 85, 72 - rgb-grey-color: 158, 158, 158 - rgb-blue-grey-color: 96, 125, 139 - rgb-black-color: 0, 0, 0 - rgb-disabled-color: 61, 65, 85 - rgb-state-inactive-color: 123, 126, 139 - - ############################################################################## - # Extentions - - # HACS - hacs-new-color: rgb(27, 153, 123) - hacs-error-color: rgb(182, 46, 95) - - # Mini graph card - mcg-title-font-weight: 400 - - # Mushroom - mush-title-font-weight: var(--title-font-weight) - mush-title-font-size: var(--title-font-size) - mush-rgb-white: var(--rgb-white-color) - mush-rgb-purple: var(--rgb-purple-color) - mush-rgb-pink: var(--rgb-pink-color) - mush-rgb-red: var(--rgb-red-color) - mush-rgb-deep-purple: var(--rgb-deep-purple-color) - mush-rgb-indigo: var(--rgb-indigo-color) - mush-rgb-blue: var(--rgb-blue-color) - mush-rgb-light-blue: var(--rgb-light-blue-color) - mush-rgb-cyan: var(--rgb-cyan-color) - mush-rgb-teal: var(--rgb-teal-color) - mush-rgb-green: var(--rgb-green-color) - mush-rgb-light-green: var(--rgb-light-green-color) - mush-rgb-lime: var(--rgb-lime-color) - mush-rgb-yellow: var(--rgb-yellow-color) - mush-rgb-amber: var(--rgb-amber-color) - mush-rgb-orange: var(--rgb-orange-color) - mush-rgb-deep-orange: var(--rgb-deep-orange-color) - mush-rgb-brown: var(--rgb-brown-color) - mush-rgb-grey: var(--rgb-grey-color) - mush-rgb-blue-grey: var(--rgb-blue-grey-color) - mush-rgb-black: var(--rgb-black-color) - mush-rgb-disabled: var(--rgb-disabled-color) - - card-mod-theme: graphite - card-mod-root-yaml: | - .: | - * { - font-family: Poppins, Raleway, SF Pro Text, sans-serif, system-ui !important; - } - card-mod-sidebar: | - .menu .title { - font-weight: 600; - } - :host([expanded]) paper-icon-item { - width: 100%; - } - .iron-selected paper-icon-item { - border-left: 3px solid var(--accent-color) !important; - border-radius: var(--ha-card-border-radius) !important; - padding-left: 9px !important; - } - .profile.iron-selected paper-icon-item { - padding-left: 1px !important; - } - paper-icon-item span { - font-weight: normal !important; - } - - card-mod-more-info-yaml: | - - .: | - :host { - --bar-card-border-radius: 12px !important; - --ha-card-border-radius: 0px !important; - --ha-card-background: none !important; - } - :host([card]) .content .container { - padding: 0px !important; - } - ha-dialog { - --vertical-align-dialog: var(--tablet-popup-align-dialog) !important; - --dialog-surface-margin-top: var(--tablet-popup-margin-top) !important; - --dialog-box-shadow: 0 0px 16px 4px rgba(101,115,134, .15), 0 16px 64px 32px rgba(101,115,134, .5) !important; - --mdc-theme-surface: rgba(34, 38, 39, 0.6) !important; - } - ha-dialog *:focus-visible { - outline: none !important; - } - @media (max-width: 800px), (max-height: 500px) { - ha-dialog { - --mdc-dialog-min-width: 100vw !important; - --mdc-dialog-min-height: 100vh !important; - --popup-border-radius: 0 !important; - } - } - $: | - .mdc-dialog__surface { - background-color: rgba(34, 38, 39, 0.6) !important; - } diff --git a/config/themes/kodi.yaml b/config/themes/kodi.yaml deleted file mode 100644 index b21a34c..0000000 --- a/config/themes/kodi.yaml +++ /dev/null @@ -1,132 +0,0 @@ ---- -kodi: - tw-slate-900: '#0f172a' - tw-gray-900: '#111827' - tw-zinc-900: '#18181b' - tw-neutral-900: '#171717' - tw-stone-900: '#1c1917' - tw-red-900: '#7f1d1d' - tw-orange-900: '#7c2d12' - tw-amber-900: '#78350f' - tw-yellow-900: '#713f12' - tw-lime-900: '#365314' - tw-green-900: '#14532d' - tw-emerald-900: '#064e3b' - tw-teal-900: '#134e4a' - tw-cyan-900: '#164e63' - tw-sky-900: '#0c4a6e' - tw-blue-900: '#1e3a8a' - tw-indigo-900: '#312e81' - tw-violet-900: '#4c1d95' - tw-purple-900: '#581c87' - tw-fuchsia-900: '#701a75' - tw-pink-900: '#831843' - tw-rose-900: '#8813' - - tw-slate-800: '#1e293b' - tw-gray-800: '#1f2937' - tw-zinc-800: '#27272a' - tw-neutral-800: '#262626' - tw-stone-800: '#292524' - tw-red-800: '#991b1b' - tw-orange-800: '#9a3412' - tw-amber-800: '#92400e' - tw-yellow-800: '#854d0e' - tw-lime-800: '#3f6212' - tw-green-800: '#166534' - tw-emerald-800: '#065f46' - tw-teal-800: '#115e59' - tw-cyan-800: '#155e75' - tw-sky-800: '#075985' - tw-blue-800: '#1e40af' - tw-indigo-800: '#3730a3' - tw-violet-800: '#5b21b6' - tw-purple-800: '#6b21a8' - tw-fuchsia-800: '#86198f' - tw-pink-800: '#9d174d' - tw-rose-800: '#be123c' - - tw-slate: '#94a3b8' - tw-gray: '#6b7280' - tw-zinc: '#71717a' - tw-neutral: '#737373' - tw-stone: '#78716c' - tw-red: '#f87171' - tw-orange: '#fb923c' - tw-amber: '#fbbf24' - tw-yellow: '#facc15' - tw-lime: '#a3e635' - tw-green: '#4ade80' - tw-emerald: '#10b981' - tw-teal: '#2dd4bf' - tw-cyan: '#22d3ee' - tw-sky: '#38bdf8' - tw-blue: '#60a5fa' - tw-indigo: '#818cf8' - tw-violet: '#a78bfa' - tw-purple: '#c084fc' - tw-fuchsia: '#e879f9' - tw-pink: '#f472b6' - tw-rose: '#fb7185' - - h1-font-size: 2.85rem - h2-font-size: 2.25rem - h3-font-size: 2rem - h4-font-size: 1.5rem - h5-font-size: 1.15rem - h6-font-size: .7rem - - h1-font-weight: 100 - h2-font-weight: 100 - h3-font-weight: 100 - h4-font-weight: 600 - h5-font-weight: 400 - h6-font-weight: 400 - - body-font-size: 1rem - body-font-weight: normal - body-line-height: normal - card-title-font-size: 1.5rem - card-title-font-weight: 600 - card-title-line-height: normal - title-font-size: 3.5rem - title-font-weight: 600 - title-line-height: normal - subtitle-font-size: 1rem - subtitle-font-weight: 600 - subtitle-line-height: normal - small-font-size: 0.9rem - - body-font: 'var(--body-font-weight) var(--body-font-size)' - card-title-font: 'var(--card-title-font-weight) var(--card-title-font-size)' - h1-font: 'var(--h1-font-weight) var(--h1-font-size)' - h2-font: 'var(--h2-font-weight) var(--h2-font-size)' - h3-font: 'var(--h3-font-weight) var(--h3-font-size)' - h4-font: 'var(--h4-font-weight) var(--h4-font-size)' - h5-font: 'var(--h5-font-weight) var(--h5-font-size)' - h6-font: 'var(--h6-font-weight) var(--h6-font-size)' - # Progress bar conditional card - progress-bar-color: '#e5a00d' - progress-bar-background-color: rgba(0,0,0,0.33) - progress-bar-height: 2% - - swiper-theme-color: '#ffffff' - - ha-card-header-font-size: var(--card-title-font-size) - masonry-view-card-margin: 0 - card-mod-theme: 'kodi' - card-mod-view-yaml: | - .: | - hui-view { - background-size: cover !important; - background-attachment: fixed !important; - background-repeat: no-repeat !important; - } - @media screen and (max-width: 800px) { - hui-view { - background: none !important; - } - } - #view { - overflow: hidden; - } diff --git a/config/themes/main_theme.yaml b/config/themes/main_theme.yaml deleted file mode 100644 index 7fcd36e..0000000 --- a/config/themes/main_theme.yaml +++ /dev/null @@ -1,214 +0,0 @@ -Main Theme: - modes: - dark: - primary-font-family: Poppins, Raleway, SF Pro Text, sans-serif, system-ui - font-stack: Poppins, Raleway, SF Pro Text, sans-serif, system-ui - display-font-stack: Poppins, Raleway, SF Pro Text, sans-serif, system-ui - 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) - mdc-typography-body1-font-family: var(--primary-font-family) - mdc-typography-font-family: var(--primary-font-family) - mdc-typography-button-font-family: var(--primary-font-family) - paper-font-display1_-_font-family: var(--primary-font-family) - paper-font-display2_-_font-family: var(--primary-font-family) - paper-font-display3_-_font-family: var(--primary-font-family) - paper-font-display4_-_font-family: var(--primary-font-family) - - error-color: '#db4437' - disabled-text-color: '#bdbdbd' - - # Text - text-color: '#ffffffb3' - rgb-primary-text-color: '255, 255, 255' - primary-text-color: 'var(--text-color)' - text-primary-color: 'var(--text-color)' - sidebar-text-color: 'var(--text-color)' - pbs-button-color: 'var(--text-color)' - pbs-button-rgb-color: 'var(--text-color)' - pbs-button-rgb-state-color: 'var(--text-color)' - pbs-button-rgb-default-color: 'var(--text-color)' - rgb-state-default-color: 'var(--text-color)' - pbs-button-rgb-fallback: 'var(--text-color)' - secondary-text-color: '#BAC0C6' - text-medium-light-color: '#A0A2A8' - text-medium-color: '#80828A' - - # Text Fields an Dropdown - # mdc-text-field-fill-color: 'var(--background-color-1)' - # mdc-text-field-ink-color: 'var(--text-color)' - # mdc-select-fill-color: 'var(--background-color-1)' - # mdc-text-field-label-ink-color: 'var(--secondary-text-color)' - # input-fill-color: 'var(--background-color-1)' - # input-ink-color: 'var(--text-color)' - # input-label-ink-color: 'var(--text-color)' - # input-disabled-fill-color: 'var(--background-color-1)' - # input-disabled-ink-color: 'var(--disabled-text-color)' - # input-disabled-label-ink-color: 'var(--disabled-text-color)' - # input-idle-line-color: 'var(--background-color-1)' - # 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)' - - # Main Colors - - accent-color: '#2D9CDB' - rgb-accent-color: '101,115,134' - disabled-color: '#bdbdbd' - - primary-color: '#2D9CDB' - rgb-primary-color: '45, 156, 219' - # Card - - # Background - # background-color-1: '#000000' - background-color-1: '#16181D' - # primary-background-color: 'var(--background-color-1)' - primary-background-color: 'var(--background-color-1)' - background-color-2: '#FF9800' - rgb-header-background: '255, 255, 255' - # app-header-background-color: rgba(0,0,0,1) - app-header-background-color: '#0000' - app-header-backdrop-filter: 'blur(10px)' - app-theme-color: '#2D9CDB' - secondary-background-color: 'rgb(24,24,24)' - - # Card - # masonry-view-card-margin: 0 - rgb-primary-background-color: '0,0,0' - card-background-color: 'var(--ha-card-background)' - ha-card-background: '#25262D' - ha-card-box-shadow: 'none' - # ha-card-border-radius: '28px' - ha-card-border-style: 'none !important' - ha-card-border-width: 0px - ha-card-border-color: 'none !important' - border-color: 'none' - border-style: 'none !important' - # # Icons - paper-item-icon-color: 'var(--text-color)' - paper-item-icon-active-color: 'var(--accent-color)' - - # Sidebar - sidebar-background-color: 'var(--background-color-1)' - sidebar-icon-color: '#9e9e9e80' - scrollbar-thumb-color: '#303030' - sidebar-selected-icon-color: 'var(--accent-color)' - sidebar-selected-text-color: 'var(--text-color)' - paper-listbox-background-color: 'var(--sidebar-background-color)' - - divider-color: 'var(--background-color-1)' - md-divider-color: var(--divider-color) - # light-primary-color: 'var(--ha-card-background)' - - # # Sliders - paper-slider-knob-color: 'var(--accent-color)' - paper-slider-pin-color: 'var(--background-color-2)' - paper-slider-active-color: 'var(--accent-color)' - paper-slider-container-color: 'var(--background-color-2)' - # Toggle: - paper-toggle-button-checked-bar-color: 'var(--accent-color)' - mdc-theme-primary: 'var(--accent-color)' - mdc-theme-secondary: 'var(--accent-color)' - # Radio Button - paper-radio-button-checked-color: 'var(--accent-color)' - - # # # Switch - # switch-checked-button-color: var(--primary-color) - # switch-checked-track-color: var(--primary-text-color) - # switch-unchecked-button-color: var(--primary-text-color) - # switch-unchecked-track-color: var(--primary-text-color) - # mdc-radio-unchecked-color: var(--primary-text-color) - - # Tables - table-row-background-color: 'var(--background-color-1)' - table-row-alternative-background-color: 'var(--ha-card-background)' - # Badges - label-badge-background-color: 'var(--background-color-1)' - label-badge-text-color: 'var(--text-primary-color)' - label-badge-red: 'rgba(255,88,88,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)' - # POPUP MORE INFO - dialog-box-shadow: var(--rgb-accent-color) - dialog-backdrop-filter: blur(12px) brightness(0.3) - popup-background-color: rgba(34,38,39,0.6) - # popup-background-color: rgba(30,30,45, 0.8) - # popup-border-width: 1px - popup-border-radius: 1em - popup-padding-x: 0px - popup-padding-y: 0px - popup-min-width: 20vw - popup-max-width: 100vw - tablet-popup-header-color: rgba(200, 218, 222, 0.05) - tablet-popup-content-padding: 1.4em 2.2em 1.6em 1.5em - tablet-popup-button-padding: 0.1em 2em 1.8em 2em - tablet-popup-border-style: 1.5px solid rgba(0,0,0,0.2) - tablet-popup-align-dialog: center - tablet-popup-margin-top: 0px - - # dialog-box-shadow: 0px 2px 4px 0px rgba(0, 0 ,0 , .2) - state-icon-color: '#9da0a2' - state-icon-active-color: '#FF9800' - state-active-color: '#b68349' - # paper-slider-knob-start-color: '#a4abb1' - # paper-toast-color: var(--primary-text-color) - # paper-toast-background-color: '#1b1b1bf2' - st-spacing: 0 - - card-mod-theme: Main Theme - - card-mod-sidebar: | - .menu .title { - font-weight: 600; - } - :host([expanded]) paper-icon-item { - width: 100%; - } - .iron-selected paper-icon-item { - border-left: 3px solid var(--accent-color) !important; - border-radius: var(--ha-card-border-radius) !important; - padding-left: 9px !important; - } - .profile.iron-selected paper-icon-item { - padding-left: 1px !important; - } - paper-icon-item span { - font-weight: normal !important; - } - - card-mod-more-info-yaml: | - .: | - ha-dialog { - --vertical-align-dialog: var(--tablet-popup-align-dialog) !important; - --dialog-surface-margin-top: var(--tablet-popup-margin-top) !important; - --dialog-box-shadow: 0 0px 16px 4px rgba(101,115,134, .15), 0 16px 64px 32px rgba(101,115,134, .5) !important; - --mdc-theme-surface: transparent !important; - } - - ha-dialog > div.content > div.container { - padding: 0 !important; - } - @media (max-width: 800px), (max-height: 500px) { - ha-dialog { - --mdc-dialog-min-width: 100vw !important; - --mdc-dialog-min-height: 100vh !important; - --popup-border-radius: 0 !important; - } - } - - ha-dialog > div:focus { - outline: none; - } - - $: | - .mdc-dialog__surface { - background-color: rgba(34,38,39,0.6) !important; - } diff --git a/config/themes/mushroom/mushroom-shadow.yaml b/config/themes/mushroom/mushroom-shadow.yaml deleted file mode 100644 index 47995f8..0000000 --- a/config/themes/mushroom/mushroom-shadow.yaml +++ /dev/null @@ -1,11 +0,0 @@ -# DO NOT EDIT THIS FILE. -# This file will be reset with updates. -# If you want to customize it, copy the content in another folder and file and change the name. -# https://www.home-assistant.io/integrations/frontend/#defining-themes -Mushroom Shadow: - # Home Assistant override - ha-card-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.16) - ha-card-border-width: 0 - modes: - light: {} - dark: {} diff --git a/config/themes/mushroom/mushroom-square-shadow.yaml b/config/themes/mushroom/mushroom-square-shadow.yaml deleted file mode 100644 index d1449af..0000000 --- a/config/themes/mushroom/mushroom-square-shadow.yaml +++ /dev/null @@ -1,20 +0,0 @@ -# DO NOT EDIT THIS FILE. -# This file will be reset with updates. -# If you want to customize it, copy the content in another folder and file and change the name. -# https://www.home-assistant.io/integrations/frontend/#defining-themes -Mushroom Square Shadow: - # Home Assistant override - ha-card-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.16) - ha-card-border-width: 0 - ha-card-border-radius: 6px - ha-badge-border-radius: 6px - # Layout - mush-spacing: 8px - # Elements - mush-icon-border-radius: 6px - mush-control-border-radius: 6px - # Chips - mush-chip-border-radius: 6px - modes: - light: {} - dark: {} diff --git a/config/themes/mushroom/mushroom-square.yaml b/config/themes/mushroom/mushroom-square.yaml deleted file mode 100644 index 00f90c3..0000000 --- a/config/themes/mushroom/mushroom-square.yaml +++ /dev/null @@ -1,18 +0,0 @@ -# DO NOT EDIT THIS FILE. -# This file will be reset with updates. -# If you want to customize it, copy the content in another folder and file and change the name. -# https://www.home-assistant.io/integrations/frontend/#defining-themes -Mushroom Square: - # Home Assistant override - ha-card-border-radius: 6px - ha-badge-border-radius: 6px - # Layout - mush-spacing: 8px - # Elements - mush-icon-border-radius: 6px - mush-control-border-radius: 6px - # Chips - mush-chip-border-radius: 6px - modes: - light: {} - dark: {} diff --git a/config/themes/mushroom/mushroom.yaml b/config/themes/mushroom/mushroom.yaml deleted file mode 100644 index bba28dd..0000000 --- a/config/themes/mushroom/mushroom.yaml +++ /dev/null @@ -1,9 +0,0 @@ -# DO NOT EDIT THIS FILE. -# This file will be reset with updates. -# If you want to customize it, copy the content in another folder and file and change the name. -# https://www.home-assistant.io/integrations/frontend/#defining-themes -Mushroom: - # Nothing here as it's the default HA theme since 2022.11 - modes: - light: {} - dark: {} diff --git a/docs/README.md b/docs/README.md index afff3e7..7c9fbc1 100644 --- a/docs/README.md +++ b/docs/README.md @@ -37,13 +37,13 @@ https://github.com/ngocjohn/hass-config/assets/96962827/acc1a4db-b92e-4ab1-ac9d- - 36,233 + 34,023 32 - 164 + 163 63 - 54 + 53 32 - 1071 + 1083 215 38