@carbon/themes/lib/white.d.ts

Themes for applying color in the Carbon Design System

/**
 * Copyright IBM Corp. 2018, 2026
 *
 * This source code is licensed under the Apache-2.0 license found in the
 * LICENSE file in the root directory of this source tree.
 */
export declare const colorScheme = "light";
export declare const background = "#ffffff";
export declare const backgroundInverse = "#393939";
export declare const backgroundBrand = "#0f62fe";
export declare const backgroundActive: string;
export declare const backgroundHover: string;
export declare const backgroundInverseHover = "#474747";
export declare const backgroundSelected: string;
export declare const backgroundSelectedHover: string;
export declare const layer01 = "#f4f4f4";
export declare const layerActive01 = "#c6c6c6";
export declare const layerBackground01 = "#ffffff";
export declare const layerHover01 = "#e8e8e8";
export declare const layerSelected01 = "#e0e0e0";
export declare const layerSelectedHover01 = "#d1d1d1";
export declare const layer02 = "#ffffff";
export declare const layerActive02 = "#c6c6c6";
export declare const layerBackground02 = "#f4f4f4";
export declare const layerHover02 = "#e8e8e8";
export declare const layerSelected02 = "#e0e0e0";
export declare const layerSelectedHover02 = "#d1d1d1";
export declare const layer03 = "#f4f4f4";
export declare const layerActive03 = "#c6c6c6";
export declare const layerBackground03 = "#ffffff";
export declare const layerHover03 = "#e8e8e8";
export declare const layerSelected03 = "#e0e0e0";
export declare const layerSelectedHover03 = "#d1d1d1";
export declare const layerSelectedInverse = "#161616";
export declare const layerSelectedDisabled = "#8d8d8d";
export declare const layerAccent01 = "#e0e0e0";
export declare const layerAccentActive01 = "#a8a8a8";
export declare const layerAccentHover01 = "#d1d1d1";
export declare const layerAccent02 = "#e0e0e0";
export declare const layerAccentActive02 = "#a8a8a8";
export declare const layerAccentHover02 = "#d1d1d1";
export declare const layerAccent03 = "#e0e0e0";
export declare const layerAccentActive03 = "#a8a8a8";
export declare const layerAccentHover03 = "#d1d1d1";
export declare const field01 = "#f4f4f4";
export declare const fieldHover01 = "#e8e8e8";
export declare const field02 = "#ffffff";
export declare const fieldHover02 = "#e8e8e8";
export declare const field03 = "#f4f4f4";
export declare const fieldHover03 = "#e8e8e8";
export declare const borderSubtle00 = "#e0e0e0";
export declare const borderSubtle01 = "#c6c6c6";
export declare const borderSubtleSelected01 = "#c6c6c6";
export declare const borderSubtle02 = "#e0e0e0";
export declare const borderSubtleSelected02 = "#c6c6c6";
export declare const borderSubtle03 = "#c6c6c6";
export declare const borderSubtleSelected03 = "#c6c6c6";
export declare const borderStrong01 = "#8d8d8d";
export declare const borderStrong02 = "#8d8d8d";
export declare const borderStrong03 = "#8d8d8d";
export declare const borderTile01 = "#c6c6c6";
export declare const borderTile02 = "#a8a8a8";
export declare const borderTile03 = "#c6c6c6";
export declare const borderInverse = "#161616";
export declare const borderInteractive = "#0f62fe";
export declare const borderDisabled = "#c6c6c6";
export declare const textPrimary = "#161616";
export declare const textSecondary = "#525252";
export declare const textPlaceholder: string;
export declare const textHelper = "#6f6f6f";
export declare const textError = "#da1e28";
export declare const textInverse = "#ffffff";
export declare const textOnColor = "#ffffff";
export declare const textOnColorDisabled = "#8d8d8d";
export declare const textDisabled: string;
export declare const linkPrimary = "#0f62fe";
export declare const linkPrimaryHover = "#0043ce";
export declare const linkSecondary = "#0043ce";
export declare const linkInverse = "#78a9ff";
export declare const linkVisited = "#8a3ffc";
export declare const linkInverseVisited = "#be95ff";
export declare const linkInverseActive = "#f4f4f4";
export declare const linkInverseHover = "#a6c8ff";
export declare const iconPrimary = "#161616";
export declare const iconSecondary = "#525252";
export declare const iconInverse = "#ffffff";
export declare const iconOnColor = "#ffffff";
export declare const iconOnColorDisabled = "#8d8d8d";
export declare const iconDisabled: string;
export declare const iconInteractive = "#0f62fe";
export declare const supportError = "#da1e28";
export declare const supportSuccess = "#24a148";
export declare const supportWarning = "#f1c21b";
export declare const supportInfo = "#0043ce";
export declare const supportErrorInverse = "#fa4d56";
export declare const supportSuccessInverse = "#42be65";
export declare const supportWarningInverse = "#f1c21b";
export declare const supportInfoInverse = "#4589ff";
export declare const supportCautionMinor = "#f1c21b";
export declare const supportCautionMajor = "#ff832b";
export declare const supportCautionUndefined = "#8a3ffc";
export declare const focus = "#0f62fe";
export declare const focusInset = "#ffffff";
export declare const focusInverse = "#ffffff";
export declare const skeletonBackground = "#e8e8e8";
export declare const skeletonElement = "#c6c6c6";
export declare const interactive = "#0f62fe";
export declare const highlight = "#d0e2ff";
export declare const overlay: string;
export declare const toggleOff = "#8d8d8d";
export declare const shadow = "rgba(0, 0, 0, 0.3)";
export declare const syntaxComment = "#198038";
export declare const syntaxLineComment = "#198038";
export declare const syntaxBlockComment = "#198038";
export declare const syntaxDocComment = "#198038";
export declare const syntaxString = "#161616";
export declare const syntaxDocString = "#161616";
export declare const syntaxKeyword = "#0f62fe";
export declare const syntaxOperatorKeyword = "#0f62fe";
export declare const syntaxControlKeyword = "#6929c4";
export declare const syntaxDefinitionKeyword = "#00539a";
export declare const syntaxModuleKeyword = "#6929c4";
export declare const syntaxVariable = "#0f62fe";
export declare const syntaxName = "#0f62fe";
export declare const syntaxVariableName = "#0f62fe";
export declare const syntaxLabelName = "#0f62fe";
export declare const syntaxAttribute = "#00539a";
export declare const syntaxAttributeName = "#00539a";
export declare const syntaxPropertyName = "#00539a";
export declare const syntaxTag = "#007d79";
export declare const syntaxTagName = "#007d79";
export declare const syntaxType = "#007d79";
export declare const syntaxTypeName = "#007d79";
export declare const syntaxClassName = "#007d79";
export declare const syntaxNamespace = "#007d79";
export declare const syntaxMacroName = "#161616";
export declare const syntaxAtom = "#161616";
export declare const syntaxLiteral = "#161616";
export declare const syntaxBool = "#161616";
export declare const syntaxNull = "#161616";
export declare const syntaxSelf = "#007d79";
export declare const syntaxNumber = "#198038";
export declare const syntaxInteger = "#198038";
export declare const syntaxFloat = "#198038";
export declare const syntaxUnit = "#198038";
export declare const syntaxCharacter = "#161616";
export declare const syntaxAttributeValue = "#161616";
export declare const syntaxSpecialString = "#8a3ffc";
export declare const syntaxRegexp = "#6929c4";
export declare const syntaxEscape = "#343a3f";
export declare const syntaxUrl = "#343a3f";
export declare const syntaxColor = "#161616";
export declare const syntaxOperator = "#343a3f";
export declare const syntaxDerefOperator = "#343a3f";
export declare const syntaxArithmeticOperator = "#343a3f";
export declare const syntaxLogicOperator = "#343a3f";
export declare const syntaxBitwiseOperator = "#343a3f";
export declare const syntaxCompareOperator = "#343a3f";
export declare const syntaxUpdateOperator = "#343a3f";
export declare const syntaxDefinitionOperator = "#00539a";
export declare const syntaxTypeOperator = "#007d79";
export declare const syntaxControlOperator = "#6929c4";
export declare const syntaxModifier = "#0f62fe";
export declare const syntaxPunctuation = "#343a3f";
export declare const syntaxSeparator = "#343a3f";
export declare const syntaxBracket = "#343a3f";
export declare const syntaxAngleBracket = "#697077";
export declare const syntaxSquareBracket = "#343a3f";
export declare const syntaxParen = "#343a3f";
export declare const syntaxBrace = "#343a3f";
export declare const syntaxContent = "#161616";
export declare const syntaxList = "#161616";
export declare const syntaxEmphasis = "#161616";
export declare const syntaxStrong = "#161616";
export declare const syntaxMonospace = "#161616";
export declare const syntaxStrikethrough = "#161616";
export declare const syntaxHeading = "#00539a";
export declare const syntaxHeading1 = "#00539a";
export declare const syntaxHeading2 = "#00539a";
export declare const syntaxHeading3 = "#00539a";
export declare const syntaxHeading4 = "#00539a";
export declare const syntaxHeading5 = "#00539a";
export declare const syntaxHeading6 = "#00539a";
export declare const syntaxContentSeparator = "#343a3f";
export declare const syntaxQuote = "#198038";
export declare const syntaxLink = "#0f62fe";
export declare const syntaxInvalid = "#da1e28";
export declare const syntaxMeta = "#198038";
export declare const syntaxDocumentMeta = "#198038";
export declare const syntaxAnnotation = "#007d79";
export declare const syntaxProcessingInstruction = "#161616";
export declare const syntaxDefinition = "#00539a";
export declare const syntaxConstant = "#0f62fe";
export declare const syntaxFunction = "#8e6a00";
export declare const syntaxStandard = "#0f62fe";
export declare const syntaxLocal = "#0f62fe";
export declare const syntaxSpecial = "#0f62fe";
export declare const syntaxInserted = "#a7f0ba";
export declare const syntaxDeleted = "#ffd7d9";
export declare const aiInnerShadow: string;
export declare const aiAuraStartSm: string;
export declare const aiAuraStart: string;
export declare const aiAuraEnd: string;
export declare const aiBorderStrong = "#4589ff";
export declare const aiBorderStart: string;
export declare const aiBorderEnd = "#78a9ff";
export declare const aiDropShadow: string;
export declare const aiAuraHoverBackground = "#edf5ff";
export declare const aiAuraHoverStart: string;
export declare const aiAuraHoverEnd: string;
export declare const aiPopoverBackground = "#ffffff";
export declare const aiPopoverShadowOuter01: string;
export declare const aiPopoverShadowOuter02: string;
export declare const aiSkeletonBackground = "#d0e2ff";
export declare const aiSkeletonElementBackground = "#4589ff";
export declare const aiOverlay: string;
export declare const aiPopoverCaretCenter = "#A0C3FF";
export declare const aiPopoverCaretBottom = "#78a9ff";
export declare const aiPopoverCaretBottomBackgroundActions = "#E9EFFA";
export declare const aiPopoverCaretBottomBackground = "#EAF1FF";
export declare const chatPromptBackground = "#ffffff";
export declare const chatPromptBorderStart = "#f4f4f4";
export declare const chatPromptBorderEnd: string;
export declare const chatPromptText = "#161616";
export declare const chatBubbleUser = "#e0e0e0";
export declare const chatBubbleUserText = "#161616";
export declare const chatBubbleAgent = "#ffffff";
export declare const chatBubbleAgentText = "#161616";
export declare const chatBubbleBorder = "#e0e0e0";
export declare const chatAvatarBot = "#6f6f6f";
export declare const chatAvatarAgent = "#393939";
export declare const chatAvatarUser = "#0f62fe";
export declare const chatShellBackground = "#ffffff";
export declare const chatHeaderBackground = "#ffffff";
export declare const chatHeaderText = "#161616";
export declare const chatButton = "#0f62fe";
export declare const chatButtonHover: string;
export declare const chatButtonTextHover = "#0043ce";
export declare const chatButtonActive: string;
export declare const chatButtonSelected: string;
export declare const chatButtonTextSelected = "#525252";
export { caption01, caption02, label01, label02, helperText01, helperText02, bodyShort01, bodyLong01, bodyShort02, bodyLong02, code01, code02, heading01, productiveHeading01, heading02, productiveHeading02, productiveHeading03, productiveHeading04, productiveHeading05, productiveHeading06, productiveHeading07, expressiveHeading01, expressiveHeading02, expressiveHeading03, expressiveHeading04, expressiveHeading05, expressiveHeading06, expressiveParagraph01, quotation01, quotation02, display01, display02, display03, display04, } from '@carbon/type';
export { spacing01, spacing02, spacing03, spacing04, spacing05, spacing06, spacing07, spacing08, spacing09, spacing10, spacing11, spacing12, spacing13, fluidSpacing01, fluidSpacing02, fluidSpacing03, fluidSpacing04, container01, container02, container03, container04, container05, sizeXSmall, sizeSmall, sizeMedium, sizeLarge, sizeXLarge, size2XLarge, iconSize01, iconSize02, layout01, layout02, layout03, layout04, layout05, layout06, layout07, } from '@carbon/layout';