seangreen2 / slate_theme Goto Github PK

Thiis is also black on black. Should be primary-color

Not quite sure where to start here but thought I'd report it to be fixed.

The Netto consumed from the grid card should show a graph ranging from red over orange to green.
Instead, with the Slate Theme, it's showing blue over orange to green.

The --label-badge-red is overridden, causing this colour mismatch

See

The unused devices table in 0.99 doesn't render properly

I have adjusted the configuration.yaml and checked if there is a themes folder. After restarting several times, I still can't choose a theme in my user account? sorry a question from a beginner

Edit:sorry i have to answer myself. My configuration looked like "themes:! Include_dir_merge_named", I forgot the reference to Themes.

Can anyone tell me, what component is used for the bar gauge in this screenshot from the readme?
https://camo.githubusercontent.com/87b400e2f98b7352d60a7b0a5cc316c4793deebaeb781249d2d072153f255111/68747470733a2f2f692e696d6775722e636f6d2f6c65466d6f596f2e706e67

I use HA's Google calendar. When using the month view, the square cells that encapsulate the events for each day are hard to visually delineate.
The calendar uses the divider-color to delineate these cells. divider-color is currently set to rgba(0, 0, 0, .12) which makes the divider line black.
Here is what it looks like:

I recommend changing divider-color to rgba(225, 225, 225, .12). This is also the same setting HA uses for its default dark theme.
Here is what it looks like with the change:

Hello Guys,

probably my fault but the Theme won't activate.

I'm using hassio (latest version) on a 3B+

Here's what i did:

1. Installed hacs
2. Enabled hacs, enabled themes during the configuration process too (clicked the checkbox)
3. Downloaded slate from the community market
4. Checked if the "themes" folder is in the config directory (it is!)
5. restarted hass.io multiple times

I deleted the cache but it just stays white. What am i missing?

Hi! I have copied your theme code from github and made couple of changes for myself. Now I have updated supervisor to 231 and now supervisor page is default themed

Here is my code with slight changes (last 3 lines). There is no way that changes can effect anything on supervisor page :)

slate_moded:
  # Main colors
  primary-color: '#2980b9'
  # accent-color: '#2980b9'
  dark-primary-color: '#2980b9'
  light-primary-color: '#2980b9'
  # Text colors
  primary-text-color: '#FFFFFF'
  text-primary-color: 'var(--primary-text-color)'
  # secondary-text-color: '#b58e31'
  disabled-text-color: '#777777'
  label-badge-border-color: 'green'
  # Sidebar
  sidebar-icon-color: '#777777'
  # Background colors
  primary-background-color: '#222222'
  secondary-background-color: '#222222'
  divider-color: 'rgba(0, 0, 0, .12)'
  table-row-background-color: '#292929'
  table-row-alternative-background-color: '#292929'
  # Nav Menu
  paper-listbox-color: '#777777'
  paper-listbox-background-color: '#141414'
  paper-grey-50: 'var(--primary-text-color)'
  paper-grey-200: '#222222'
  # Paper card
  paper-card-header-color: '#2980b9'
  paper-card-background-color: '#292929'
  paper-dialog-background-color: '#292929'
  paper-item-icon-color: 'var(--primary-text-color)'
  paper-item-icon-active-color: '#b58e31'
  paper-item-icon_-_color: 'green'
  paper-item-selected_-_background-color: '#292929'
  paper-tabs-selection-bar-color: 'green'
  # Labels
  # label-badge-red: 'var(--primary-color)'
  label-badge-text-color: 'var(--primary-text-color)'
  label-badge-background-color: '#222222'
  # Switches
  paper-toggle-button-checked-button-color: '#2980b9'
  paper-toggle-button-checked-bar-color: '#2980b9'
  paper-toggle-button-checked-ink-color: '#2980b9'
  paper-toggle-button-unchecked-button-color: 'var(--disabled-text-color)'
  paper-toggle-button-unchecked-bar-color: 'var(--disabled-text-color)'
  paper-toggle-button-unchecked-ink-color: 'var(--disabled-text-color)'
  switch-checked-color: 'var(--paper-toggle-button-checked-button-color)'
  switch-unchecked-color: 'var(--disabled-text-color)'
  switch-unchecked-button-color: 'var(--disabled-text-color)'
  switch-unchecked-track-color: 'var(--disabled-text-color)'
  # Sliders
  paper-slider-knob-color: '#2980b9'
  paper-slider-knob-start-color: '#2980b9'
  paper-slider-pin-color: '#2980b9'
  paper-slider-active-color: '#2980b9'
  paper-slider-container-color: 'linear-gradient(var(--primary-background-color), var(--secondary-background-color)) no-repeat'
  paper-slider-secondary-color: 'var(--secondary-background-color)'
  paper-slider-disabled-active-color: 'var(--disabled-text-color)'
  paper-slider-disabled-secondary-color: 'var(--disabled-text-color)'
  # Google colors
  google-red-500: '#b93829'
  google-green-500: '#2980b9'
  # Changes to fix history/logbook menus
  lumo-primary-text-color: '#2980b9'
  lumo-secondary-text-color: '#2980b9'
  lumo-primary-color: '#2980b9'
  # Calendar day numbers
  lumo-body-text-color: '#b58e31'
  # Calendar/Date-Picker Background
  lumo-base-color: '#222222'
  # Month/Year header
  lumo-header-text-color: 'var(--lumo-body-text-color)'
  # DayOfWeek Header
  lumo-tertiary-text-color: 'var(--lumo-body-text-color)'
  lumo-shade: '#222222'
  lumo-shade-90pct: 'rgba(34, 34, 34, .9)'
  lumo-shade-80pct: 'rgba(34, 34, 34, .8)'
  lumo-shade-70pct: 'rgba(34, 34, 34, .7)'
  lumo-shade-60pct: 'rgba(34, 34, 34, .6)'
  lumo-shade-50pct: 'rgba(34, 34, 34, .5)'
  lumo-shade-40pct: 'rgba(34, 34, 34, .4)'
  lumo-shade-30pct: 'rgba(34, 34, 34, .3)'
  lumo-shade-20pct: 'rgba(34, 34, 34, .2)'
  lumo-shade-10pct: 'rgba(34, 34, 34, .1)'
  lumo-shade-5pct: 'rgba(34, 34, 34, .05)'
  lumo-tint-5pct: '#222222'
  # fix for device configuration screen
  card-background-color: "var(--paper-card-background-color)"
  # Fix for Person Device Chooser - thanks to vajonam!
  material-background-color: "var(--paper-listbox-background-color)"
  material-secondary-background-color: '#222222'
  material-body-text-color: '#FFFFFF'
  # simple-thermostat buttons
  st-mode-background: 'var(--primary-background-color)'
  # fix white on white markdown code sections (eg. the addons infos)
  markdown-code-background-color: 'var(--secondary-background-color)'

