cheatsheet

.config/quickshell/modules/common/Appearance.qml

@@ -108,8 +108,8 @@ Singleton {
         property color colSubtext: m3colors.m3outline
         property color colLayer0: m3colors.m3background
         property color colOnLayer0: m3colors.m3onBackground
-        property color colLayer0Hover: mix(colLayer0, colOnLayer0, 0.85)
-        property color colLayer0Active: m3colors.m3surfaceContainerHigh
+        property color colLayer0Hover: mix(colLayer0, colOnLayer0, 0.9)
+        property color colLayer0Active: mix(colLayer0, colOnLayer0, 0.8)
         property color colLayer1: m3colors.m3surfaceContainerLow;
         property color colOnLayer1: m3colors.m3onSurfaceVariant;
         property color colOnLayer1Inactive: mix(colOnLayer1, colLayer1, 0.45);
@@ -155,7 +155,7 @@ Singleton {
     font: QtObject {
         property QtObject family: QtObject {
             property string main: "Rubik"
-            property string title: "Rubik"
+            property string title: "Gabarito"
             property string iconMaterial: "Material Symbols Rounded"
             property string iconNerd: "SpaceMono NF"
             property string monospace: "JetBrains Mono NF"

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

@@ -0,0 +1,42 @@
+import "root:/modules/common"
+import QtQuick
+import QtQuick.Controls
+import QtQuick.Layouts
+import Quickshell
+import Quickshell.Io
+
+Rectangle {
+    id: root
+    property string key
+
+    property real horizontalPadding: 7
+    property real verticalPadding: 2
+    property real borderWidth: 1
+    property real bottomBorderWidth: 3
+    property color borderColor: Appearance.colors.colOnLayer0
+    property real borderRadius: 5
+    property color keyColor: Appearance.m3colors.m3surfaceContainerLow
+    implicitWidth: keyFace.implicitWidth + borderWidth * 2
+    implicitHeight: keyFace.implicitHeight + borderWidth * 2 + bottomBorderWidth
+    radius: borderRadius
+    color: borderColor
+
+    Rectangle {
+        id: keyFace
+        anchors.horizontalCenter: parent.horizontalCenter
+        anchors.top: parent.top
+        anchors.topMargin: borderWidth
+        implicitWidth: keyText.implicitWidth + horizontalPadding * 2
+        implicitHeight: keyText.implicitHeight + verticalPadding * 2
+        color: keyColor
+        radius: borderRadius - borderWidth
+
+        StyledText {
+            id: keyText
+            anchors.centerIn: parent
+            font.family: Appearance.font.family.monospace
+            font.pixelSize: Appearance.font.pixelSize.smaller
+            text: key
+        }
+    }
+}