update sidebar

.config/quickshell/modules/common/widgets/StyledTextArea.qml

@@ -0,0 +1,10 @@
+import "root:/modules/common"
+import QtQuick
+import QtQuick.Controls
+
+TextArea {
+    renderType: Text.NativeRendering
+    selectedTextColor: Appearance.m3colors.m3onSecondaryContainer
+    selectionColor: Appearance.m3colors.m3secondaryContainer
+    placeholderTextColor: Appearance.m3colors.m3outline
+}

.config/quickshell/modules/sidebarLeft/AiChat.qml

@@ -171,21 +171,6 @@ int main(int argc, char* argv[]) {
                     }
                 }
 
-                add: Transition {
-                    animations: [Appearance.animation.elementMoveEnter.numberAnimation.createObject(this, {
-                        property: "opacity",
-                        from: 0,
-                        to: 1
-                    })]
-                }
-                remove: Transition {
-                    animations: [Appearance.animation.elementMoveEnter.numberAnimation.createObject(this, {
-                        property: "opacity",
-                        from: 1,
-                        to: 0
-                    })]
-                }
-
                 model: ScriptModel {
                     values: Ai.messageIDs.filter(id => {
                         const message = Ai.messageByID[id];
@@ -354,17 +339,13 @@ int main(int argc, char* argv[]) {
                 anchors.topMargin: 5
                 spacing: 0
 
-                TextArea { // The actual TextArea
+                StyledTextArea { // The actual TextArea
                     id: messageInputField
                     wrapMode: TextArea.Wrap
                     Layout.fillWidth: true
                     padding: 10
                     color: activeFocus ? Appearance.m3colors.m3onSurface : Appearance.m3colors.m3onSurfaceVariant
-                    renderType: Text.NativeRendering
-                    selectedTextColor: Appearance.m3colors.m3onSecondaryContainer
-                    selectionColor: Appearance.m3colors.m3secondaryContainer
                     placeholderText: StringUtils.format(qsTr('Message the model... "{0}" for commands'), root.commandPrefix)
-                    placeholderTextColor: Appearance.m3colors.m3outline
 
                     background: null
 

.config/quickshell/modules/sidebarLeft/Anime.qml

@@ -137,7 +137,7 @@ Item {
         Item {
             Layout.fillWidth: true
             Layout.fillHeight: true
-            ListView { // Booru responses
+            StyledListView { // Booru responses
                 id: booruResponseListView
                 anchors.fill: parent
                 spacing: 10
@@ -163,14 +163,6 @@ Item {
                     }
                 }
 
-                add: Transition {
-                    animations: [Appearance.animation.elementMoveEnter.numberAnimation.createObject(this, {
-                        property: "opacity",
-                        from: 0,
-                        to: 1
-                    })]
-                }
-
                 model: ScriptModel {
                     values: {
                         if(root.responses.length > booruResponseListView.lastResponseLength) {
@@ -213,6 +205,7 @@ Item {
                         id: widgetNameText
                         Layout.alignment: Qt.AlignHCenter
                         font.pixelSize: Appearance.font.pixelSize.larger
+                        font.family: Appearance.font.family.title
                         color: Appearance.m3colors.m3outline
                         horizontalAlignment: Text.AlignHCenter
                         text: qsTr("Anime boorus")
@@ -381,17 +374,14 @@ Item {
                 anchors.topMargin: 5
                 spacing: 0
 
-                TextArea { // The actual TextArea
+                StyledTextArea { // The actual TextArea
                     id: tagInputField
                     wrapMode: TextArea.Wrap
                     Layout.fillWidth: true
                     padding: 10
                     color: activeFocus ? Appearance.m3colors.m3onSurface : Appearance.m3colors.m3onSurfaceVariant
                     renderType: Text.NativeRendering
-                    selectedTextColor: Appearance.m3colors.m3onSecondaryContainer
-                    selectionColor: Appearance.m3colors.m3secondaryContainer
                     placeholderText: StringUtils.format(qsTr('Enter tags, or "{0}" for commands'), root.commandPrefix)
-                    placeholderTextColor: Appearance.m3colors.m3outline
 
                     background: null
 

.config/quickshell/modules/sidebarLeft/aiChat/AiMessageControlButton.qml

@@ -17,7 +17,7 @@ GroupButton {
 
     contentItem: MaterialSymbol {
         horizontalAlignment: Text.AlignHCenter
-        font.pixelSize: Appearance.font.pixelSize.large
+        iconSize: Appearance.font.pixelSize.larger
         text: buttonIcon
         color: button.activated ? Appearance.m3colors.m3onPrimary :
             button.enabled ? Appearance.m3colors.m3onSurface :