fixed #332

CHANGELOG.md

@@ -1,6 +1,9 @@
 # Changelog
 All notable changes to this project will be documented in this file.
 
+# [15.1.5] - 2023-08-29
+### fixed dark theme - [#332](https://github.com/windkh/node-red-contrib-telegrambot/issues/332) 
+
 # [15.1.4] - 2023-06-20
 ### control node can execute commands - [#315](https://github.com/windkh/node-red-contrib-telegrambot/issues/315) 
 

package.json

@@ -1,6 +1,6 @@
 {
     "name": "node-red-contrib-telegrambot",
-    "version": "15.1.4",
+    "version": "15.1.5",
     "description": "Telegram bot nodes for Node-RED",
     "dependencies": {
         "bluebird": "^3.7.2",

telegrambot/99-telegrambot.html

@@ -132,7 +132,7 @@
 
         <hr align="middle"/>
 
-        <div class="form-row hidden" id="polling" style="background: #fbfbfb">
+        <div class="form-row hidden" id="polling" style="background: var(--red-ui-tertiary-background)">
             <label style="width: auto"><i class="fa fa-cogs"></i> Polling Options:</label> 
 
             <div class="form-row" style="margin-left: 20px">
@@ -144,7 +144,7 @@
             <div class="form-tips" style="width: auto"><b>Tip:</b> Polling mode is very robust and easy to set up. Nevertheless it creates more traffic on the network over time.</div>
         </div>
 
-        <div class="form-row hidden" id="webhook" style="background: #fbfbfb">
+        <div class="form-row hidden" id="webhook" style="background: var(--red-ui-tertiary-background)">
             <label style="width: auto"><i class="fa fa-cogs"></i> Webhook Options:</label>
 
             <div class="form-row" style="margin-left: 20px">
@@ -192,7 +192,7 @@
             <label for="node-config-input-usesocks"><i class="fa fa-lock"></i> SOCKS Proxy</label>
             <input type="checkbox" id="node-config-input-usesocks" style="display: inline-block; width: auto; vertical-align: top;">
         </div>
-        <div class="form-row hidden" id="socks" style="background: #fbfbfb">
+        <div class="form-row hidden" id="socks" style="background: var(--red-ui-tertiary-background)">
             <label style="width: auto"><i class="fa fa-cogs"></i> SOCKS Proxy Options:</label>
 
             <div class="form-row" style="background: #fff; margin-left: 20px">     
@@ -427,7 +427,7 @@ <h3>Details</h3>
         <input type="checkbox" id="node-input-registercommand" style="display: inline-block; width: auto; vertical-align: top;">
     </div>
 
-    <div class="form-row hidden" id="registration" style="background: #fbfbfb">
+    <div class="form-row hidden" id="registration" style="background: var(--red-ui-tertiary-background)">
         <div class="form-row">
             <label for="node-input-description"><i class="fa fa-info"></i> Description</label>
             <input type="text" id="node-input-description" placeholder="Description">
@@ -465,7 +465,7 @@ <h3>Details</h3>
         <input type="checkbox" id="node-input-useregex" style="display: inline-block; width: auto; vertical-align: top;"> allows usage of regular expressions
     </div>
 
-    <div class="form-row hidden" id="regex" style="background: #fbfbfb">
+    <div class="form-row hidden" id="regex" style="background: var(--red-ui-tertiary-background)">
         <label style="width: auto"><i class="fa fa-asterisk"></i> RegEx Options:</label>
 
         <div class="form-row" style="background: #fff; margin-left: 20px">   
@@ -780,7 +780,7 @@ <h3>Details</h3>
         <input type="checkbox" id="node-input-checkconnection" style="display: inline-block; width: auto; vertical-align: top;">
     </div>
 
-    <div class="form-row hidden" id="checkconnectionoptions" style="background: #fbfbfb">
+    <div class="form-row hidden" id="checkconnectionoptions" style="background: var(--red-ui-tertiary-background)">
         <label style="width: auto"><i class="fa fa-cogs"></i> Check Connection Options:</label>
 
         <div class="form-row" style="margin-left: 20px">