mirrors/zed
1
0
Fork 0
mirror of https://github.com/zed-industries/zed.git synced 2025-01-11 21:13:02 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 8

Format

Browse source
This commit is contained in:
Nate Butler 2023-03-13 12:59:23 -04:00
parent 6fd4e28813
commit 7df2440757
3 changed files with 36 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
styles/src/styleTree/statusBar.ts
View file

@ -29,8 +29,8 @@ export default function statusBar(colorScheme: ColorScheme) {
padding: { left: 6, right: 6 },
...text(layer, "sans", "variant"),
hover: {
...text(layer, "sans", "on")
}
...text(layer, "sans", "on"),
},
},
autoUpdateProgressMessage: text(layer, "sans", "variant"),
autoUpdateDoneMessage: text(layer, "sans", "variant"),

49
styles/src/styleTree/welcome.ts
View file

@ -1,11 +1,15 @@
import { ColorScheme } from "../themes/common/colorScheme";
import { withOpacity } from "../utils/color";
import { border, background, foreground, text, TextProperties } from "./components";
import { ColorScheme } from "../themes/common/colorScheme"
import { withOpacity } from "../utils/color"
import {
border,
background,
foreground,
text,
TextProperties,
} from "./components"
export default function welcome(colorScheme: ColorScheme) {
let layer = colorScheme.highest;
let layer = colorScheme.highest
let checkboxBase = {
cornerRadius: 4,
@ -20,9 +24,9 @@ export default function welcome(colorScheme: ColorScheme) {
margin: {
right: 8,
top: 5,
bottom: 5
bottom: 5,
},
};
}
let interactive_text_size: TextProperties = { size: "sm" }
@ -34,7 +38,7 @@ export default function welcome(colorScheme: ColorScheme) {
dimensions: {
width: 64,
height: 64,
}
},
},
logoSubheading: {
...text(layer, "sans", "variant", { size: "md" }),
@ -46,13 +50,13 @@ export default function welcome(colorScheme: ColorScheme) {
buttonGroup: {
margin: {
top: 8,
bottom: 16
bottom: 16,
},
},
headingGroup: {
margin: {
top: 8,
bottom: 12
bottom: 12,
},
},
checkboxGroup: {
@ -62,7 +66,7 @@ export default function welcome(colorScheme: ColorScheme) {
padding: {
left: 12,
top: 2,
bottom: 2
bottom: 2,
},
},
button: {
@ -71,7 +75,7 @@ export default function welcome(colorScheme: ColorScheme) {
cornerRadius: 4,
margin: {
top: 4,
bottom: 4
bottom: 4,
},
padding: {
top: 3,
@ -90,8 +94,7 @@ export default function welcome(colorScheme: ColorScheme) {
...text(layer, "sans", "variant", { size: "2xs" }),
padding: {
top: -4,
}
},
},
checkboxContainer: {
margin: {
@ -99,7 +102,7 @@ export default function welcome(colorScheme: ColorScheme) {
},
padding: {
bottom: 8,
}
},
},
checkbox: {
label: {
@ -112,28 +115,28 @@ export default function welcome(colorScheme: ColorScheme) {
dimensions: {
width: 12,
height: 12,
}
},
},
default: {
...checkboxBase,
background: background(layer, "default"),
border: border(layer, "active")
border: border(layer, "active"),
},
checked: {
...checkboxBase,
background: background(layer, "hovered"),
border: border(layer, "active")
border: border(layer, "active"),
},
hovered: {
...checkboxBase,
background: background(layer, "hovered"),
border: border(layer, "active")
border: border(layer, "active"),
},
hoveredAndChecked: {
...checkboxBase,
background: background(layer, "hovered"),
border: border(layer, "active")
}
}
border: border(layer, "active"),
},
},
}
}

11
styles/src/styleTree/workspace.ts
View file

@ -55,7 +55,12 @@ export default function workspace(colorScheme: ColorScheme) {
},
},
logoShadow: {
color: withOpacity(colorScheme.isLight ? "#FFFFFF" : colorScheme.lowest.base.default.background, colorScheme.isLight ? 1 : 0.6),
color: withOpacity(
colorScheme.isLight
? "#FFFFFF"
: colorScheme.lowest.base.default.background,
colorScheme.isLight ? 1 : 0.6
),
icon: "icons/logo_96.svg",
dimensions: {
width: 256,
@ -74,12 +79,12 @@ export default function workspace(colorScheme: ColorScheme) {
top: 3,
left: 8,
right: 8,
bottom: 3
bottom: 3,
},
cornerRadius: 8,
hover: {
...text(layer, "sans", "active", { size: "sm" }),
}
},
},
keyboardHintWidth: 320,
},