Update search match highlight and occurrence style

This commit is contained in:
Nate Butler 2022-11-09 18:17:00 -05:00
parent 9355d501bc
commit 6b4dd2a5de
2 changed files with 8 additions and 6 deletions

View File

@ -152,10 +152,10 @@ export default function editor(colorScheme: ColorScheme) {
widthEm: 0.16,
cornerRadius: 0.05,
},
documentHighlightReadBackground: colorScheme.ramps
.neutral(0.5)
.alpha(0.2)
.hex(), // TODO: This was blend
/** Highlights matching occurences of what is under the cursor
* as well as matched brackets
*/
documentHighlightReadBackground: withOpacity(foreground(layer, "accent"), 0.1),
documentHighlightWriteBackground: colorScheme.ramps
.neutral(0.5)
.alpha(0.4)

View File

@ -1,5 +1,6 @@
import { ColorScheme } from "../themes/common/colorScheme";
import { background, border, text } from "./components";
import { withOpacity } from "../utils/color";
import { background, border, foreground, text } from "./components";
export default function search(colorScheme: ColorScheme) {
let layer = colorScheme.highest;
@ -26,7 +27,8 @@ export default function search(colorScheme: ColorScheme) {
};
return {
matchBackground: background(layer), // theme.editor.highlight.match,
// TODO: Add an activeMatchBackground on the rust side to differenciate between active and inactive
matchBackground: withOpacity(foreground(layer, "accent"), 0.4),
tabIconSpacing: 8,
tabIconWidth: 14,
optionButton: {