Adobe Developer
Products
Products
UXP for InDesign Introduction Scripts Plugins Resources
References
    What's New
    UXP API
    InDesign API
Console

Edit ProfileSign out

Global Navigation

  • UXP for InDesign
  • Introduction
  • Scripts
  • Plugins
  • Resources
  • References
    • What's New
    • UXP API
    • InDesign API
  • Console

Table of contents

  • UXP API Reference

    • JavaScript Reference
      • Global Members
        • Crypto
        • Data Transfers
          • Blob
          • Clipboard
          • XMLHttpRequest
          • WebSocket
          • fetch
          • FormData
          • Headers
          • Request
          • Response
        • Data Storage
          • LocalStorage
          • SessionStorage
        • HTML Events
          • BaseUIEvent
          • CloseEvent
          • DragEvent
          • Event
          • EventTarget
          • GestureEvent
          • KeyboardEvent
          • MessageEvent
          • PointerEvent
          • ProgressEvent
          • ErrorEvent
        • HTML DOM
          • DOMTokenList
          • ClassList
          • AbortController
          • AbortSignal
          • Alerts - Alert
          • Alerts - Confirm
          • Alerts - Prompt
          • Attr
          • CanvasGradient
          • CanvasRenderingContext2D
          • CharacterData
          • Comment
          • CustomElementRegistry
          • Document
          • DocumentFragment
          • Element
          • HTMLCollection
          • NamedNodeMap
          • Node
          • NodeFilter
          • NodeList
          • Path2D
          • ShadowRoot
          • Text
          • TreeWalker
        • HTML Elements
          • HTMLAnchorElement
          • HTMLBodyElement
          • HTMLButtonElement
          • HTMLCanvasElement
          • HTMLDialogElement
          • HTMLElement
          • HTMLHeadElement
          • HTMLHtmlElement
          • HTMLImageElement
          • HTMLInputElement
          • HTMLLabelElement
          • HTMLLinkElement
          • HTMLMenuElement
          • HTMLMenuItemElement
          • HTMLOptionElement
          • HTMLProgressElement
          • HTMLScriptElement
          • HTMLSelectElement
          • HTMLSlotElement
          • HTMLStyleElement
          • HTMLTemplateElement
          • HTMLTextAreaElement
          • HTMLVideoElement
          • HTMLWebViewElement
        • ImageBlob
        • Path
        • Streams
          • CountQueuingStrategy
          • ReadableStream
          • ReadableStreamDefaultController
          • ReadableStreamDefaultReader
          • TransformStream
          • TransformStreamDefaultController
          • WritableStream
          • WritableStreamDefaultController
          • WritableStreamDefaultWriter
      • Modules
        • fs
        • os
        • uxp
          • Entry Points
            • EntryPoints
            • EntryPointsError
            • UxpCommandInfo
            • UxpMenuItem
            • UxpMenuItems
            • UxpPanelInfo
            • UxpPluginInfo
          • Persistent File Storage
            • localFileSystem
            • Entry
            • EntryMetadata
            • File
            • Folder
            • FileSystemProvider
            • domains
            • types
            • formats
            • modes
            • fileTypes
            • errors
          • Plugin Manager
            • Plugin
            • Plugin Manager
            • Script
          • Key-Value Storage
            • SecureStorage
          • Versions
            • Versions
          • Host Information
            • Host
          • shell
          • User Information
          • XMP
            • XMPMeta
            • XMPFile
            • XMPUtils
            • XMPDateTime
            • XMPConst
            • XMPIterator
            • XMPProperty
            • XMPFileInfo
            • XMPPacketInfo
    • CSS Reference
      • General
        • calc
        • variables
        • units
      • Selectors
        • Adjacent Sibling combinator
        • Attribute selector
        • Child combinator
        • Class selector
        • Descendant combinator
        • General Sibling combinator
        • Identifier selector
        • Type selector
        • Universal selector
      • Media Queries
        • height
        • prefers-color-scheme
        • width
      • Pseudo-elements
        • after
        • before
      • Pseudo-classes
        • active
        • checked
        • defined
        • disabled
        • enabled
        • empty
        • first-child
        • focus
        • hover
        • last-child
        • nth-child
        • nth-last-child
        • nth-last-of-type
        • nth-of-type
        • only-child
        • root
      • Styles
        • align-content
        • align-items
        • align-self
        • background-attachment
        • background-color
        • background-image
        • background-repeat
        • background-size
        • background
        • border-bottom-color
        • border-bottom-left-radius
        • border-bottom-right-radius
        • border-bottom-style
        • border-bottom-width
        • border-bottom
        • border-color
        • border-left-color
        • border-left-style
        • border-left-width
        • border-left
        • border-radius
        • border-right-color
        • border-right-style
        • border-right-width
        • border-right
        • border-style
        • border-top-color
        • border-top-left-radius
        • border-top-style
        • border-top-width
        • border-top
        • border-width
        • bottom
        • color
        • display
        • flex-basis
        • flex-direction
        • flex-grow
        • flex-shrink
        • flex-wrap
        • flex
        • font-family
        • font-size
        • font-style
        • font-weight
        • height
        • justify-content
        • left
        • letter-spacing
        • margin-bottom
        • margin-left
        • margin-right
        • margin-top
        • margin
        • max-height
        • max-width
        • min-height
        • min-width
        • opacity
        • overflow-x
        • overflow-y
        • overflow
        • padding-bottom
        • padding-left
        • padding-right
        • padding-top
        • padding
        • right
        • text-align
        • text-overflow
        • top
        • visibility
        • white-space
        • width
    • HTML Reference
      • General
        • Unsupported Elements
        • Unsupported Attributes
        • body
        • head
        • html
        • link
        • script
        • style
      • Hierarchy
        • footer
        • h1
        • h2
        • h3
        • h4
        • h5
        • h6
        • hr
    • Spectrum UXP Reference
      • Spectrum Web Components
      • Spectrum UXP Widgets
        • Typography
          • sp-body
          • sp-detail
          • sp-heading
          • sp-label
        • User Interface
          • sp-action-button
          • sp-button
          • sp-checkbox
          • sp-divider
          • sp-dropdown
          • sp-icon
          • sp-link
          • sp-menu
          • sp-menu-item
          • sp-progressbar
          • sp-radio
          • sp-radio-group
          • sp-slider
          • sp-textfield
          • sp-textarea
        • Using with React
      • Spectrum Widgets to SWC
      • FAQs
    • Known Issues
  • Products
  • UXP for InDesign
  • References
  • UXP API
  • CSS Reference
  • General
  • variables
Edit in GitHubLog an issue

CSS Variables

Since UXP v3.0

UXP supports the use of CSS Variables, otherwise known as Custom Properties. This feature, combined with support for the prefers-color-scheme media query makes it extremely easy to create custom themes that respond to the selected theme in the host application.

See: https://developer.mozilla.org/en-US/docs/Web/CSS/--*

calc
units
Padma Krishnamoorthy
Last updated 3/8/2023
Was this helpful?
Yes
No

APIs and Services

  • Adobe Creative Cloud
  • Adobe Experience Platform
  • Adobe Document Cloud
  • Adobe Cloud Manager
  • Adobe Analytics
  • App Builder
  • View all APIs and ServicesView all

Community

  • Adobe Tech Blog
  • Adobe on GitHub
  • Adobe Developer on YouTube
  • Adobe Developer on X
  • Community Forums

Support

  • Adobe Developer support
  • Adobe Product support

Adobe Developer

  • Adobe Developer Console
  • Developer Distribution
  • Open source at Adobe
  • Download SDKs
  • Authentication
  • Careers

  • Privacy
  • Terms of Use
  • Cookie preferences
  • Do not sell or share my personal information
  • AdChoices
Copyright © 2025 Adobe. All rights reserved.