# Customize your quickinput-widget

This is a small tool designed to emulate the Sublime style Command Palette as follows.

<img width="915" alt="Screenshot" src="https://user-images.githubusercontent.com/12159865/273497706-65ea2b4a-5d71-4f8c-93db-145e7ea32d54.png">

It requires the use of a specific extension to load the js file from this gist.

I'm using the [APC](https://marketplace.visualstudio.com/items?itemName=drcika.apc-extension) extension, and the usage is as follows.

Here is my `settings.json` and you should write with **your own file path**

```json
"apc.imports": [
  "file://${userHome}/.config/vscode/resize-quickinput-widget.js"
],
```

### BTW

If you're not utilizing other features of APC, you may also opt for another extension like [Custom CSS and JS Loader](https://marketplace.visualstudio.com/items?itemName=be5invis.vscode-custom-css) that is more widely used.

Here is an example for `settings.json`

(APC conflicts with other similar extensions, so you should uninstall APC or unused ones first.)

```json
"vscode_custom_css.imports": [
    "file:///Users/captainvincent/.vscode/scripts/resize-quickinput-widget.js"
]
```


<a href='https://ko-fi.com/Z8Z4LWQK7' target='_blank'><img height='36' style='border:0px;height:36px;' src='https://storage.ko-fi.com/cdn/kofi3.png?v=3' border='0' alt='Buy Me a Coffee at ko-fi.com' /></a>