Update some contact panel styling

This commit is contained in:
Nate Butler 2022-07-19 17:11:26 -04:00
parent 46384e71b7
commit 9beeef6385

View file

@ -72,11 +72,11 @@ export default function contactsPanel(theme: Theme) {
addContactButton: { addContactButton: {
margin: { left: 6, right: 12 }, margin: { left: 6, right: 12 },
color: iconColor(theme, "primary"), color: iconColor(theme, "primary"),
buttonWidth: 8, buttonWidth: 16,
iconWidth: 8, iconWidth: 16,
}, },
privateButton: { privateButton: {
iconWidth: 8, iconWidth: 12,
color: iconColor(theme, "primary"), color: iconColor(theme, "primary"),
cornerRadius: 5, cornerRadius: 5,
buttonWidth: 12, buttonWidth: 12,
@ -128,7 +128,7 @@ export default function contactsPanel(theme: Theme) {
contactButton: { contactButton: {
...contactButton, ...contactButton,
hover: { hover: {
background: backgroundColor(theme, 100, "hovered"), background: backgroundColor(theme, "on300", "hovered"),
}, },
}, },
disabledButton: { disabledButton: {
@ -156,9 +156,9 @@ export default function contactsPanel(theme: Theme) {
right: sidePadding, right: sidePadding,
}, },
border: { top: true, width: 1, color: borderColor(theme, "primary") }, border: { top: true, width: 1, color: borderColor(theme, "primary") },
text: text(theme, "sans", "primary", { size: "sm" }), text: text(theme, "sans", "secondary", { size: "sm" }),
hover: { hover: {
text: text(theme, "sans", "primary", { size: "sm", underline: true }), text: text(theme, "sans", "active", { size: "sm" }),
}, },
}, },
}; };