nodered button dark style. back to parent link for smarthome pages.

input/projects/smarthome/influxdb.md

@@ -7,6 +7,8 @@ update: 2022-05-21
 comments: true
 ---
 
+<!--% backToParent() %-->
+
 Besides the sensor inputs and actor outputs, which are handled by [my ESP-Env firmware](/espenv.html), a complete Smarthome setup also needs some software running on a central server.
 This usually consists of a message broker, like [MQTT](https://mqtt.org/).
 Some kind of database, preferably for time series data, like [InfluxDB](https://www.influxdata.com/products/influxdb-overview/).

input/projects/smarthome/nodered.md

@@ -7,6 +7,8 @@ update: 2022-05-23
 comments: true
 ---
 
+<!--% backToParent() %-->
+
 [Node-RED](https://nodered.org/) is a great tool for visually creating workflows based on events.
 I use it in conjunction with my [ESP-Env sensor and actor hardware](espenv.html) and MQTT to automate my *smart* home.
 
@@ -28,7 +30,7 @@ lightgallery([
 %-->
 
 And here are the flows for importing in Node-RED.
-<button type="button" onclick="copyEvent('jsonlights')" style="font-size: 1em; margin-left: 1em;">Copy to clipboard</button>
+<button type="button" onclick="copyEvent('jsonlights')" class="clip-btn">Copy to clipboard</button>
 
 <!-- https://clay-atlas.com/us/blog/2021/06/30/html-en-copy-text-button/ -->
 <script>

static/css/style.css

@@ -245,6 +245,11 @@ table, th, td, pre, .border, .releasecard, #index-avatar {
     color: #808080;
 }
 
+.clip-btn {
+    font-size: 1em;
+    margin-left: 1em;
+}
+
 /* dark mode */
 @media (prefers-color-scheme: dark) {
     body, #nav {
@@ -279,6 +284,11 @@ table, th, td, pre, .border, .releasecard, #index-avatar {
         background-color: #000000;
     }
 
+    .clip-btn {
+        background-color: #232323;
+        color: #FFFFFF;
+    }
+
     .commento-profile-button {
         fill: #FFFFFF;
     }