From 9ffd8e4bb0286e083ee02eb8a24ba802996256d9 Mon Sep 17 00:00:00 2001
From: Marc Scholten <marc@digitallyinduced.com>
Date: Tue, 30 Aug 2022 17:27:18 +0200
Subject: [PATCH] Fixed darkmode design of help popover

---
 lib/IHP/static/IDE/ihp-toolserver-layout.css | 44 ++++++++++++++++++++
 1 file changed, 44 insertions(+)

diff --git a/lib/IHP/static/IDE/ihp-toolserver-layout.css b/lib/IHP/static/IDE/ihp-toolserver-layout.css
index edf74c45a..aec5cabd8 100644
--- a/lib/IHP/static/IDE/ihp-toolserver-layout.css
+++ b/lib/IHP/static/IDE/ihp-toolserver-layout.css
@@ -350,4 +350,48 @@ a, a:hover {
 
 .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
     background-color: hsl(175deg 59% 33%);   
+}
+
+.popover {
+    text-align: left;
+    background-color: #0B5163;
+    border: 1px solid hsl(175deg 59% 40% / 33%) !important;
+    border-radius: 4px;
+    font-size: 12px;
+
+    padding-left: 8px;
+    padding-right: 8px;
+    padding-top: 2px;
+    padding-bottom: 2px;
+
+    box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
+}
+
+.popover .popover-header {
+    border-bottom: 0px;
+}
+
+.popover a {
+    color: hsla(196, 13%, 80%, 1);
+    text-decoration: underline;
+}
+
+.popover a.btn {
+    text-decoration: none;
+    background-color: #002B37;
+    border: 1px solid hsla(192, 81%, 26%, 0.8);
+}
+
+.popover a.btn:hover {
+    color: #fff;
+    background-color: hsl(193deg 90% 6%);
+}
+
+.popover a.btn:focus {
+    color: #fff;
+    background-color: hsl(193deg 80% 6%);
+}
+
+.bs-popover-auto[x-placement^=right]>.arrow::after, .bs-popover-right>.arrow::after {
+    border-right-color: #0B5163;
 }
\ No newline at end of file