Adjust styling for blank page experience

This commit is contained in:
Mikayla Maki 2023-03-08 19:02:13 -08:00
parent 709c101834
commit 325827699e

View File

@ -40,34 +40,40 @@ export default function workspace(colorScheme: ColorScheme) {
const followerAvatarOuterWidth = followerAvatarWidth + 4 const followerAvatarOuterWidth = followerAvatarWidth + 4
return { return {
background: background(layer), background: background(colorScheme.lowest),
blankPane: { blankPane: {
logo: { logo: {
color: background(layer, "on"), color: border(layer, "active").color,
icon: "icons/logo_96.svg", icon: "icons/logo_96.svg",
dimensions: { dimensions: {
width: 256, width: 272,
height: 256, height: 272,
} }
}, },
keyboardHints: { keyboardHints: {
margin: { margin: {
top: 32 top: 32,
// bottom: -8.
}, },
padding: { padding: {
bottom: -8. top: 8,
} left: 8,
right: 8,
},
background: background(colorScheme.lowest),
border: border(layer, "active"),
cornerRadius: 4,
}, },
keyboardHint: { keyboardHint: {
...text(colorScheme.lowest, "sans", "variant", { size: "sm" }), ...text(layer, "sans", "variant", { size: "sm" }),
margin: { margin: {
bottom: 8 bottom: 8
}, },
hover: { hover: {
...text(colorScheme.lowest, "sans", "hovered", { size: "sm" }), ...text(layer, "sans", "hovered", { size: "sm" }),
} }
}, },
keyboardHintWidth: 256, keyboardHintWidth: 272,
}, },
joiningProjectAvatar: { joiningProjectAvatar: {
cornerRadius: 40, cornerRadius: 40,