--- sourceDocument: Australia Build or modify applications sourceDocumentLink: https://www.servicenow.com/docs/r/australia/application-development Release : - australia ft:locale : - en-US ft:publication_title : - Australia Build or modify applications ft:clusterId : - cadev bundleId : - cadev workflow : - Development, Data, and Analytics --- # App Settings panel # App Settings panel {#ariaid-title1} Release version: Australia Updated September 30, 2026 ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 2 minutes to read Summarize ![AI sparkle icon](https://servicenow.com/docs/portal-asset/ai-sparkle-icon) Summarized using AI This content was generated using new OpenAI-powered functionality. Results are provided on an as is basis and are not guaranteed to be accurate or complete. ## Summary of App Settings panel The App Settings panel in Lux Lab provides centralized configuration options for your user profile, visual appearance, code editor preferences, ServiceNow instance connections, integrations, and update management. It is designed to help ServiceNow customers customize their development environment efficiently and maintain seamless workflows. Show full answer Show less ## Accessing the Panel * **Keyboard shortcut:** Cmd+, (macOS) or Ctrl+, (Windows) * **Activity Bar:** Click the gear icon at the bottom The panel opens as a modal dialog displaying the current Lux Lab version. ## Settings Sections and Their Functions * **Profile:** Manage your display name, email, and profile picture (custom upload or preset avatars). Includes options to refresh profile data. * **Appearance:** Configure Light or Dark mode themes, customize brand colors (primary, accent, neutral), shuffle or reset color palettes, and adjust dark surface elevation contrast for layered visuals. * **Editor:** Set code editor preferences such as tab size, font, word wrap, and formatting behavior. * **Context:** Control how the agent collects and applies project context in Agent Chat Harness, including file and history inclusion. * **Instance:** Manage ServiceNow instance connection settings like default instance on startup, connection timeouts, and auto-refresh for the Instance Explorer. * **Integrations:** Connect to Figma for design-to-code workflows and specify the Now SDK version used in your projects (default is latest). * **Updates:** Set preferences for Lux Lab update channels, choosing between stable releases or pre-release builds. * **Advanced:** Access advanced configuration options for power users and specialized setups. ## Resetting Settings The **Reset to Defaults** button restores all panel settings to their original values without affecting your projects, work items, or connected ServiceNow instances. 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.