From d927b5f6316e6dca61ffb77e58dcba41bf2a0708 Mon Sep 17 00:00:00 2001
From: john whately <18461782+GeoDerp@users.noreply.github.com>
Date: Thu, 9 May 2024 05:38:08 +0000
Subject: [PATCH] Adjusted hyperlink Buttons

---
 README.md                     | 25 ++++++++++++----------
 docs/images/EMHASS_button.svg | 40 +++++++++++++++++++++++++++++++++++
 docs/images/Issues_button.svg |  2 +-
 3 files changed, 55 insertions(+), 12 deletions(-)
 create mode 100644 docs/images/EMHASS_button.svg

diff --git a/README.md b/README.md
index 403ba83a..3153c4be 100644
--- a/README.md
+++ b/README.md
@@ -5,43 +5,46 @@
   <strong></strong>
 </div>
 <br>
+
 <p align="center">
-  <a href="https://github.com/davidusb-geek/emhass/releases">
+  <a style="text-decoration:none" href="https://github.com/davidusb-geek/emhass/releases">
     <img alt="GitHub release (latest by date)" src="https://img.shields.io/github/v/release/davidusb-geek/emhass">
   </a>
-  <a href="https://github.com/davidusb-geek/emhass/actions">
+  <a style="text-decoration:none" href="https://github.com/davidusb-geek/emhass/actions">
     <img alt="GitHub Workflow Status" src="https://img.shields.io/github/actions/workflow/status/davidusb-geek/emhass/python-test.yml?branch=master">
   </a>
-  <a href="https://codecov.io/github/davidusb-geek/emhass" >
+  <a hstyle="text-decoration:none" ref="https://codecov.io/github/davidusb-geek/emhass" >
     <img src="https://codecov.io/github/davidusb-geek/emhass/branch/master/graph/badge.svg?token=BW7KSCHN90"/>
   </a>
-  <a href="https://github.com/davidusb-geek/emhass/blob/master/LICENSE">
+  <a style="text-decoration:none" href="https://github.com/davidusb-geek/emhass/blob/master/LICENSE">
     <img alt="GitHub" src="https://img.shields.io/github/license/davidusb-geek/emhass">
   </a>
-  <a href="https://pypi.org/project/emhass/">
+  <a style="text-decoration:none" href="https://pypi.org/project/emhass/">
     <img alt="PyPI - Python Version" src="https://img.shields.io/pypi/pyversions/emhass">
   </a>
-  <a href="https://pypi.org/project/emhass/">
+  <a style="text-decoration:none" href="https://pypi.org/project/emhass/">
     <img alt="PyPI - Status" src="https://img.shields.io/pypi/status/emhass">
   </a>
-  <a href="https://emhass.readthedocs.io/en/latest/">
+  <a style="text-decoration:none" href="https://emhass.readthedocs.io/en/latest/">
     <img alt="Read the Docs" src="https://img.shields.io/readthedocs/emhass">
   </a>
 </p>
+
 <div align="center">
- <a href="https://emhass.readthedocs.io/en/latest/">
+ <a style="text-decoration:none" href="https://emhass.readthedocs.io/en/latest/">
       <img src="https://raw.githubusercontent.com/davidusb-geek/emhass/master/docs/images/Documentation_button.svg" alt="Documentation">
   </a>
-   <a href="https://community.home-assistant.io/t/emhass-an-energy-management-for-home-assistant/338126">
+   <a style="text-decoration:none" href="https://community.home-assistant.io/t/emhass-an-energy-management-for-home-assistant/338126">
       <img src="https://raw.githubusercontent.com/davidusb-geek/emhass/master/docs/images/Community_button.svg" alt="Community">
   </a>
-  <a href="https://github.com/davidusb-geek/emhass/issues">
+  <a style="text-decoration:none" href="https://github.com/davidusb-geek/emhass/issues">
       <img src="https://raw.githubusercontent.com/davidusb-geek/emhass/master/docs/images/Issues_button.svg" alt="Issues">
   </a>
-  <a href="https://github.com/davidusb-geek/emhass-add-on">
+  <a style="text-decoration:none" href="https://github.com/davidusb-geek/emhass-add-on">
      <img src="https://raw.githubusercontent.com/davidusb-geek/emhass/master/docs/images/EMHASS_Add_on_button.svg" alt="EMHASS Add-on">
   </a>
 </div>
+
 <br>
 <p align="center">
 If you like this work please consider buying a coffee ;-) 
diff --git a/docs/images/EMHASS_button.svg b/docs/images/EMHASS_button.svg
new file mode 100644
index 00000000..7813401d
--- /dev/null
+++ b/docs/images/EMHASS_button.svg
@@ -0,0 +1,40 @@
+<svg fill="none"  width="91" height="35" xmlns="http://www.w3.org/2000/svg">
+    <foreignObject width="100%" height="100%">
+       <div xmlns="http://www.w3.org/1999/xhtml">
+          <style>
+             .invert-image{
+             font-size: 15px;
+             padding: 5px 12px;
+             border-radius: 7px;
+             color: #3d3d3d;
+             background-color: #e1e1e1;
+             box-shadow: #3d3d3d 3px 3px;
+             }
+             .invert-image:hover {
+             color: darkblue;
+             background-color: #e1e1e1;
+             }
+             .invert-image:active {
+             background-color: #d7d7db;
+             }
+             
+             @media (prefers-color-scheme: dark) {
+             .invert-image{
+             border-width: 1px;
+             color: #e1e1e1;
+             background-color: #282928;
+             box-shadow: #282928 4px 7px;
+             }
+             .invert-image:hover {
+             color: #ccf3ff;
+             background-color: #3d3d3d;
+             }
+             .invert-image:active {
+             background-color: #111111;
+             }
+             }
+          </style>
+          <button class="invert-image">EMHASS</button>
+       </div>   
+    </foreignObject>
+ </svg>
\ No newline at end of file
diff --git a/docs/images/Issues_button.svg b/docs/images/Issues_button.svg
index e288d3a8..9166a2e6 100644
--- a/docs/images/Issues_button.svg
+++ b/docs/images/Issues_button.svg
@@ -1,4 +1,4 @@
-<svg fill="none"  width="77" height="35" xmlns="http://www.w3.org/2000/svg">
+<svg fill="none"  width="72" height="35" xmlns="http://www.w3.org/2000/svg">
     <foreignObject width="100%" height="100%" >
        <div xmlns="http://www.w3.org/1999/xhtml">
           <style>