Add basic styling to keystrokes in command palette
This commit is contained in:
parent
3901d9d544
commit
bde52d5c93
7 changed files with 96 additions and 15 deletions
21
styles/src/styleTree/commandPalette.ts
Normal file
21
styles/src/styleTree/commandPalette.ts
Normal file
|
@ -0,0 +1,21 @@
|
|||
import Theme from "../themes/theme";
|
||||
import { text, backgroundColor, border } from "./components";
|
||||
|
||||
export default function commandPalette(theme: Theme) {
|
||||
return {
|
||||
keystrokeSpacing: 8,
|
||||
key: {
|
||||
text: text(theme, "mono", "secondary", { size: "xs" }),
|
||||
cornerRadius: 3,
|
||||
background: backgroundColor(theme, "info", "base"),
|
||||
border: border(theme, "info"),
|
||||
padding: {
|
||||
left: 3,
|
||||
right: 3,
|
||||
},
|
||||
margin: {
|
||||
left: 3
|
||||
},
|
||||
}
|
||||
}
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue