KDE Plasma 6 24-hr Clock on Lockscreen

LockScreenUi.patch

--- /usr/share/plasma/look-and-feel/org.kde.breeze.desktop/contents/lockscreen/LockScreenUi.qml.original	2024-08-27 03:48:33.088548792 -0400
+++ /usr/share/plasma/look-and-feel/org.kde.breeze.desktop/contents/lockscreen/LockScreenUi.qml	2024-08-27 10:50:45.599963229 -0400
@@ -224,6 +224,13 @@
             anchors.horizontalCenter: parent.horizontalCenter
             y: (mainBlock.userList.y + mainStack.y)/2 - height/2
             Layout.alignment: Qt.AlignBaseline
+            Component.onCompleted: {
+                function updateClockString() {
+                    clock.children[0].text = Qt.formatTime(clock.data[0].data["Local"]["DateTime"], 'hh:mm:ss');
+                }
+                updateClockString();
+                clock.data[0].onDataChanged.connect(updateClockString);
+            }
         }
 
         ListModel {

If you want to change the date format (or add whatever nonsense appeals to you), you can further update the child objects after it's loaded by making the Clock entry around line 220 look like so:

        Clock {                                                                                                                                                                                                       
            id: clock                                                                                                                                                                                                 
            property Item shadow: clockShadow                                                                                                                                                                         
            visible: y > 0 && config.alwaysShowClock                                                                                                                                                                  
            anchors.horizontalCenter: parent.horizontalCenter                                                                                                                                                         
            y: (mainBlock.userList.y + mainStack.y)/2 - height/2                                                                                                                                                      
            Layout.alignment: Qt.AlignBaseline                                                                                                                                                                        
            Component.onCompleted: {                                                                                                                                                                                  
                function updateClockString() {                                                                                                                                                                        
                    // there are two childitems you can play with here                                                                                                                                                
                    clock.children[0].text = Qt.formatTime(clock.data[0].data["Local"]["DateTime"], 'hh:mm');                                                                                                         
                    clock.children[1].text = Qt.formatDate(clock.data[0].data["Local"]["DateTime"], 'ddd yyyy-MM-dd');                                                                                                
                    //clock.children[1].text = "LOL HI GITHUB";                                                                                                                                                       
                }                                                                                                                                                                                                     
                updateClockString();                                                                                                                                                                                  
                clock.data[0].onDataChanged.connect(updateClockString);                                                                                                                                               
            }                                                                                                                                                                                                         
        }                                                                                                                                                                                         

If you want to change the date format (or add whatever nonsense appeals to you), you can further update the child objects after it's loaded by making the Clock entry around line 220 look like so:

        Clock {                                                                                                                                                                                                       
            id: clock                                                                                                                                                                                                 
            property Item shadow: clockShadow                                                                                                                                                                         
            visible: y > 0 && config.alwaysShowClock                                                                                                                                                                  
            anchors.horizontalCenter: parent.horizontalCenter                                                                                                                                                         
            y: (mainBlock.userList.y + mainStack.y)/2 - height/2                                                                                                                                                      
            Layout.alignment: Qt.AlignBaseline                                                                                                                                                                        
            Component.onCompleted: {                                                                                                                                                                                  
                function updateClockString() {                                                                                                                                                                        
                    // there are two childitems you can play with here                                                                                                                                                
                    clock.children[0].text = Qt.formatTime(clock.data[0].data["Local"]["DateTime"], 'hh:mm');                                                                                                         
                    clock.children[1].text = Qt.formatDate(clock.data[0].data["Local"]["DateTime"], 'ddd yyyy-MM-dd');                                                                                                
                    //clock.children[1].text = "LOL HI GITHUB";                                                                                                                                                       
                }                                                                                                                                                                                                     
                updateClockString();                                                                                                                                                                                  
                clock.data[0].onDataChanged.connect(updateClockString);                                                                                                                                               
            }                                                                                                                                                                                                         
        }                                                                                                                                                                                         

hey! Can I also adjust the font size and the font weight? I've been wanting to do this cuz I don't like the default lockscreen style

You almost certainly can but I don't think it'll be here - the child item style is set elsewhere. I don't have my KDE Plasma machine handy to find it :(

I don't get the reason on why kde decided to not let us customize the lockscreen tho