Twobj IntelliSense

VSCode IntelliSense Extension for twobj

Features

• Auto completion
• Hover preview
• Color decoration
• Diagnostics
• Help links

VS Code Settings

Recommended

{
  // none
}

All settings

{
  "twobj.colorDecorators": "inherit", // inherit from "editor.colorDecorators"
  "twobj.references": true,
  "twobj.diagnostics":true,
  "twobj.preferVariantWithParentheses": false,
  "twobj.fallbackDefaultConfig": true,
  "twobj.enabled": true,
  "twobj.rootFontSize": 16,
  "twobj.logLevel": "info",
  "twobj.hoverColorHint": "none",
  "twobj.hoverUtility": "default"
}

Theme: Custom CompletionList Panel

// example
{
  "workbench.colorCustomizations": {
    "[One Dark Pro Darker]": {
      "editorHoverWidget.background": "#1f2229e8",
      "editorSuggestWidget.background": "#1f2229e8",
      "editor.wordHighlightBackground": "#0000",
      "editor.wordHighlightBorder": "#3f3f3f3d",
      "editor.wordHighlightStrongBorder": "#3f3f3f3d"
    }
  }
}

Theme: Custom Semantic Colors (docs)

{
  "editor.tokenColorCustomizations": {
    "[One Dark Pro Darker]": {
      "textMateRules": [
        {
          "scope": "support.constant.classname.tw",
          "settings": {
            "foreground": "#7ddb89"
          }
        },
        {
          "scope": "entity.other.inherited-class.variant.tw",
          "settings": {
            "foreground": "#c678dd"
          }
        },

        {
          "scope": "support.type.arbitrary-style.prop.tw",
            "settings": {
              "foreground": "#8a88fc"
            }
        }
      ]
    }
  }
}

Build your own extension

pnpm install && pnpm package