Skip to content

Commit 7ebf75a

Browse files
biofectsbiofects
committed
Inital Push
0 parents  commit 7ebf75a

10 files changed

Lines changed: 934 additions & 0 deletions

File tree

‎LICENSE‎

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
MIT License
2+
3+
Copyright (c) 2024 biofects
4+
5+
Permission is hereby granted, free of charge, to any person obtaining a copy
6+
of this software and associated documentation files (the "Software"), to deal
7+
in the Software without restriction, including without limitation the rights
8+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9+
copies of the Software, and to permit persons to whom the Software is
10+
furnished to do so, subject to the following conditions:
11+
12+
The above copyright notice and this permission notice shall be included in all
13+
copies or substantial portions of the Software.
14+
15+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21+
SOFTWARE.
22+

‎README.md‎

Lines changed: 108 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,108 @@
1+
# 🚀 Enhanced Biofects Theme
2+
**Enhanced Biofects Theme** is a Home Assistant theme showcases a sleek, futuristic design with a neon blue color scheme and glowing accents. The theme features a dark background with subtle circuit patterns, giving the dashboard a high-tech, sci-fi look. Cards appear to float with illuminated borders, enhancing readability and adding depth. Elements such as the sidebar, clock, and interactive panels have consistent color highlights, creating a cohesive, immersive experience. The dashboard layout efficiently organizes information, including a personalized greeting, daily quotes, weather data, and a to-do list, all accessible at a glance in a visually striking interface. **[WIP]**
3+
4+
<p align="center">
5+
<img src="images/enhanced-biofects-ui.png" alt="Enhanced Biofects UI Theme" width="400"/>
6+
<img src="images/enhanced-biofects-custom.png" alt="Enhanced Biofects custom theme" width="400"/>
7+
</p>
8+
9+
---
10+
11+
## 🔍 About this Theme
12+
**Enhanced Biofects Theme** This custom Home Assistant theme combines a sleek, high-tech look with a practical layout, designed to make smart home interactions more enjoyable and immersive.
13+
14+
## Features
15+
- Sci-Fi Aesthetic: A dark background with neon blue accents and circuit-like patterns creates a sophisticated, futuristic vibe.
16+
- Enhanced Readability: Neon-glowing borders around cards and text improve readability, especially in low-light conditions.
17+
- Optimized Layout: Key elements such as weather, to-do lists, calendar events, and daily quotes are prominently displayed for easy access.
18+
- Personalized Design: Adds a "wow" factor to your dashboard, turning it into a unique expression of style.
19+
- Why Use This Theme?
20+
-- This theme is ideal for anyone looking to elevate their Home Assistant dashboard with an immersive, sci-fi inspired interface that enhances both aesthetics and usability. Perfect for those who want a personalized, visually appealing, and organized smart home experience.
21+
22+
## Notes
23+
My Home Assistant runs in Docker on a server. I don't use the supervised version, nor do I send any data to Home Assistant servers. This is my personal choice, despite it requiring more manual management.
24+
25+
<strong style="color:red;">I don’t know how it works with HAOS.</strong>
26+
27+
- I prioritize securing my network by blocking **phone home** calls from IoT devices, ensuring data privacy.
28+
- My Home Assistant setup includes an array of devices, with plans to expand further. Here’s a snapshot of what I manage:
29+
30+
- 💡 Hue
31+
- 🏠 Tuya
32+
- 📊 Grafana for monitoring
33+
- 🎞 Emby for media
34+
- 🚪 Door locks
35+
- 🔒 Cameras
36+
- 💻 Local AI (on server)
37+
- 🚦 Pi Hole for ad-blocking
38+
- 🖥 Full network & server monitoring, including GPU & storage
39+
- 🌀 Fans
40+
- And much more to come!
41+
42+
---
43+
44+
## 💸 Donations Welcome!
45+
If you find this theme useful, please consider donating. Your support is greatly appreciated!
46+
47+
[![paypal](https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif)](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=TWRQVYJWC77E6)
48+
49+
---
50+
51+
## 🔧 Plugins I Use to Achieve My Layout
52+
These are the essential plugins that helped me craft my use of the Enhanced Biofects Theme experience:
53+
- [ha-biofects-fullmenu](https://github.com/biofects/ha-biofects-fullmenu) - My Home page is a dynamic full page animated enu.
54+
- [simple_sticky_note](https://github.com/biofects/simple_sticky_note) - A simple card to leave real time messages in the card, without leaving the page or popups.
55+
- [Sidebar Card](https://github.com/DBuit/sidebar-card) – For an easy-to-navigate sidebar.
56+
- [Wall Panel](https://github.com/j-a-n/lovelace-wallpanel) – A powerful screen saver.
57+
- [Kiosk Mode](https://github.com/maykar/kiosk-mode) – Hides UI elements for a streamlined experience.
58+
- [Card Mod](https://github.com/thomasloven/lovelace-card-mod) – Add custom styling to cards.
59+
- [layout-card](https://github.com/thomasloven/hass-config/wiki/Lovelace-Plugins) - For my custom layouts
60+
61+
## 🔧 Optional plugins I validated that work
62+
- [Restriction Card](https://github.com/iantrich/restriction-card) – Lock access to things like thermostats. 🔒
63+
- [Unifi Gateway](https://github.com/custom-components/sensor.unifigateway)
64+
- [Unifi Counter Sensors](https://github.com/clyra/unifics)
65+
- [Clock Weather Card](https://github.com/pkissling/clock-weather-card)
66+
- [Kiosk Mode](https://github.com/maykar/kiosk-mode) – Hides UI elements for a streamlined experience.
67+
68+
---
69+
70+
## 🚀 Installation Instructions
71+
72+
### HACS (Recommended)
73+
74+
#### Step-by-Step Guide
75+
76+
1. Ensure [HACS](https://hacs.xyz/) is installed in your Home Assistant.
77+
2. Open the HACS panel, click the three dots in the top-right corner, and select **"Custom Repositories."**
78+
3. Add the following URL as a **Custom Repository**:
79+
[https://github.com/biofects/Enhanced-Biofects](https://github.com/biofects/Enhanced-Biofects)
80+
and select **"Theme"** as the category.
81+
4. Click **"Add,"** then navigate to the **"Theme"** tab, click **"+ Explore & Download Repositories"** and search for "Biofects."
82+
5. Install the theme and restart Home Assistant.
83+
6. Go to **User Profile** in Home Assistant and select the Enhanced Biofects theme.
84+
85+
---
86+
87+
## 🛠 How I Created My Layouts
88+
89+
To get the layout I wanted with the Enhanced Biofects Theme, I combined various plugins and customization:
90+
91+
1. Updated each dashboard to support **Wall Panel**, **Sidebar Card** and **Kiosk Mode**.
92+
2. YAML for content and views should be placed above the dashboard views.
93+
3. Example using UI and Sections:
94+
[ui.yaml](./examples/ui.yaml)
95+
4. Example With a custom header and Greeting Sensor:
96+
[lovelace-dashboard.yaml](./examples/lovelace-dashboard.yaml)
97+
- Please note for the Custom Header with greeting and Quote you will need some additional templates and sensors in your configuration yaml files.
98+
[otherconfigs.yaml](./examples/otherconfigs.yaml)
99+
---
100+
101+
## 🐛 Support & Issues
102+
If you encounter bugs or have feature requests, feel free to [open an issue](https://github.com/biofects/Enhanced-Biofects/issues) on the GitHub repository.
103+
104+
---
105+
106+
## 📜 License
107+
This project is licensed under the MIT License.
108+

0 commit comments

Comments
 (0)