> For the complete documentation index, see [llms.txt](https://symmdocs.gitbook.io/frontend-sdk-technical-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://symmdocs.gitbook.io/frontend-sdk-technical-docs/frontend-sdk/core-package/config.md).

# Config

The config folder holds parameters for altering the website's UI and functionality.

The config variables are listed below:

{% code title="config/index.ts" %}

```typescript
export const WEB_SETTING = {
  version: "0.0.1",
  versionCode: 11,
  calculationalInput: true,
  showBadge: true,
  muonEnabled: true,
  showAccountHealthEmoji: true,
  showColorfulAccountHealth: true,
  checkWhiteList: false,
  showSignModal: true,
  notAllowedMethods: [] as string[],
  showTpSl: true,
};
```

{% endcode %}

#### Configuration Variables Explanation

Each field in the `WEB_SETTING` configuration influences the user interface (UI) of the web application. Below is a brief explanation of each field:

* `version`: Specifies the current version of the web application in a string format, e.g., "0.0.1".
* `versionCode`: An integer representing a version code.
* `calculationalInput`: Enables calculation of the input in the UI&#x20;
* `showBadge`: Determines whether badges are shown in the user interface reflecting user performance.&#x20;
* `muonEnabled`: A feature flag that enables or disables muon features within the application.
* `showAccountHealthEmoji`: Controls the visibility of emojis representing the health of user accounts within the UI.
* `showColorfulAccountHealth`: When true, account health indicators will be displayed in various colors.
* `checkWhiteList`: Checks if the account is whitelisted to trade with the an API call from the `hedgerUrl`:

```typescript
  const { href: isWhiteListUrl } = new URL(
      `/check_in-whitelist/${account}/${multiAccountAddress}`,
      hedgerUrl
    );
```

* `showSignModal`: Boolean that determines the visibility of the Terms and Services, a `styled-components` modal.&#x20;
* `notAllowedMethods`: An array of strings listing methods that are prohibited for use within the application.
* `showTpSl`: Enables or disables the visibility of stop loss.
