VS_code[Unsupported]

[SightVanish]

• VSCode Version: April 2020 (version 1.45)
• OS Version: macOS 10.15.4 (19E287)

Steps to Reproduce:

0. Problem
   My files are as following. When I reload custom, nothing happens except for a mark VS_code[Unsupported] after my filename.
   VScode tells me to reinstall vscode, but I have tried and update to the latest one. However, still nothing happens.

I wonder why and how to fix it.

---

1. here is my custom.css

html {
  background: transparent !important;
}

.scroll-decoration {
  box-shadow: none !important;
}

.minimap {
  opacity: 0.6;
}

.editor-container {
  background: transparent !important;
}

.search-view .search-widget .input-box, .search-view .search-widget .input-box .monaco-inputbox,
.monaco-workbench>.part.editor>.content>.one-editor-silo>.container>.title .tabs-container>.tab,
.monaco-editor-background,
.monaco-editor .margin,
.monaco-workbench>.part>.content,
.monaco-workbench>.editor>.content>.one-editor-silo.editor-one,
.monaco-workbench>.part.editor>.content>.one-editor-silo>.container>.title,
.monaco-workbench>.part>.title,
.monaco-workbench,
.monaco-workbench>.part,
body {
  background: transparent !important;
}

.editor-group-container>.tabs {
  background-color: rgba(37, 37, 37,0.2) !important;
}

.editor-group-container>.tabs .tab {
  background-color: transparent !important;
}

.editor-group-container>.tabs .tab.active {
  background-color: rgba(37, 37, 37,0.4) !important;
}

.monaco-list.settings-toc-tree .monaco-list-row.focused {
  outline-color: rgb(37, 37, 37,0.6) !important;
}

.monaco-list.settings-toc-tree .monaco-list-row.selected,
.monaco-list.settings-toc-tree .monaco-list-row.focused,
.monaco-list .monaco-list-row.selected,
.monaco-list.settings-toc-tree:not(.drop-target) .monaco-list-row:hover:not(.selected):not(.focused) {
  background-color: rgb(37, 37, 37,0.6) !important;
}

.monaco-list.settings-editor-tree .monaco-list-row {
  background-color: transparent !important;
  outline-color: transparent !important;
}

.monaco-inputbox {
  background-color: rgba(41, 41, 41,0.2) !important;
}

.monaco-editor .selected-text {
  background-color: rgba(58, 61, 65,0.6) !important;
}

.monaco-editor .focused .selected-text {
  background-color: rgba(38, 79, 120,0.6) !important;
}

.monaco-editor .view-overlays .current-line {
  border-color: rgba(41, 41, 41,0.2) !important;
}

.extension-editor,
.monaco-inputbox>.wrapper>.input,
.monaco-workbench>.part.editor>.content>.one-editor-silo>.container>.title .tabs-container>.tab.active,
.preferences-editor>.preferences-header,
.preferences-editor>.preferences-editors-container.side-by-side-preferences-editor .preferences-header-container,
.monaco-editor, .monaco-editor .inputarea.ime-input {
  background: transparent !important;
}

.editor-group-container>.tabs .tab {
  border: none !important;
}

2. here is my custom.js

w = nodeRequire('electron')
  .remote
  .getCurrentWindow();

w.setBackgroundColor('#00000000');
// vibrant effect  https://electronjs.org/docs/api/browser-window#winsetvibrancytype-macos 
w.setVibrancy('ultra-dark');

// hack https://github.com/microsoft/vscode/issues/32257#issuecomment-509936623
const width = w.getBounds().width;
w.setBounds({
    width: width + 1,
});
w.setBounds({
    width,
});

3. here is my settings.json

{
    "explorer.confirmDelete": false,
    "files.autoSave": "afterDelay",
    "files.autoSaveDelay": 100,
    "vscode_custom_css.imports": [
        "file:///Users/Name/Documents/VScustomized_settings/custom.css",
        "file:///Users/Name/Documents/VScustomized_setting/scustom.js"
      ],
      "vscode_custom_css.policy": true
}

Does this issue occur when all extensions are disabled?: Yes