diff --git a/styles/simple.css b/styles/simple.css
index f89358d3..931fb9de 100644
--- a/styles/simple.css
+++ b/styles/simple.css
@@ -92,6 +92,8 @@
   --background-custom-button-hover: linear-gradient(to bottom, rgb(128, 0, 0) 5%, rgb(62, 1, 1) 100%);
   --background-control-selected: linear-gradient(to bottom, hsla(0, 100%, 25%, 0.5) 5%, hsla(0, 100%, 12%, 0.5) 100%);
   --background-tooltip: hsla(60, 12%, 85%, 0.95);
+  --color-tooltip:hsla(282, 47%, 33%, 0.9);
+  --color-tooltip-faint:hsla(282, 47%, 66%, 0.5);
   --background-error:hsla(16, 100%, 50%, 0.8);
   --color-profile-border: hsla(0, 0%, 80%, 0.05);
 }
@@ -1943,7 +1945,7 @@ div.calendar-timestamp-edit select.calendar-signe-heure {
   padding: 3px;
 }
 
-aside#tooltip{
+aside#tooltip {
   background: var(--background-tooltip);
   color: var(--color-text-dark-primary);
   font-size: 1rem;
@@ -1951,6 +1953,15 @@ aside#tooltip{
   padding: 0.4rem;
 }
 
+aside#tooltip span.reference {
+  color: var(--color-tooltip);
+  border: 1px solid var(--color-tooltip-faint);
+}
+
+aside#tooltip .toolclip p.faint {
+  color: var(--color-tooltip-faint);
+}
+
 .tooltip :is(.ttt-xp,.ttt-levelup) {
   width: 250px;
   background: var(--background-tooltip) !important;