Style EmployeesTable

TeroStyle/BarButton.qml

@@ -29,7 +29,7 @@ T.ToolButton {
         }
         Label {
             color: parent.color
-            font: Typography.small
+            font: Typography.smaller
             text: control.text
             x: parent.width * .5 - width * .5
         }

TeroStyle/Colors.qml

@@ -12,6 +12,7 @@ QtObject {
     readonly property color primaryContrast: "#fdfdfd"
     readonly property color primaryLighter: Qt.lighter(primary, 1.5)
     readonly property color primaryShade: theme === dark ? primaryLighter : Qt.darker(primary, 1.5)
+    readonly property color primaryHighlight: theme === dark ? Qt.darker(primary, 2- Colors.highlightOpacity) : Qt.lighter(primary, 2- Colors.highlightOpacity)
     readonly property color foreground: theme === dark ? "#fdfdfd" : "#110b0c"
     readonly property color background: theme === dark ? "#303136" : "#eff1f5"
     readonly property color mantle: theme === dark ? "#1E1E23" : "#e7e9ef"

TeroStyle/Typography.qml

@@ -11,7 +11,25 @@ Item {
             letterSpacing: 0,
             kerning: true
         })
+
     readonly property font small: ({
+            family: body.family,
+            pointSize: 14,
+            weight: Font.Medium,
+            letterSpacing: body.letterSpacing,
+            kerning: body.kerning
+    })
+
+
+    readonly property font smallBold: ({
+            family: small.family,
+            pointSize: small.pointSize,
+            weight: Font.Bold,
+            letterSpacing: small.letterSpacing,
+            kerning: small.kerning
+    })
+
+    readonly property font smaller: ({
             family: body.family,
             pointSize: 11,
             weight: Font.DemiBold,