Nord Theme

Share your Projects! Themes
1

screenshot_2019-07-31-155706
screenshot_2019-07-31-1557061920×1080 59 KB

Just a simple theme I made based on https://www.nordtheme.com/

nord:
  light-background-color: "#3b4252"
  dark-background-color: "#2E3440"
  card-background-color: "#4c566a"
  foreground-color: "#eceff4"
  accent-color: "#81a1c1"
  primary-font-family: "Roboto Condensed, Roboto, system-ui"
  paper-listbox-background-color: "var(--light-background-color)"
  light-primary-color: "var(--dark-background-color)"
  paper-item-selected_-_background-color: "var(--dark-background-color)"
  paper-grey-200: "var(--dark-background-color)"
  divider-color: "var(--dark-background-color)"
  primary-background-color: "var(--dark-background-color)"
  secondary-background-color: "var(--dark-background-color)"
  paper-slider-secondary-color: "var(--dark-background-color)"
  paper-toggle-button-checked-bar-color: "var(--dark-background-color)"
  primary-color: "var(--accent-color)"
  paper-grey-50: "var(--accent-color)"
  primary-text-color: "var(--foreground-color)"
  secondary-text-color: "var(--foreground-color)"
  paper-item-icon-color: "var(--foreground-color)"
  label-badge-text-color: "var(--foreground-color)"
  paper-item-icon_-_color: "var(--foreground-color)"
  paper-slider-knob-color: "var(--accent-color)"
  paper-slider-knob-start-color: "var(--accent-color)"
  paper-slider-pin-color: "var(--accent-color)"
  paper-toggle-button-checked-button-color: "var(--accent-color)"
  paper-toggle-button-unchecked-bar-color: "var(--accent-color)"
  paper-card-header-color: "var(--accent-color)"
  disabled-text-color: "var(--card-background-color)"
  paper-card-background-color: "var(--card-background-color)"
  label-badge-background-color: "var(--card-background-color)"
  dark-primary-color: "var(--accent-color)"
  paper-listbox-color: "var(--accent-color)"
  paper-item-icon-active-color: "var(--accent-color)"
  label-badge-red: "var(--accent-color)"
  paper-slider-active-color: "var(--accent-color)"
  paper-toggle-button-checked-ink-color: "var(--accent-color)"
  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)"
  ha-card-header-color: "var(--foreground-color)"
  sidebar-icon-color: "var(--foreground-color)"
11 Likes
2

Looks great. Going to try it out. Thanks for sharing

3

I really like the themes with muted darker colors. I use “slate” almost exclusively but I might switch to this one.

But I’ll definitely have to do some tweaking on the ‘on/off’ indicators and switch knobs. They’re too muted even for me. :slightly_smiling_face:

1 Like
4

Thanks @jasperro, really an awesome theme!

I’m kinda agree with @finity, the current colour of the on/off makes me think the opposite.
I simply switched them around to have the on/active to be the foreground-color and accent-color for the off/unchecked. IMO it makes more sense to my brain lol.

1 Like