update

private_dot_config/quickshell/shell.qml

@@ -166,6 +166,43 @@ Variants {
 
             spacing: 5
 
+            InfoBox {
+                InfoText {
+                    text: "vpn"
+                    font.pixelSize: 10
+                }
+            }
+
+            InfoBox {
+                InfoText {
+                    text: "on"
+                    font.pixelSize: 10
+                    color: "green"
+                }
+
+                MouseArea {
+                    anchors.fill: parent
+                    onClicked: Quickshell.execDetached(["kitty", "-e", "vpn_on"])
+                    cursorShape: Qt.PointingHandCursor
+                }
+            }
+
+            InfoBox {
+                InfoText {
+                    text: "off"
+                    font.pixelSize: 10
+                    color: "brown"
+                }
+
+                MouseArea {
+                    anchors.fill: parent
+                    onClicked: Quickshell.execDetached(["kitty", "-e", "vpn_off"])
+                    cursorShape: Qt.PointingHandCursor
+                }
+            }
+
+            Separator {}
+
             Repeater {
                 model: Qt.formatDateTime(clock.date, "hh:mm").split(":")
                 InfoBox {
@@ -176,11 +213,12 @@ Variants {
             }
 
             InfoBox {
+                color: "black"
                 InfoText {
                     property var ss: Qt.formatDateTime(clock.date, "ss")
 
                     text: ss
-                    font.bold: false
+                    color: "white"
                 }
             }
         }