@carbon/themes
Version:
Themes for applying color in the Carbon Design System
243 lines (242 loc) • 12.8 kB
TypeScript
/**
* 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 = "dark";
export declare const background = "#262626";
export declare const backgroundInverse = "#f4f4f4";
export declare const backgroundBrand = "#0f62fe";
export declare const backgroundActive: string;
export declare const backgroundHover: string;
export declare const backgroundInverseHover = "#e8e8e8";
export declare const backgroundSelected: string;
export declare const backgroundSelectedHover: string;
export declare const layer01 = "#393939";
export declare const layerActive01 = "#6f6f6f";
export declare const layerBackground01 = "#262626";
export declare const layerHover01 = "#474747";
export declare const layerSelected01 = "#525252";
export declare const layerSelectedHover01 = "#636363";
export declare const layer02 = "#525252";
export declare const layerActive02 = "#8d8d8d";
export declare const layerBackground02 = "#393939";
export declare const layerHover02 = "#636363";
export declare const layerSelected02 = "#6f6f6f";
export declare const layerSelectedHover02 = "#5e5e5e";
export declare const layer03 = "#6f6f6f";
export declare const layerActive03 = "#393939";
export declare const layerBackground03 = "#525252";
export declare const layerHover03 = "#5e5e5e";
export declare const layerSelected03 = "#525252";
export declare const layerSelectedHover03 = "#636363";
export declare const layerSelectedInverse = "#f4f4f4";
export declare const layerSelectedDisabled = "#a8a8a8";
export declare const layerAccent01 = "#525252";
export declare const layerAccentActive01 = "#8d8d8d";
export declare const layerAccentHover01 = "#636363";
export declare const layerAccent02 = "#6f6f6f";
export declare const layerAccentActive02 = "#393939";
export declare const layerAccentHover02 = "#5e5e5e";
export declare const layerAccent03 = "#8d8d8d";
export declare const layerAccentActive03 = "#525252";
export declare const layerAccentHover03 = "#7a7a7a";
export declare const field01 = "#393939";
export declare const fieldHover01 = "#474747";
export declare const field02 = "#525252";
export declare const fieldHover02 = "#636363";
export declare const field03 = "#6f6f6f";
export declare const fieldHover03 = "#5e5e5e";
export declare const borderSubtle00 = "#525252";
export declare const borderSubtle01 = "#6f6f6f";
export declare const borderSubtleSelected01 = "#8d8d8d";
export declare const borderSubtle02 = "#8d8d8d";
export declare const borderSubtleSelected02 = "#a8a8a8";
export declare const borderSubtle03 = "#8d8d8d";
export declare const borderSubtleSelected03 = "#a8a8a8";
export declare const borderStrong01 = "#8d8d8d";
export declare const borderStrong02 = "#a8a8a8";
export declare const borderStrong03 = "#c6c6c6";
export declare const borderTile01 = "#6f6f6f";
export declare const borderTile02 = "#8d8d8d";
export declare const borderTile03 = "#a8a8a8";
export declare const borderInverse = "#f4f4f4";
export declare const borderInteractive = "#4589ff";
export declare const borderDisabled: string;
export declare const textPrimary = "#f4f4f4";
export declare const textSecondary = "#c6c6c6";
export declare const textPlaceholder: string;
export declare const textHelper = "#c6c6c6";
export declare const textError = "#ffb3b8";
export declare const textInverse = "#161616";
export declare const textOnColor = "#ffffff";
export declare const textOnColorDisabled: string;
export declare const textDisabled: string;
export declare const linkPrimary = "#78a9ff";
export declare const linkPrimaryHover = "#a6c8ff";
export declare const linkSecondary = "#a6c8ff";
export declare const linkInverse = "#0f62fe";
export declare const linkVisited = "#be95ff";
export declare const linkInverseVisited = "#8a3ffc";
export declare const linkInverseActive = "#161616";
export declare const linkInverseHover = "#0043ce";
export declare const iconPrimary = "#f4f4f4";
export declare const iconSecondary = "#c6c6c6";
export declare const iconInverse = "#161616";
export declare const iconOnColor = "#ffffff";
export declare const iconOnColorDisabled: string;
export declare const iconDisabled: string;
export declare const iconInteractive = "#ffffff";
export declare const supportError = "#ff8389";
export declare const supportSuccess = "#42be65";
export declare const supportWarning = "#f1c21b";
export declare const supportInfo = "#4589ff";
export declare const supportErrorInverse = "#da1e28";
export declare const supportSuccessInverse = "#24a148";
export declare const supportWarningInverse = "#f1c21b";
export declare const supportInfoInverse = "#0043ce";
export declare const supportCautionMinor = "#f1c21b";
export declare const supportCautionMajor = "#ff832b";
export declare const supportCautionUndefined = "#a56eff";
export declare const focus = "#ffffff";
export declare const focusInset = "#161616";
export declare const focusInverse = "#0f62fe";
export declare const skeletonBackground = "#333333";
export declare const skeletonElement = "#525252";
export declare const interactive = "#4589ff";
export declare const highlight = "#002d9c";
export declare const overlay: string;
export declare const toggleOff = "#8d8d8d";
export declare const shadow: string;
export declare const syntaxComment = "#42be65";
export declare const syntaxLineComment = "#42be65";
export declare const syntaxBlockComment = "#42be65";
export declare const syntaxDocComment = "#42be65";
export declare const syntaxString = "#f4f4f4";
export declare const syntaxDocString = "#f4f4f4";
export declare const syntaxKeyword = "#4589ff";
export declare const syntaxOperatorKeyword = "#4589ff";
export declare const syntaxControlKeyword = "#be95ff";
export declare const syntaxDefinitionKeyword = "#33b1ff";
export declare const syntaxModuleKeyword = "#be95ff";
export declare const syntaxVariable = "#a6c8ff";
export declare const syntaxName = "#a6c8ff";
export declare const syntaxVariableName = "#a6c8ff";
export declare const syntaxLabelName = "#a6c8ff";
export declare const syntaxAttribute = "#33b1ff";
export declare const syntaxAttributeName = "#33b1ff";
export declare const syntaxPropertyName = "#33b1ff";
export declare const syntaxTag = "#3ddbd9";
export declare const syntaxTagName = "#3ddbd9";
export declare const syntaxType = "#3ddbd9";
export declare const syntaxTypeName = "#3ddbd9";
export declare const syntaxClassName = "#3ddbd9";
export declare const syntaxNamespace = "#3ddbd9";
export declare const syntaxMacroName = "#f4f4f4";
export declare const syntaxAtom = "#f4f4f4";
export declare const syntaxLiteral = "#f4f4f4";
export declare const syntaxBool = "#f4f4f4";
export declare const syntaxNull = "#f4f4f4";
export declare const syntaxSelf = "#3ddbd9";
export declare const syntaxNumber = "#6fdc8c";
export declare const syntaxInteger = "#6fdc8c";
export declare const syntaxFloat = "#6fdc8c";
export declare const syntaxUnit = "#6fdc8c";
export declare const syntaxCharacter = "#f4f4f4";
export declare const syntaxAttributeValue = "#f4f4f4";
export declare const syntaxSpecialString = "#be95ff";
export declare const syntaxRegexp = "#be95ff";
export declare const syntaxEscape = "#e0e0e0";
export declare const syntaxUrl = "#e0e0e0";
export declare const syntaxColor = "#f4f4f4";
export declare const syntaxOperator = "#e0e0e0";
export declare const syntaxDerefOperator = "#e0e0e0";
export declare const syntaxArithmeticOperator = "#e0e0e0";
export declare const syntaxLogicOperator = "#e0e0e0";
export declare const syntaxBitwiseOperator = "#e0e0e0";
export declare const syntaxCompareOperator = "#e0e0e0";
export declare const syntaxUpdateOperator = "#e0e0e0";
export declare const syntaxDefinitionOperator = "#33b1ff";
export declare const syntaxTypeOperator = "#3ddbd9";
export declare const syntaxControlOperator = "#be95ff";
export declare const syntaxModifier = "#4589ff";
export declare const syntaxPunctuation = "#e0e0e0";
export declare const syntaxSeparator = "#e0e0e0";
export declare const syntaxBracket = "#e0e0e0";
export declare const syntaxAngleBracket = "#8d8d8d";
export declare const syntaxSquareBracket = "#e0e0e0";
export declare const syntaxParen = "#e0e0e0";
export declare const syntaxBrace = "#e0e0e0";
export declare const syntaxContent = "#f4f4f4";
export declare const syntaxList = "#f4f4f4";
export declare const syntaxEmphasis = "#f4f4f4";
export declare const syntaxStrong = "#f4f4f4";
export declare const syntaxMonospace = "#f4f4f4";
export declare const syntaxStrikethrough = "#f4f4f4";
export declare const syntaxHeading = "#33b1ff";
export declare const syntaxHeading1 = "#33b1ff";
export declare const syntaxHeading2 = "#33b1ff";
export declare const syntaxHeading3 = "#33b1ff";
export declare const syntaxHeading4 = "#33b1ff";
export declare const syntaxHeading5 = "#33b1ff";
export declare const syntaxHeading6 = "#33b1ff";
export declare const syntaxContentSeparator = "#e0e0e0";
export declare const syntaxQuote = "#42be65";
export declare const syntaxLink = "#4589ff";
export declare const syntaxInvalid = "#fa4d56";
export declare const syntaxMeta = "#42be65";
export declare const syntaxDocumentMeta = "#42be65";
export declare const syntaxAnnotation = "#08bdba";
export declare const syntaxProcessingInstruction = "#f4f4f4";
export declare const syntaxDefinition = "#33b1ff";
export declare const syntaxConstant = "#4589ff";
export declare const syntaxFunction = "#f1c21b";
export declare const syntaxStandard = "#4589ff";
export declare const syntaxLocal = "#a6c8ff";
export declare const syntaxSpecial = "#4589ff";
export declare const syntaxInserted = "#198038";
export declare const syntaxDeleted = "#a2191f";
export declare const aiInnerShadow: string;
export declare const aiAuraStartSm: string;
export declare const aiAuraStart: string;
export declare const aiAuraEnd: string;
export declare const aiBorderStrong = "#78a9ff";
export declare const aiBorderStart: string;
export declare const aiBorderEnd = "#4589ff";
export declare const aiDropShadow: string;
export declare const aiAuraHoverBackground = "#474747";
export declare const aiAuraHoverStart: string;
export declare const aiAuraHoverEnd: string;
export declare const aiPopoverBackground = "#161616";
export declare const aiPopoverShadowOuter01: string;
export declare const aiPopoverShadowOuter02: string;
export declare const aiSkeletonBackground: string;
export declare const aiSkeletonElementBackground: string;
export declare const aiOverlay: string;
export declare const aiPopoverCaretCenter = "#4870B5";
export declare const aiPopoverCaretBottom = "#4589ff";
export declare const aiPopoverCaretBottomBackgroundActions = "#1E283A";
export declare const aiPopoverCaretBottomBackground = "#202D45";
export declare const chatPromptBackground = "#161616";
export declare const chatPromptBorderStart = "#262626";
export declare const chatPromptBorderEnd: string;
export declare const chatPromptText = "#f4f4f4";
export declare const chatBubbleUser = "#393939";
export declare const chatBubbleUserText = "#f4f4f4";
export declare const chatBubbleAgent = "#262626";
export declare const chatBubbleAgentText = "#f4f4f4";
export declare const chatBubbleBorder = "#525252";
export declare const chatAvatarBot = "#8d8d8d";
export declare const chatAvatarAgent = "#c6c6c6";
export declare const chatAvatarUser = "#4589ff";
export declare const chatShellBackground = "#262626";
export declare const chatHeaderBackground = "#262626";
export declare const chatHeaderText = "#f4f4f4";
export declare const chatButton = "#78a9ff";
export declare const chatButtonHover: string;
export declare const chatButtonTextHover = "#a6c8ff";
export declare const chatButtonActive: string;
export declare const chatButtonSelected: string;
export declare const chatButtonTextSelected = "#c6c6c6";
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, 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 './white';