VSCode: move status bar on top

vscode-statusbar-on-top.sh

#!/bin/bash

# - download this file
# - make it executable:
# chmod +x vscode-statusbar-on-top.sh

# - find workbench.desktop.main.css inside your VSCode instance;
# - copy its path here:
css_path="/Applications/Visual Studio Code.app/Contents/Resources/app/out/vs/workbench/workbench.desktop.main.css"

# run this file after every VSCode update.

# (do not edit below)

hack=".monaco-workbench
  > .monaco-grid-view
  > .monaco-grid-branch-node
  > .monaco-split-view2
  > .monaco-scrollable-element
  > .split-view-container {
  display: flex !important;
  flex-direction: column !important;
}
.monaco-workbench
> .monaco-grid-view
> .monaco-grid-branch-node
> .monaco-split-view2
> .monaco-scrollable-element
> .split-view-container
> .split-view-view.visible {
  top: auto !important;
  position: relative !important;
}
.monaco-workbench
> .monaco-grid-view
> .monaco-grid-branch-node
> .monaco-split-view2
> .monaco-scrollable-element
> .split-view-container
> .split-view-view.visible:last-child {
  top: auto !important;
  position: relative !important;
  order: -1 !important;
}
.monaco-workbench .part.statusbar {
  border-bottom: 1px solid var(--vscode-sideBar-border);
}"

description="/* Move status bar to top */"

if [[ ! -f "$css_path" ]]; then
    echo "File does not exist at $css_path. Aborting."
    exit 1
fi

if ! grep -qF "$description" "$css_path"; then
    {
        echo "" 
        echo "$description" 
        echo "" 
        echo "$hack" 
    } >> "$css_path"
    echo "Your VSCode statusbar it now on top! Restart VSCode to apply changes."
else
    echo "Looks like this hack has been applied already. Aborting."
    exit 1
fi

Before:

After:

theme used in screenshots: https://tiniri.vlad.studio/