Initial commit

Author: aFFekopp

README.md

@@ -0,0 +1,52 @@
+## Noctis
+
+Dark Blue Theme with Blue accent Colors for [Home Assistant](https://www.home-assistant.io) 
+
+[![](https://img.shields.io/badge/My-Configuration-blue?style=for-the-badge)](https://github.com/aFFekopp/homeassistant)
+
+[![hacs_badge](https://img.shields.io/badge/HACS-Custom-orange.svg?style=flat-square)](https://github.com/custom-components/hacs) ![STARS](https://img.shields.io/github/stars/aFFekopp/noctis?color=yellow&style=flat-square) ![ISSUES](https://img.shields.io/github/issues-raw/aFFekopp/noctis?style=flat-square) ![LASTCOMMIT](https://img.shields.io/github/last-commit/aFFekopp/noctis?style=flat-square) ![dl](https://img.shields.io/github/downloads/aFFekopp/noctis/total?style=flat-square)
+
+## Screenshot
+![](https://raw.githubusercontent.com/aFFekopp/noctis/master/docs/screenshots/pc/1.jpg)
+
+## Installation
+
+#### Manual Installation
+1. copy the `themes` folder into your home-assistant folder
+2. add this to your `configuration.yaml`
+
+```yaml
+frontend:
+  themes: !include_dir_merge_named themes
+```
+
+3. restart home-assistant
+4. select the theme in your user's profile (bottom left)
+
+**Optional**: I recommend installing [Custom Header](https://github.com/maykar/custom-header)
+
+#### HACS
+
+1. Go to the Community Store.
+2. Search for `Noctis`.
+3. Navigate to `Noctis`.
+4. Press Install.
+
+## My other Themes
+- [Dark Teal](https://github.com/aFFekopp/dark_teal)
+
+## Aditional Screenshots
+
+#### PC
+
+![](https://raw.githubusercontent.com/aFFekopp/noctis/master/docs/screenshots/pc/1-1.jpg) | ![](https://raw.githubusercontent.com/aFFekopp/noctis/master/docs/screenshots/pc/2.jpg)
+:-------------------------:|:-------------------------:
+![](https://raw.githubusercontent.com/aFFekopp/noctis/master/docs/screenshots/pc/3.jpg) | ![](https://raw.githubusercontent.com/aFFekopp/noctis/master/docs/screenshots/pc/4.jpg)
+![](https://raw.githubusercontent.com/aFFekopp/noctis/master/docs/screenshots/pc/5.jpg) | ![](https://raw.githubusercontent.com/aFFekopp/noctis/master/docs/screenshots/pc/6.jpg)
+![](https://raw.githubusercontent.com/aFFekopp/noctis/master/docs/screenshots/pc/7.jpg) | ![](https://raw.githubusercontent.com/aFFekopp/noctis/master/docs/screenshots/pc/8.jpg)
+
+#### Android
+
+![](https://raw.githubusercontent.com/aFFekopp/noctis/master/docs/screenshots/android/1.jpg) | ![](https://raw.githubusercontent.com/aFFekopp/noctis/master/docs/screenshots/android/2.jpg) | ![](https://raw.githubusercontent.com/aFFekopp/noctis/master/docs/screenshots/android/3.jpg)
+:-------------------------:|:-------------------------:|:-------------------------:
+![](https://raw.githubusercontent.com/aFFekopp/noctis/master/docs/screenshots/android/4.jpg) | ![](https://raw.githubusercontent.com/aFFekopp/noctis/master/docs/screenshots/android/5.jpg) | ![](https://raw.githubusercontent.com/aFFekopp/noctis/master/docs/screenshots/android/6.jpg)

hacs.json

@@ -0,0 +1,3 @@
+{
+    "name": "Noctis"
+}

info.md

@@ -0,0 +1,52 @@
+## Noctis
+
+Dark Blue Theme with Blue accent Colors for [Home Assistant](https://www.home-assistant.io) 
+
+[![](https://img.shields.io/badge/My-Configuration-blue?style=for-the-badge)](https://github.com/aFFekopp/homeassistant)
+
+[![hacs_badge](https://img.shields.io/badge/HACS-Custom-orange.svg?style=flat-square)](https://github.com/custom-components/hacs) ![STARS](https://img.shields.io/github/stars/aFFekopp/noctis?color=yellow&style=flat-square) ![ISSUES](https://img.shields.io/github/issues-raw/aFFekopp/noctis?style=flat-square) ![LASTCOMMIT](https://img.shields.io/github/last-commit/aFFekopp/noctis?style=flat-square) ![dl](https://img.shields.io/github/downloads/aFFekopp/noctis/total?style=flat-square)
+
+## Screenshot
+![](https://raw.githubusercontent.com/aFFekopp/noctis/master/docs/screenshots/pc/1.jpg)
+
+## Installation
+
+#### Manual Installation
+1. copy the `themes` folder into your home-assistant folder
+2. add this to your `configuration.yaml`
+
+```yaml
+frontend:
+  themes: !include_dir_merge_named themes
+```
+
+3. restart home-assistant
+4. select the theme in your user's profile (bottom left)
+
+**Optional**: I recommend installing [Custom Header](https://github.com/maykar/custom-header)
+
+#### HACS
+
+1. Go to the Community Store.
+2. Search for `Noctis`.
+3. Navigate to `Noctis`.
+4. Press Install.
+
+## My other Themes
+- [Dark Teal](https://github.com/aFFekopp/dark_teal)
+
+## Aditional Screenshots
+
+#### PC
+
+![](https://raw.githubusercontent.com/aFFekopp/noctis/master/docs/screenshots/pc/1-1.jpg) | ![](https://raw.githubusercontent.com/aFFekopp/noctis/master/docs/screenshots/pc/2.jpg)
+:-------------------------:|:-------------------------:
+![](https://raw.githubusercontent.com/aFFekopp/noctis/master/docs/screenshots/pc/3.jpg) | ![](https://raw.githubusercontent.com/aFFekopp/noctis/master/docs/screenshots/pc/4.jpg)
+![](https://raw.githubusercontent.com/aFFekopp/noctis/master/docs/screenshots/pc/5.jpg) | ![](https://raw.githubusercontent.com/aFFekopp/noctis/master/docs/screenshots/pc/6.jpg)
+![](https://raw.githubusercontent.com/aFFekopp/noctis/master/docs/screenshots/pc/7.jpg) | ![](https://raw.githubusercontent.com/aFFekopp/noctis/master/docs/screenshots/pc/8.jpg)
+
+#### Android
+
+![](https://raw.githubusercontent.com/aFFekopp/noctis/master/docs/screenshots/android/1.jpg) | ![](https://raw.githubusercontent.com/aFFekopp/noctis/master/docs/screenshots/android/2.jpg) | ![](https://raw.githubusercontent.com/aFFekopp/noctis/master/docs/screenshots/android/3.jpg)
+:-------------------------:|:-------------------------:|:-------------------------:
+![](https://raw.githubusercontent.com/aFFekopp/noctis/master/docs/screenshots/android/4.jpg) | ![](https://raw.githubusercontent.com/aFFekopp/noctis/master/docs/screenshots/android/5.jpg) | ![](https://raw.githubusercontent.com/aFFekopp/noctis/master/docs/screenshots/android/6.jpg)

themes/noctis.yaml

@@ -0,0 +1,76 @@
+noctis:  
+
+  # Fonts
+  primary-font-family: 'Raleway,sans-serif'
+  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)"
+
+  # Text
+  text-color: '#ffffff' 
+  primary-text-color: 'var(--text-color)'
+  text-primary-color: 'var(--text-color)'
+  secondary-text-color: "#BAC0C6"
+  text-medium-light-color: '#A0A2A8'
+  text-medium-color: '#80828A' 
+  primary-color: 'var(--secondary-text-color)'
+  
+  # Main Colors
+  app-header-background-color: 'var(--background-color)'
+  accent-color: '#1A89F5'
+  accent-medium-color: 'var(--accent-color)'
+
+  # Background
+  background-color: '#242e42' 
+  primary-background-color: 'var(--background-color)'
+  background-color-2: '#20293c' 
+  secondary-background-color: 'var(--background-color-2)'
+  
+  # Card
+  card-background-color: 'var(--paper-card-background-color)'
+  paper-card-background-color: 'rgba(47,59,82,0.6)'
+  ha-card-box-shadow: "0px 0px 0px 0px"
+  ha-card-border-radius: "5px"
+  border-color: 'rgba(0,0,0,0)' 
+  
+  # Icons
+  paper-item-icon-color: 'var(--text-color)'    
+  paper-item-icon-active-color: 'var(--accent-color)'   
+  
+  # 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(--border-color)'
+
+  # 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)'
+
+  # Popups
+  paper-dialog-background-color: 'rgba(47,59,82,0.8)'
+  
+  # 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)'