quickshell/modules/Bar/Title.qml

import Quickshell
import Qt5Compat.GraphicalEffects
import Quickshell.Wayland
import Quickshell.Widgets
import QtQuick
import QtQuick.Layouts
import qs
import qs.widgets
import qs.settings

WrapperRectangle {
    id: root
    margin: Settings.config.barmargins
    layer {
        enabled: true
        effect: DropShadow {
            color: "#111111"
            radius: 4
            verticalOffset: 2
            horizontalOffset: 2
            samples: 18
        }
    }
    property var activeWindow: ToplevelManager.activeToplevel
    property bool active: activeWindow ? activeWindow.activated ? true : false : false
    radius: Settings.config.rounding
    color: active ? Colors.base02 : "transparent"
    implicitWidth: titleText.width + 40
    implicitHeight: Settings.config.barHeight - margin * 2
    child: Item {
        RowLayout {
                anchors.centerIn: parent
            CText {
                id: titleText
                Layout.maximumWidth: 250
                text: root.activeWindow ? root.activeWindow.activated ? root.activeWindow.title : "" : ""
                elide: Text.ElideRight   // Allows wrapping
                Layout.alignment: Qt.AlignVCenter | Qt.AlignHCenter
            }
        }
        Layout.alignment: Qt.AlignHCenter
    }
}