@carbon/themes/lib/v10/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 interactive01 = "#0f62fe";
export declare const interactive02 = "#393939";
export declare const interactive03 = "#0f62fe";
export declare const interactive04 = "#0f62fe";
export declare const uiBackground = "#ffffff";
export declare const ui01 = "#f4f4f4";
export declare const ui02 = "#ffffff";
export declare const ui03 = "#e0e0e0";
export declare const ui04 = "#8d8d8d";
export declare const ui05 = "#161616";
export declare const text01 = "#161616";
export declare const text02 = "#525252";
export declare const text03 = "#a8a8a8";
export declare const text04 = "#ffffff";
export declare const text05 = "#6f6f6f";
export declare const textError = "#da1e28";
export declare const icon01 = "#161616";
export declare const icon02 = "#525252";
export declare const icon03 = "#ffffff";
export declare const link01 = "#0f62fe";
export declare const link02 = "#0043ce";
export declare const inverseLink = "#78a9ff";
export declare const field01 = "#f4f4f4";
export declare const field02 = "#ffffff";
export declare const inverse01 = "#ffffff";
export declare const inverse02 = "#393939";
export declare const support01 = "#da1e28";
export declare const support02 = "#198038";
export declare const support03 = "#f1c21b";
export declare const support04 = "#0043ce";
export declare const inverseSupport01 = "#fa4d56";
export declare const inverseSupport02 = "#42be65";
export declare const inverseSupport03 = "#f1c21b";
export declare const inverseSupport04 = "#4589ff";
export declare const overlay01: string;
export declare const danger01 = "#da1e28";
export declare const danger02 = "#da1e28";
export declare const focus = "#0f62fe";
export declare const inverseFocusUi = "#ffffff";
export declare const hoverPrimary = "#0353e9";
export declare const activePrimary = "#002d9c";
export declare const hoverPrimaryText = "#0043ce";
export declare const hoverSecondary = "#4c4c4c";
export declare const activeSecondary = "#6f6f6f";
export declare const hoverTertiary = "#0353e9";
export declare const activeTertiary = "#002d9c";
export declare const hoverUI = "#e5e5e5";
export declare const hoverLightUI = "#e5e5e5";
export declare const activeUI = "#c6c6c6";
export declare const activeLightUI = "#c6c6c6";
export declare const selectedUI = "#e0e0e0";
export declare const selectedLightUI = "#e0e0e0";
export declare const inverseHoverUI = "#4c4c4c";
export declare const hoverSelectedUI = "#cacaca";
export declare const hoverDanger: string;
export declare const activeDanger = "#750e13";
export declare const hoverRow = "#e5e5e5";
export declare const visitedLink = "#8a3ffc";
export declare const disabled01 = "#f4f4f4";
export declare const disabled02 = "#c6c6c6";
export declare const disabled03 = "#8d8d8d";
export declare const highlight = "#d0e2ff";
export declare const decorative01 = "#e0e0e0";
export declare const buttonSeparator = "#e0e0e0";
export declare const skeleton01 = "#e5e5e5";
export declare const skeleton02 = "#c6c6c6";
export declare const background = "#ffffff";
export declare const layer = "#f4f4f4";
export declare const layerAccent = "#e0e0e0";
export declare const layerAccentActive = "#a8a8a8";
export declare const layerAccentHover: string;
export declare const field = "#f4f4f4";
export declare const backgroundInverse = "#393939";
export declare const backgroundBrand = "#0f62fe";
export declare const interactive = "#0f62fe";
export declare const borderSubtle = "#e0e0e0";
export declare const borderStrong = "#8d8d8d";
export declare const borderInverse = "#161616";
export declare const borderInteractive = "#0f62fe";
export declare const textPrimary = "#161616";
export declare const textSecondary = "#525252";
export declare const textPlaceholder = "#a8a8a8";
export declare const textHelper = "#6f6f6f";
export declare const textOnColor = "#ffffff";
export declare const textInverse = "#ffffff";
export declare const linkPrimary = "#0f62fe";
export declare const linkSecondary = "#0043ce";
export declare const linkVisited = "#8a3ffc";
export declare const linkInverse = "#78a9ff";
export declare const iconPrimary = "#161616";
export declare const iconSecondary = "#525252";
export declare const iconOnColor = "#ffffff";
export declare const iconInverse = "#ffffff";
export declare const supportError = "#da1e28";
export declare const supportSuccess = "#198038";
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 overlay: string;
export declare const toggleOff = "#8d8d8d";
export declare const shadow: string;
export declare const buttonPrimary = "#0f62fe";
export declare const buttonSecondary = "#393939";
export declare const buttonTertiary = "#0f62fe";
export declare const buttonDangerPrimary = "#da1e28";
export declare const buttonDangerSecondary = "#da1e28";
export declare const backgroundActive = "#c6c6c6";
export declare const layerActive = "#c6c6c6";
export declare const buttonDangerActive = "#750e13";
export declare const buttonPrimaryActive = "#002d9c";
export declare const buttonSecondaryActive = "#6f6f6f";
export declare const buttonTertiaryActive = "#002d9c";
export declare const focusInset = "#ffffff";
export declare const focusInverse = "#ffffff";
export declare const backgroundHover = "#e5e5e5";
export declare const layerHover = "#e5e5e5";
export declare const fieldHover = "#e5e5e5";
export declare const backgroundInverseHover = "#4c4c4c";
export declare const linkPrimaryHover = "#0043ce";
export declare const buttonDangerHover: string;
export declare const buttonPrimaryHover = "#0353e9";
export declare const buttonSecondaryHover = "#4c4c4c";
export declare const buttonTertiaryHover = "#0353e9";
export declare const backgroundSelected = "#e0e0e0";
export declare const backgroundSelectedHover = "#cacaca";
export declare const layerSelected = "#e0e0e0";
export declare const layerSelectedHover = "#cacaca";
export declare const layerSelectedInverse = "#161616";
export declare const borderSubtleSelected = "#c6c6c6";
export declare const borderDisabled = "#f4f4f4";
export declare const textDisabled = "#c6c6c6";
export declare const buttonDisabled = "#c6c6c6";
export declare const iconDisabled = "#c6c6c6";
export declare const textOnColorDisabled = "#8d8d8d";
export declare const iconOnColorDisabled = "#8d8d8d";
export declare const layerSelectedDisabled = "#8d8d8d";
export declare const skeletonBackground = "#e5e5e5";
export declare const skeletonElement = "#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, legal01, legal02, bodyCompact01, bodyCompact02, body01, body02, headingCompact01, headingCompact02, heading03, heading04, heading05, heading06, heading07, fluidHeading03, fluidHeading04, fluidHeading05, fluidHeading06, fluidParagraph01, fluidQuotation01, fluidQuotation02, fluidDisplay01, fluidDisplay02, fluidDisplay03, fluidDisplay04, } 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';
export declare const brand01 = "#0f62fe";
export declare const brand02 = "#393939";
export declare const brand03 = "#0f62fe";
export declare const active01 = "#c6c6c6";
export declare const hoverField = "#e5e5e5";
export declare const danger = "#da1e28";