[VSCode] UI Bug in Visual Studio Code

[menjilx]

Hi,
There are some minor UI bugs when viewing the VSCODE with "Powerlevel9K" & "zsh" integration.

Here's the screenshot

And here's the comparison when viewing it in the "iTerm"

The arrow UI is perfectly align-center.

Thanks

[onaforeignshore]

If you look at the output in VSCODE, you will notice that all the icons are higher in the line, not just the arrow. Have you looked at this?

[onaforeignshore]

POWERLEVEL9K_DIR_DEFAULT_ is for the default state. There are also other states. These are my settings, but it shows you all the variables for the dir segment.

POWERLEVEL9K_DIR_DEFAULT_BACKGROUND="27"
POWERLEVEL9K_DIR_DEFAULT_FOREGROUND="252"
POWERLEVEL9K_DIR_DEFAULT_ICON="\uF115"
POWERLEVEL9K_DIR_DEFAULT_ICON_COLOR="255"
#POWERLEVEL9K_DIR_DEFAULT_BOLD=true

POWERLEVEL9K_DIR_HOME_BACKGROUND="27"
POWERLEVEL9K_DIR_HOME_FOREGROUND="252"
POWERLEVEL9K_DIR_HOME_ICON="\uF46D"
POWERLEVEL9K_DIR_HOME_ICON_COLOR="255"
#POWERLEVEL9K_DIR_HOME_BOLD=true

POWERLEVEL9K_DIR_HOME_SUBFOLDER_BACKGROUND="27"
POWERLEVEL9K_DIR_HOME_SUBFOLDER_FOREGROUND="252"
POWERLEVEL9K_DIR_HOME_SUBFOLDER_ICON="\uF114"
POWERLEVEL9K_DIR_HOME_SUBFOLDER_ICON_COLOR="255"
#POWERLEVEL9K_DIR_HOME_SUBFOLDER_BOLD=true

POWERLEVEL9K_DIR_NOT_WRITABLE_BACKGROUND="124"
POWERLEVEL9K_DIR_NOT_WRITABLE_FOREGROUND="252"
#POWERLEVEL9K_DIR_NOT_WRITABLE_ICON=""
POWERLEVEL9K_DIR_NOT_WRITABLE_ICON_COLOR="255"
#POWERLEVEL9K_DIR_NOT_WRITABLE_BOLD=true

POWERLEVEL9K_DIR_ETC_BACKGROUND="55"
POWERLEVEL9K_DIR_ETC_FOREGROUND="252"
#POWERLEVEL9K_DIR_ETC_ICON=""
POWERLEVEL9K_DIR_ETC_ICON_COLOR="255"
#POWERLEVEL9K_DIR_ETC_BOLD=true

POWERLEVEL9K_DIR_PATH_HIGHLIGHT_FOREGROUND="226"
POWERLEVEL9K_DIR_PATH_HIGHLIGHT_BOLD=true

POWERLEVEL9K_DIR_PATH_SEPARATOR_FOREGROUND="226"

[menjilx]

If you look at the output in VSCODE, you will notice that all the icons are higher in the line, not just the arrow. Have you looked at this?

this one uses a different theme but thank you for this guide.

[menjilx]

POWERLEVEL9K_DIR_DEFAULT_BACKGROUND="27" POWERLEVEL9K_DIR_DEFAULT_FOREGROUND="252" POWERLEVEL9K_DIR_DEFAULT_ICON="\uF115" POWERLEVEL9K_DIR_DEFAULT_ICON_COLOR="255" #POWERLEVEL9K_DIR_DEFAULT_BOLD=true POWERLEVEL9K_DIR_HOME_BACKGROUND="27" POWERLEVEL9K_DIR_HOME_FOREGROUND="252" POWERLEVEL9K_DIR_HOME_ICON="\uF46D" POWERLEVEL9K_DIR_HOME_ICON_COLOR="255" #POWERLEVEL9K_DIR_HOME_BOLD=true POWERLEVEL9K_DIR_HOME_SUBFOLDER_BACKGROUND="27" POWERLEVEL9K_DIR_HOME_SUBFOLDER_FOREGROUND="252" POWERLEVEL9K_DIR_HOME_SUBFOLDER_ICON="\uF114" POWERLEVEL9K_DIR_HOME_SUBFOLDER_ICON_COLOR="255" #POWERLEVEL9K_DIR_HOME_SUBFOLDER_BOLD=true POWERLEVEL9K_DIR_NOT_WRITABLE_BACKGROUND="124" POWERLEVEL9K_DIR_NOT_WRITABLE_FOREGROUND="252" #POWERLEVEL9K_DIR_NOT_WRITABLE_ICON="" POWERLEVEL9K_DIR_NOT_WRITABLE_ICON_COLOR="255" #POWERLEVEL9K_DIR_NOT_WRITABLE_BOLD=true POWERLEVEL9K_DIR_ETC_BACKGROUND="55" POWERLEVEL9K_DIR_ETC_FOREGROUND="252" #POWERLEVEL9K_DIR_ETC_ICON="" POWERLEVEL9K_DIR_ETC_ICON_COLOR="255" #POWERLEVEL9K_DIR_ETC_BOLD=true POWERLEVEL9K_DIR_PATH_HIGHLIGHT_FOREGROUND="226" POWERLEVEL9K_DIR_PATH_HIGHLIGHT_BOLD=true POWERLEVEL9K_DIR_PATH_SEPARATOR_FOREGROUND="226"

Thank you so much sir, I got it working now.

[onaforeignshore]

You're welcome. Please close this issue if you are satisfied.

[menjilx]

You're welcome. Please close this issue if you are satisfied.

On my "iTerm" it works great!

But on the VScode it doesn't look good for now. :/

[menjilx]

Here's my configuration

`// terminal configuration

"terminal.integrated.fontFamily": "Inconsolata-dz for Powerline",
"terminal.integrated.shell.osx": "zsh",
"terminal.integrated.enableBell": true,
"terminal.integrated.showExitAlert": true,
"terminal.integrated.cursorBlinking": true,
"terminal.integrated.cursorStyle": "line",
"terminal.integrated.fontSize": 14,`

[onaforeignshore]

Did you try adding "terminal.external.osxExec": "iTerm.app",?

[menjilx]

Did you try adding "terminal.external.osxExec": "iTerm.app",?

Yeah, I also tried that and here's the output,

Not that bad though but there's still a bug on the icon part.

Compared to the "iTerm" output.

[menjilx]

Sir @onaforeignshore FINALLY after how many hours debugging the UI bugs.

I got it working, here's my VScode configuration.

// terminal configuration "terminal.external.osxExec": "iTerm.app", "terminal.integrated.fontFamily": "Meslo LG L DZ for Powerline", "terminal.integrated.shell.osx": "zsh", "terminal.integrated.enableBell": true, "terminal.integrated.showExitAlert": true, "terminal.integrated.cursorBlinking": true, "terminal.integrated.cursorStyle": "line", "terminal.integrated.fontSize": 14,

Thank you for helping sir @onaforeignshore 💯