Style out of date message

This commit is contained in:
Nate Butler 2022-04-29 01:06:44 -04:00
parent a352f8bad4
commit 70a7bd2747
9 changed files with 122 additions and 28 deletions

View file

@ -346,7 +346,7 @@
}, },
"titlebar": { "titlebar": {
"avatar_width": 18, "avatar_width": 18,
"height": 32, "height": 33,
"background": "#26232a", "background": "#26232a",
"padding": { "padding": {
"left": 80 "left": 80
@ -370,7 +370,8 @@
"border": { "border": {
"color": "#19171c", "color": "#19171c",
"width": 1, "width": 1,
"bottom": true "bottom": true,
"overlay": true
}, },
"sign_in_prompt": { "sign_in_prompt": {
"border": { "border": {
@ -425,7 +426,17 @@
"outdated_warning": { "outdated_warning": {
"family": "Zed Sans", "family": "Zed Sans",
"color": "#a06e3b", "color": "#a06e3b",
"size": 13, "size": 12,
"background": "#a06e3b26",
"border": {
"color": "#a06e3b26",
"width": 1
},
"padding": {
"left": 6,
"right": 6
},
"corner_radius": 6,
"margin": { "margin": {
"right": 6 "right": 6
} }

View file

@ -346,7 +346,7 @@
}, },
"titlebar": { "titlebar": {
"avatar_width": 18, "avatar_width": 18,
"height": 32, "height": 33,
"background": "#e2dfe7", "background": "#e2dfe7",
"padding": { "padding": {
"left": 80 "left": 80
@ -370,7 +370,8 @@
"border": { "border": {
"color": "#efecf4", "color": "#efecf4",
"width": 1, "width": 1,
"bottom": true "bottom": true,
"overlay": true
}, },
"sign_in_prompt": { "sign_in_prompt": {
"border": { "border": {
@ -425,7 +426,17 @@
"outdated_warning": { "outdated_warning": {
"family": "Zed Sans", "family": "Zed Sans",
"color": "#a06e3b", "color": "#a06e3b",
"size": 13, "size": 12,
"background": "#a06e3b26",
"border": {
"color": "#a06e3b26",
"width": 1
},
"padding": {
"left": 6,
"right": 6
},
"corner_radius": 6,
"margin": { "margin": {
"right": 6 "right": 6
} }

View file

@ -346,7 +346,7 @@
}, },
"titlebar": { "titlebar": {
"avatar_width": 18, "avatar_width": 18,
"height": 32, "height": 33,
"background": "#2b2b2b", "background": "#2b2b2b",
"padding": { "padding": {
"left": 80 "left": 80
@ -370,7 +370,8 @@
"border": { "border": {
"color": "#070707", "color": "#070707",
"width": 1, "width": 1,
"bottom": true "bottom": true,
"overlay": true
}, },
"sign_in_prompt": { "sign_in_prompt": {
"border": { "border": {
@ -425,7 +426,17 @@
"outdated_warning": { "outdated_warning": {
"family": "Zed Sans", "family": "Zed Sans",
"color": "#f7bb57", "color": "#f7bb57",
"size": 13, "size": 12,
"background": "#f6a72426",
"border": {
"color": "#f6a72426",
"width": 1
},
"padding": {
"left": 6,
"right": 6
},
"corner_radius": 6,
"margin": { "margin": {
"right": 6 "right": 6
} }

View file

@ -346,7 +346,7 @@
}, },
"titlebar": { "titlebar": {
"avatar_width": 18, "avatar_width": 18,
"height": 32, "height": 33,
"background": "#eaeaea", "background": "#eaeaea",
"padding": { "padding": {
"left": 80 "left": 80
@ -370,7 +370,8 @@
"border": { "border": {
"color": "#d5d5d5", "color": "#d5d5d5",
"width": 1, "width": 1,
"bottom": true "bottom": true,
"overlay": true
}, },
"sign_in_prompt": { "sign_in_prompt": {
"border": { "border": {
@ -425,7 +426,17 @@
"outdated_warning": { "outdated_warning": {
"family": "Zed Sans", "family": "Zed Sans",
"color": "#d3a20b", "color": "#d3a20b",
"size": 13, "size": 12,
"background": "#f6a72426",
"border": {
"color": "#f6a72426",
"width": 1
},
"padding": {
"left": 6,
"right": 6
},
"corner_radius": 6,
"margin": { "margin": {
"right": 6 "right": 6
} }

View file

@ -346,7 +346,7 @@
}, },
"titlebar": { "titlebar": {
"avatar_width": 18, "avatar_width": 18,
"height": 32, "height": 33,
"background": "#073642", "background": "#073642",
"padding": { "padding": {
"left": 80 "left": 80
@ -370,7 +370,8 @@
"border": { "border": {
"color": "#002b36", "color": "#002b36",
"width": 1, "width": 1,
"bottom": true "bottom": true,
"overlay": true
}, },
"sign_in_prompt": { "sign_in_prompt": {
"border": { "border": {
@ -425,7 +426,17 @@
"outdated_warning": { "outdated_warning": {
"family": "Zed Sans", "family": "Zed Sans",
"color": "#b58900", "color": "#b58900",
"size": 13, "size": 12,
"background": "#b5890026",
"border": {
"color": "#b5890026",
"width": 1
},
"padding": {
"left": 6,
"right": 6
},
"corner_radius": 6,
"margin": { "margin": {
"right": 6 "right": 6
} }

View file

@ -346,7 +346,7 @@
}, },
"titlebar": { "titlebar": {
"avatar_width": 18, "avatar_width": 18,
"height": 32, "height": 33,
"background": "#eee8d5", "background": "#eee8d5",
"padding": { "padding": {
"left": 80 "left": 80
@ -370,7 +370,8 @@
"border": { "border": {
"color": "#fdf6e3", "color": "#fdf6e3",
"width": 1, "width": 1,
"bottom": true "bottom": true,
"overlay": true
}, },
"sign_in_prompt": { "sign_in_prompt": {
"border": { "border": {
@ -425,7 +426,17 @@
"outdated_warning": { "outdated_warning": {
"family": "Zed Sans", "family": "Zed Sans",
"color": "#b58900", "color": "#b58900",
"size": 13, "size": 12,
"background": "#b5890026",
"border": {
"color": "#b5890026",
"width": 1
},
"padding": {
"left": 6,
"right": 6
},
"corner_radius": 6,
"margin": { "margin": {
"right": 6 "right": 6
} }

View file

@ -346,7 +346,7 @@
}, },
"titlebar": { "titlebar": {
"avatar_width": 18, "avatar_width": 18,
"height": 32, "height": 33,
"background": "#293256", "background": "#293256",
"padding": { "padding": {
"left": 80 "left": 80
@ -370,7 +370,8 @@
"border": { "border": {
"color": "#202746", "color": "#202746",
"width": 1, "width": 1,
"bottom": true "bottom": true,
"overlay": true
}, },
"sign_in_prompt": { "sign_in_prompt": {
"border": { "border": {
@ -425,7 +426,17 @@
"outdated_warning": { "outdated_warning": {
"family": "Zed Sans", "family": "Zed Sans",
"color": "#c08b30", "color": "#c08b30",
"size": 13, "size": 12,
"background": "#c08b3026",
"border": {
"color": "#c08b3026",
"width": 1
},
"padding": {
"left": 6,
"right": 6
},
"corner_radius": 6,
"margin": { "margin": {
"right": 6 "right": 6
} }

View file

@ -346,7 +346,7 @@
}, },
"titlebar": { "titlebar": {
"avatar_width": 18, "avatar_width": 18,
"height": 32, "height": 33,
"background": "#dfe2f1", "background": "#dfe2f1",
"padding": { "padding": {
"left": 80 "left": 80
@ -370,7 +370,8 @@
"border": { "border": {
"color": "#f5f7ff", "color": "#f5f7ff",
"width": 1, "width": 1,
"bottom": true "bottom": true,
"overlay": true
}, },
"sign_in_prompt": { "sign_in_prompt": {
"border": { "border": {
@ -425,7 +426,17 @@
"outdated_warning": { "outdated_warning": {
"family": "Zed Sans", "family": "Zed Sans",
"color": "#c08b30", "color": "#c08b30",
"size": 13, "size": 12,
"background": "#c08b3026",
"border": {
"color": "#c08b3026",
"width": 1
},
"padding": {
"left": 6,
"right": 6
},
"corner_radius": 6,
"margin": { "margin": {
"right": 6 "right": 6
} }

View file

@ -61,7 +61,7 @@ export default function workspace(theme: Theme) {
statusBar: statusBar(theme), statusBar: statusBar(theme),
titlebar: { titlebar: {
avatarWidth: 18, avatarWidth: 18,
height: 32, height: 33,
background: backgroundColor(theme, 100), background: backgroundColor(theme, 100),
padding: { padding: {
left: 80, left: 80,
@ -80,7 +80,7 @@ export default function workspace(theme: Theme) {
// TODO: The background for this ideally should be // TODO: The background for this ideally should be
// set with a token, not hardcoded in rust // set with a token, not hardcoded in rust
}, },
border: border(theme, "primary", { bottom: true }), border: border(theme, "primary", { bottom: true, overlay: true }),
signInPrompt: { signInPrompt: {
border: border(theme, "primary"), border: border(theme, "primary"),
cornerRadius: 6, cornerRadius: 6,
@ -120,8 +120,14 @@ export default function workspace(theme: Theme) {
} }
}, },
outdatedWarning: { outdatedWarning: {
...text(theme, "sans", "warning"), ...text(theme, "sans", "warning", { size: "xs" }),
size: 13, background: backgroundColor(theme, "warning"),
border: border(theme, "warning"),
padding: {
left: 6,
right: 6,
},
cornerRadius: 6,
margin: { right: 6 } margin: { right: 6 }
}, },
}, },