# custom badges
  label-badge-red: '#2c6e9a'

  accent-color: '#2980b9'
  secondary-text-color: '#a8a8a8'

This is the case for all the code-mirror backed text entry fields. It should be dark bg with light text. But this could be problematic with the template screen since it has some syntax highlighting

this should also be darker screen.

Looks like HA Core 2022.3.0+ broke a bunch of stuff in the theme.

Dropdown selectors:

Search fields:

Integration sub list:

Entity code editor:

There might be others.

With the v3.4.0 update of the mushroom card the secondary color of the cards is white.
This can be solved by adding this to the theme:
mush-card-secondary-color: ‘#b58e31’

i think more people are using mushroom cards so can this be added?

Hi,

I am using a custom:simple-thermostat card and the entities in their current state is showing grey in colour instead of red.

Screenshots below for comparison.

If I select the default theme, the current entities colour will show up fine (blue). This started happening after a recent update.

The background and the texts are white, so it's kind of unusable.

Hi,

could you please change the update alert line colour?
Now is grey and it very difficult to notice.

Con you do something about it?
Following you'll find a screenshot.

Many thanks,
Matteo

The theme currently uses the primary colour for "label-badge-red", but the primary colour ("primary-color") is blue-ish, not red.
This is a problem because the Gauge card uses "label-badge-red" for severity red.
Yellow and green are unaffected, only red turns into a blue tone instead.

Is there a reason for this to stay or could this be adjusted to better reflect the name?
I manually adjusted the colour to use "google-red-500" instead and I haven't encountered any graphical problems so far.

Hello,
I want to use the new tile card in home assistant, but if i use the feature cover position and i use the slider then i get a white box with white text in it so the persentage is not readable. Does somebody know what to add to the theme to solve this problem?

on 0.104.3, the popup when choosing a device to make up a person entity is white. this makes it very hard to see the icon type and in stick with the dark, it should be a black background.

The whole popup needs some more styling

I installed with HACS and I see it in the themes folder but I'm never given the option to switch to the theme in my user profile settings. What am I missing?

It seems like the theme isn't making a distinction between an entity that's off vs unavailable. See the black icon (garage button) on my default theme. Is this a bug and is there a workaround in the meantime?