---
sourceDocument: Brazil Build or modify applications
sourceDocumentLink: https://www.servicenow.com/docs/r/application-development

 Release :

    - brazil

ft:locale :

    - en-US

ft:publication_title :

    - Brazil Build or modify applications

ft:clusterId :

    - cadev

bundleId :

    - cadev

workflow :

    - Development, Data, and Analytics


---

# App Settings panel

# App Settings panel {#ariaid-title1}

Release version: Brazil  
Updated September 30, 2026  
![](https://www.servicenow.com/docs/portal-asset/ico-clock) 2 minutes to read  
The App Settings panel contains configuration for your profile, appearance, editor behavior, instance connection, integrations, and updates.

## Ways to open the panel {#app-settings__app-settings-ways-to-open-the-panel}

You can open the App Settings panel in the ways shown in the following table.
{#app-settings__table-app-settings-ways-to-open-the-panel__entry__2}

| Method | Action |
|-|-|
| Keyboard shortcut | Cmd+, (macOS) or Ctrl+, (Windows) |
| Activity Bar | Select the gear icon at the bottom of the Activity Bar |
[ ]

{#app-settings__table-app-settings-ways-to-open-the-panel}

The Settings panel opens as a modal dialog and displays the Lux Lab version at the top left, for example v2.0.8.

## Settings sections {#app-settings__app-settings-settings-sections}

The panel's sidebar lists the sections in the following table.
{#app-settings__table-app-settings-settings-sections__entry__2}

| Section | Description |
|-|-|
| Profile | Your name, email, and profile picture |
| Appearance | Theme, brand colors, and visual depth settings |
| Editor | Code editor preferences |
| Context | How the agent collects and uses project context |
| Instance | ServiceNow instance connection settings |
| Integrations | Figma integration and Now SDK version |
| Updates | Lux Lab update preferences |
| Advanced | Advanced configuration options |
[ ]

{#app-settings__table-app-settings-settings-sections}

## Profile {#app-settings__app-settings-profile}

The Profile section shows your connected account. You can update the display information in the following table.
{#app-settings__table-app-settings-profile__entry__2}

| Field | Description |
|-|-|
| Name | Your display name |
| Email | Your account email address |
| Profile picture | Custom avatar that you upload, or a preset that you choose |
[ ]

{#app-settings__table-app-settings-profile}

The Profile section also has the following controls:

* Presets --- Displays built-in avatar options to select from.
* Upload --- Uploads a custom profile image.
* Refresh --- Re-syncs your profile information from your account.

## Appearance {#app-settings__app-settings-appearance}

The Appearance section sets the theme, brand colors, and dark surface depth.

## Theme {#app-settings__app-settings-theme}

The theme control switches between Light and Dark mode.

## Brand colors {#app-settings__app-settings-brand-colors}

Brand colors customize the app color palette, as described in the following table.
{#app-settings__table-app-settings-brand-colors__entry__2}

| Color | Description |
|-|-|
| Primary | Main accent color used for active states and highlights |
| Accent | Secondary accent color |
| Neutral | Neutral or background color |
[ ]

{#app-settings__table-app-settings-brand-colors}

The brand colors have the following controls:

* Shuffle --- Randomly generates a new color combination.
* Reset --- Restores the default color set.

## Dark surface depth {#app-settings__app-settings-dark-surface-depth}

When Dark mode is active, Dark Surface Depth controls how much surface elevation contrast Lux Lab applies. The options are 2, 4, 7, and 10. Higher values give more contrast between layered surfaces.

## Editor {#app-settings__app-settings-editor}

The Editor section controls code editing preferences such as tab size, font settings, word wrap, and formatter behavior.

## Context {#app-settings__app-settings-context}

The Context section controls how the agent gathers and uses project context in the Agent Chat Harness. This includes how many files, how much history, and which parts of the project the agent includes automatically with each request.

## Instance {#app-settings__app-settings-instance}

The Instance section holds the following ServiceNow instance connection settings:

* Default instance on startup
* Connection timeout settings
* Auto-refresh behavior for the Instance Explorer

## Integrations {#app-settings__app-settings-integrations}

The Integrations section has the following settings:

* Figma --- Connects Lux Lab to Figma for design-to-code workflows directly from the app.
* Now SDK Version --- Sets the version of the Now SDK that your project uses. The default is latest.

## Updates {#app-settings__app-settings-updates}

The Updates section controls how Lux Lab checks for and applies updates. You can choose stable releases or pre-release builds.

## Advanced {#app-settings__app-settings-advanced}

The Advanced section holds configuration options for power users and non-standard setups.

## Default settings {#app-settings__app-settings-default-settings}

Selecting Reset to Defaults at the bottom of the Settings panel restores all settings to their original values. Your projects, work items, and connected instances are unaffected.