Make code actions/autocomplete match contextMenu style

This commit is contained in:
Nate Butler 2022-10-10 17:35:12 -04:00
parent fc770c6ea5
commit a87d9d3578

View file

@ -1,7 +1,6 @@
import { fontWeights } from "../common"; import { fontWeights } from "../common";
import { import {
ColorScheme, ColorScheme,
Elevation,
Layer, Layer,
StyleSets, StyleSets,
} from "../themes/common/colorScheme"; } from "../themes/common/colorScheme";
@ -173,23 +172,23 @@ export default function editor(colorScheme: ColorScheme) {
colorScheme.players[7], colorScheme.players[7],
], ],
autocomplete: { autocomplete: {
background: background(elevation.above.top), background: background(elevation.bottom),
cornerRadius: 8, cornerRadius: 8,
padding: 4, padding: 4,
margin: { margin: {
left: -14, left: -14,
}, },
border: border(elevation.above.top), border: border(elevation.bottom),
shadow: elevation.above.shadow, shadow: elevation.above.shadow,
matchHighlight: elevation.above.ramps.blue(0.5).hex(), matchHighlight: elevation.above.ramps.blue(0.5).hex(),
item: autocompleteItem, item: autocompleteItem,
hoveredItem: { hoveredItem: {
...autocompleteItem, ...autocompleteItem,
background: background(elevation.above.top, "hovered"), background: background(elevation.bottom, "hovered"),
}, },
selectedItem: { selectedItem: {
...autocompleteItem, ...autocompleteItem,
background: withOpacity(background(elevation.above.top, "active"), 0.2), background: background(elevation.bottom, "active"),
}, },
}, },
diagnosticHeader: { diagnosticHeader: {