Added discussion link. Changed link style a bit.

stroll.html

@@ -73,9 +73,10 @@
       </div>
       <div id="log-area">
         <div id="log">
-          <div>Welcome to Stroll 0.5.3</div>
+          <div>Welcome to Stroll 0.5.4</div>
           <div><b>This game features 18+ content</b></div>
           <div><a href="https://chemicalcrux.org/stroll">Changelog</a></div>
+          <div><a href="https://t.me/joinchat/BSXHzUZmSqc-CXB1khkuYw">Telegram discussion group</a></div>
           <div>It's a nice day for a walk</div>
           <div>&nbsp;</div>
         </div>
@@ -134,9 +135,10 @@
 
 
       <div class="option-container" id="option-panel">
-        <p>Welcome to Stroll 0.5.3</p>
+        <p>Welcome to Stroll 0.5.4</p>
         <p><b>This game features 18+ content</b></p>
-        <a href="https://chemicalcrux.org/stroll">Changelog</a>
+        <p><a href="https://chemicalcrux.org/stroll">Changelog</a></p>
+        <p><a href="https://t.me/joinchat/BSXHzUZmSqc-CXB1khkuYw">Telegram discussion group</a></p>
         <br>
         <div id="custom-species">
         <button class="stat-button" id="button-dark-mode-options">Toggle Dark Mode</button>

style.css

@@ -194,10 +194,42 @@ input.sub[type="checkbox"]:checked ~ .reveal-if-active-2 {
   flex: 1 0 220px;
 }
 
-.has-tooltip {
-    position: relative;
-    display: inline-block;
-    border-bottom: 1px dotted black;
+body.light .has-tooltip {
+  position: relative;
+  display: inline-block;
+  border-bottom: 1px dotted black;
+}
+
+body.dark .has-tooltip {
+  position: relative;
+  display: inline-block;
+  border-bottom: 1px dotted white;
+}
+
+body.light a {
+  color: #0000FF;
+  text-decoration: none;
+}
+
+body.light a:visited {
+  color: #0000AA;
+}
+
+body.light a:hover {
+  color: #0000EE;
+}
+
+body.dark a {
+  color: #0000FF;
+  text-decoration: none;
+}
+
+body.dark a:visited {
+  color: #0000DD;
+}
+
+body.dark a:hover {
+  color: #0000EE;
 }
 
 #grow-panel {