My personal SurfingKeys configuration

surfingkeys.config

settings.smoothScroll = false
settings.hintAlign = "left"
settings.focusFirstCandidate = true

api.cmap('<Ctrl-n>', '<Tab>');
api.cmap('<Ctrl-p>', '<Shift-Tab>');
api.map('J', 'R');
api.map('K', 'E');
api.map('H', 'S');
api.map('L', 'D');

// Catppuccin Theme
api.Hints.style('font-family: JetBrains Mono, sans-serif; font-size: 16px; color: #181825; padding: 4px 4px; background: #FAB387; border: 1; border-color: #181825;')
api.Hints.style('font-family: JetBrains Mono, sans-serif; font-size: 16px; color: #181825; padding: 4px 4px; background: #F9E2AF; border: 1; border-color: #181825;', "text")
api.Visual.style('marks', 'background-color: #94E2D5;');
api.Visual.style('cursor', 'background-color: #A6E3A1;');
settings.theme = `
.sk_theme {
    font-family: Noto Sans, sans-serif;
    font-size: 24px;
    background: #1E1E2E;
    color: #CDD6F4;
}
.sk_theme tbody {
    color: #BAC2DE;
}
.sk_theme input {
    color: #CDD6F4;
}
.sk_theme .url {
    color: #F5E0DC;
}
.sk_theme .annotation {
    color: #A6E3A1;
}
.sk_theme .omnibar_highlight {
    color: #74C7EC;
}
.sk_theme #sk_omnibarSearchResult ul li:nth-child(odd) {
	background: #313244;
}
.sk_theme #sk_omnibarSearchResult ul li.focused {
	background: #B4BEFE;
}
`;