Cool pill lookin thing idk

Components/Pill/Default.qml

@@ -0,0 +1,16 @@
+import Quickshell
+import Quickshell.Hyprland
+import QtQuick
+import QtQuick.Controls
+import "../Color.js" as Colors
+import "../"
+
+Item {
+	Text {
+		font.family: "FiraMono Nerd Font"
+		anchors.centerIn: parent
+		font.pixelSize: 15
+		color: Colors.text
+		text: Clock.time
+	}
+}

Components/Pill/Expanded.qml

@@ -0,0 +1,29 @@
+import Quickshell
+import Quickshell.Hyprland
+import QtQuick
+import QtQuick.Layouts
+import "../Color.js" as Colors
+import "../"
+
+Item {
+	anchors.fill: parent
+
+	Column {
+		spacing: 5
+		anchors.centerIn: parent
+
+		Text {
+			font.family: "FiraMono Nerd Font"
+			font.pixelSize: 40
+			color: Colors.text
+			anchors.horizontalCenter: parent.horizontalCenter
+			text: Clock.time
+		}
+			Text {
+				font.family: "FiraMono Nerd Font"
+				color: Colors.subtext0
+				anchors.horizontalCenter: parent.horizontalCenter
+				text: Clock.day
+			}
+	}
+}