overhaul style

modules/applets/WallPicker.qml

@@ -9,6 +9,8 @@ import qs.settings
 Rectangle {
     id: wallPicker
     color: "transparent"
+    radius: Config.cfg.appearance.rounding
+    clip: true
     MouseArea {
         anchors.fill: parent
         acceptedButtons: Qt.AllButtons
@@ -16,7 +18,7 @@ Rectangle {
     Rectangle {
         id: container
         anchors.fill: parent
-        color: Colors.c.base00
+        color: Colors.c.base01
         radius: Config.cfg.appearance.rounding
         GridView {
             id: wallpaperLayout
@@ -24,7 +26,7 @@ Rectangle {
             snapMode: GridView.SnapOneRow
             flow: GridView.FlowTopToBottom
             cellHeight: container.height
-            cellWidth: container.width / 6
+            cellWidth: 300
             anchors.fill: parent
             anchors.centerIn: parent
             anchors.margins: 10
@@ -33,7 +35,7 @@ Rectangle {
                 id: wallTile
                 clip: true
                 required property var modelData
-                radius: Config.cfg.appearance.rounding / 1.5
+                radius: Config.cfg.appearance.rounding - 10
                 color: 'transparent'
                 implicitWidth: wallpaperLayout.cellWidth - 20
                 implicitHeight: wallpaperLayout.cellHeight - 20

modules/bar/Bar.qml

@@ -23,11 +23,13 @@ Variants {
         margins.left: Config.cfg.bar.floating ? 10 : 0
         margins.right: Config.cfg.bar.floating ? 10 : 0
         Rectangle {
-            color: Colors.c.base01
+            color: Colors.c.base00
             radius: Config.cfg.bar.floating ? Config.cfg.appearance.rounding : 0
 	    anchors.fill: parent
 	    implicitHeight: parent.height
 	    anchors.centerIn: parent
+	    border.width: 1
+	    border.color: Colors.c.base03
             RowLayout {
 		anchors.leftMargin: 4
                 anchors.left: parent.left

modules/bar/Ws.qml

@@ -17,12 +17,13 @@ BarComponent {
         spacing: 4
         Repeater {
             model: WindowManager.screenProjection(root.barScreen).windowsets
-            delegate: BarComponent {
+            delegate: Rectangle {
                 id: wsContainer
                 required property var modelData
+		radius: Config.cfg.appearance.rounding
                 implicitWidth: 16
 		implicitHeight: implicitWidth
-                color: modelData.active ? Colors.c.base0D : 'transparent'
+                color: modelData.active ? Colors.accent : 'transparent'
                 MouseArea {
                     id: clickHandler
                     anchors.fill: parent
@@ -34,9 +35,8 @@ BarComponent {
                     id: wsText
                     anchors.centerIn: parent
                     text: parent.modelData.name
-                    color: parent.modelData.shouldDisplay ? parent.modelData.active ? Colors.c.base00 : Colors.c.base0D : Colors.c.base05
-		    opacity: parent.modelData.shouldDisplay ? 1.0 : 0.3
-		    font.bold: true
+                    color: parent.modelData.shouldDisplay ? parent.modelData.active ? Colors.c.base00 : Colors.font : Colors.font
+		    opacity: parent.modelData.shouldDisplay ? 1.0 : 0.2
                 }
             }
         }

modules/overlays/Top.qml

@@ -88,7 +88,6 @@ Variants {
                 height: contentHeight
                 interactive: false
                 visible: count > 0 && Compositor.focusedScreen === root.modelData
-
                 model: NotiServer.notifications
                 spacing: 6
                 delegate: NotiCard {
@@ -106,8 +105,7 @@ Variants {
                 anchors.bottom: parent.bottom
                 anchors.left: parent.left
                 anchors.right: parent.right
-                anchors.margins: 20
-                implicitWidth: 1000
+                anchors.margins: 30
                 implicitHeight: 200
                 Behavior on opacity {
                     NumberAnimation {