Create Styled things and finish notifications module

Common/Styled/BackgroundRectangle.qml

@@ -0,0 +1,10 @@
+import QtQuick
+import qs.Common
+
+Rectangle {
+
+    color: Theme.backgroudColor
+    border.width: 1
+    border.color: Theme.color2
+    radius: 20
+}

Common/Styled/ForegroundRectangle.qml

@@ -0,0 +1,8 @@
+import QtQuick
+import qs.Common
+
+Rectangle {
+
+    color: Theme.backgroudColorBright
+    radius: 20
+}

Common/Styled/StyledText.qml

@@ -0,0 +1,19 @@
+import QtQuick
+import qs.Common
+
+Text {
+    id: clockText
+
+    anchors.margins: 5
+    horizontalAlignment: Text.AlignHCenter
+    verticalAlignment: Text.AlignVCenter
+    wrapMode: Text.WordWrap
+    textFormat: Text.MarkdownText
+    font.bold: true
+    font.pixelSize: Theme.pixelSize
+    font.family: Theme.fontFamily
+    color: Theme.textColor
+    onLinkActivated: link => Qt.openUrlExternally(link)
+
+    text: ""
+}