@instructure/quiz-core 21.0.0 → 21.0.1-rc.0

package/lib/common/components/layout/navbar/theme.js

@@ -8,7 +8,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
   var breakpoints = _ref.breakpoints,
     colors = _ref.colors;
   return {
-    backgroundColor: colors.porcelain,
+    backgroundColor: colors.contrasts.grey1111,
     phoneBreakPoint: breakpoints.medium
   };
 };

package/lib/common/components/layout/sidebar/PositionSummary/theme.js

@@ -10,13 +10,13 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     borders = _ref.borders,
     typography = _ref.typography;
   return {
-    numberSummaryColor: colors.licorice,
+    numberSummaryColor: colors.contrasts.grey125125,
     numberSummaryFontSize: typography.fontSizeMedium,
     numberSummaryFontWeight: typography.fontWeightBold,
     firstNumberSummaryPadding: spacing.xxSmall,
     secondNumberSummaryPadding: spacing.xxSmall,
     verticalDotsBorderWidth: borders.widthSmall,
-    verticalDotsBorderColor: colors.licorice
+    verticalDotsBorderColor: colors.contrasts.grey125125
   };
 };
 var _default = generateComponentTheme;

package/lib/common/components/layout/sidebar/Sidebar/theme.js

@@ -15,30 +15,30 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
   return {
     sidebarWidthClosed: spacing.xxLarge,
     sidebarWidthOpen: '22rem',
-    sidebarBackgroundColor: colors.white,
+    sidebarBackgroundColor: colors.contrasts.white1010,
     sidebarBorderWidth: borders.widthSmall,
-    sidebarBorderColor: colors.tiara,
-    sidebarColor: colors.oxford,
+    sidebarBorderColor: colors.contrasts.grey1214,
+    sidebarColor: colors.contrasts.grey100100,
     sidebarZIndex: '5555',
     sidebarTransitionDuration: transitions.duration,
     infoHolderFontSize: typography.fontSizeXSmall,
     infoHolderBorderWidth: borders.widthSmall,
-    infoHolderBorderColor: colors.tiara,
+    infoHolderBorderColor: colors.contrasts.grey1214,
     infoHolderPadding: spacing.small,
-    actionableInfoHoverBorderColor: colors.electric,
+    actionableInfoHoverBorderColor: colors.contrasts.blue4570,
     actionableInfoBorderWidth: borders.widthLarge,
     questionNavigatorPadding: spacing.xxxSmall,
     headerSpacingPadding: "".concat(spacing.small, " ").concat(spacing.xSmall),
-    pinnedSectionBackgroundColor: colors.porcelain,
+    pinnedSectionBackgroundColor: colors.contrasts.grey1111,
     pinnedQuestionSpacing: spacing.small,
     pinnedQuestionFontSize: typography.fontSizeSmall,
     sidebarHeaderBorderWidth: borders.widthSmall,
-    sidebarHeaderBorderColor: colors.tiara,
+    sidebarHeaderBorderColor: colors.contrasts.grey1214,
     descriptionFontSize: typography.fontSizeXSmall,
-    descriptionFontColor: colors.slate,
+    descriptionFontColor: colors.contrasts.grey4570,
     phoneBreakPoint: "max-width: ".concat(breakpoints.medium),
-    focusBorderColor: colors.brand,
-    focusOutlineColor: (0, _uiColorUtils.alpha)(colors.brand, 50)
+    focusBorderColor: colors.contrasts.blue4570,
+    focusOutlineColor: (0, _uiColorUtils.alpha)(colors.contrasts.blue4570, 50)
   };
 };
 var _default = generateComponentTheme;

package/lib/common/components/layout/sidebar/SidebarItem/theme.js

@@ -10,13 +10,13 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     typography = _ref.typography,
     spacing = _ref.spacing;
   return {
-    borderColor: colors.white,
-    bottomBorderColor: colors.tiara,
+    borderColor: colors.contrasts.white1010,
+    bottomBorderColor: colors.contrasts.grey1214,
     bottomBorderWidth: borders.widthSmall,
-    darkTextColor: colors.licorice,
-    hoverBorderColor: colors.electric,
+    darkTextColor: colors.contrasts.grey125125,
+    hoverBorderColor: colors.contrasts.blue4570,
     hoverBorderWidth: borders.widthLarge,
-    infoHeaderColor: colors.slate,
+    infoHeaderColor: colors.contrasts.grey4570,
     infoHeaderFontSize: typography.fontSizeXSmall,
     itemBodyFontSize: typography.fontSizeSmall,
     itemBodyMarginTop: spacing.xxSmall,

package/lib/common/components/layout/sidebar/Stimulus/Collection/theme.js

@@ -10,7 +10,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     borders = _ref.borders;
   return {
     columnPadding: spacing.xSmall,
-    sidebarIsOpenBottomBorderColor: colors.slate,
+    sidebarIsOpenBottomBorderColor: colors.contrasts.grey4570,
     sidebarIsOpenBottomBorderWidth: borders.widthSmall
   };
 };

package/lib/common/components/layout/sidebar/Stimulus/Summary/theme.js

@@ -9,10 +9,10 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     spacing = _ref.spacing,
     borders = _ref.borders;
   return {
-    itemContainerColor: colors.licorice,
+    itemContainerColor: colors.contrasts.grey125125,
     itemContainerPadding: spacing.xSmall,
     itemContainerBorderWidth: borders.widthSmall,
-    itemContainerBorderColor: colors.licorice,
+    itemContainerBorderColor: colors.contrasts.grey125125,
     summaryMargin: spacing.small,
     summaryMarginLeft: spacing.medium
   };

package/lib/common/components/layout/sidebar/Stimulus/theme.js

@@ -10,17 +10,17 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     borders = _ref.borders,
     typography = _ref.typography;
   return {
-    borderColor: colors.white,
-    hoverBorderColor: colors.electric,
+    borderColor: colors.contrasts.white1010,
+    hoverBorderColor: colors.contrasts.blue4570,
     hoverBorderWidth: borders.widthLarge,
     sidebarClosedButtonPadding: "".concat(spacing.xxSmall, " 0"),
     sidebarHeaderPadding: spacing.small,
     sidebarItemBorderWidth: borders.widthSmall,
-    sidebarItemBorderColor: colors.tiara,
+    sidebarItemBorderColor: colors.contrasts.grey1214,
     sidebarIsOpenInfoHeaderFontSize: typography.fontSizeXSmall,
     sidebarIsOpenInfoHeaderPadding: spacing.xSmall,
     sidebarIsOpenInfoHeaderMargin: spacing.xSmall,
-    sidebarIsOpenInfoHeaderColor: colors.ash
+    sidebarIsOpenInfoHeaderColor: colors.contrasts.grey4570
   };
 };
 var _default = generateComponentTheme;

package/lib/common/components/resources/WarningWrapper/theme.js

@@ -12,7 +12,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     alertPadding: spacing.medium,
     alertZIndex: '8888',
     containerPadding: spacing.medium,
-    disabledChildrenBackgroundColor: colors.porcelain,
+    disabledChildrenBackgroundColor: colors.contrasts.grey1111,
     disabledChildrenOpacity: '0.6',
     disabledChildrenZIndex: '7777'
   };

package/lib/common/components/resources/positionBox/theme.js

@@ -11,10 +11,10 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
   return {
     positionMargin: spacing.xSmall,
     positionPadding: spacing.xSmall,
-    positionBackgroundColor: colors.licorice,
+    positionBackgroundColor: colors.contrasts.grey125125,
     positionZIndex: '3333',
     positionDimension: '2em',
-    positionTextColor: colors.porcelain,
+    positionTextColor: colors.contrasts.grey1111,
     positionTextFontSize: typography.fontSizeMedium
   };
 };

package/lib/common/components/resources/quiz/AddContent/Body/theme.js

@@ -14,7 +14,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     phoneBreakPoint: "max-width: ".concat(breakpoints.medium),
     popoverContentMargin: spacing.medium,
     popoverHeaderBoxBorderWidth: borders.widthSmall,
-    popoverHeaderBoxBorderColor: colors.tiara
+    popoverHeaderBoxBorderColor: colors.contrasts.grey1214
   };
 };
 var _default = generateComponentTheme;

package/lib/common/components/resources/quiz/AddContent/Button/theme.js

@@ -14,16 +14,16 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     attachQuestionButtonHolderZIndex: '2222',
     newItemButtonMargin: spacing.xSmall,
     newItemButtonPadding: spacing.xSmall,
-    newItemButtonBackgroundColor: colors.brand,
+    newItemButtonBackgroundColor: colors.contrasts.blue4570,
     newItemButtonBorderRadius: spacing.large,
-    newItemButtonColor: colors.white,
-    newItemButtonFocusOutline: "2px solid ".concat(colors.brand),
+    newItemButtonColor: colors.contrasts.white1010,
+    newItemButtonFocusOutline: "2px solid ".concat(colors.contrasts.blue4570),
     newItemButtonFocusOutlineOffset: spacing.xxxSmall,
     newItemButtonFontSize: typography.fontSizeMedium,
     newItemButtonFontWeight: typography.fontWeightBold,
     newItemButtonZIndex: '4444',
     newItemButtonBoxShadow: '2px 2px 3px #ddd',
-    newItemButtonEditingBackgroundColor: colors.crimson,
+    newItemButtonEditingBackgroundColor: colors.contrasts.red4570,
     newItemButtonHolderZIndex: '2222',
     newItemButtonTransition: "background-color ".concat(transitions.duration, " linear, transform ").concat(transitions.duration, " ease")
   };

package/lib/common/components/resources/quiz/AddContent/Popover/theme.js

@@ -9,7 +9,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     borders = _ref.borders;
   return {
     borderLineBorderWidth: borders.widthMedium,
-    borderLineBorderColor: colors.porcelain
+    borderLineBorderColor: colors.contrasts.grey1111
   };
 };
 var _default = generateComponentTheme;

package/lib/common/components/resources/sessionItemResult/ResultStimulus/theme.js

@@ -12,16 +12,16 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     breakpoints = _ref.breakpoints;
   return {
     rootBorderWidth: borders.widthSmall,
-    rootBorderColor: colors.porcelain,
+    rootBorderColor: colors.contrasts.grey1111,
     instructionsPaddingTopBottom: spacing.medium,
     instructionsPaddingLeftRight: spacing.large,
     instructionsBorderWidth: borders.widthSmall,
-    instructionsBorderColor: colors.porcelain,
+    instructionsBorderColor: colors.contrasts.grey1111,
     instructionsHeaderPadding: spacing.xSmall,
     instructionsHeaderFontWeight: typography.fontWeightBold,
     infoPaddingTopBottom: spacing.small,
     infoPaddingLeftRight: spacing.medium,
-    infoBackgroundColor: colors.porcelain,
+    infoBackgroundColor: colors.contrasts.grey1111,
     headerPaddingTop: spacing.xSmall,
     headerPaddingBottom: spacing.small,
     titleFontSize: typography.fontSizeMedium,
@@ -32,7 +32,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     phoneInstructionsPaddingLeftRight: spacing.small,
     phoneInfoPadding: spacing.small,
     phoneConnectingLinesBorderWidth: borders.widthSmall,
-    phoneConnectingLinesBorderColor: colors.tiara,
+    phoneConnectingLinesBorderColor: colors.contrasts.grey1214,
     phoneConnectingLinesMargin: spacing.small
   };
 };

package/lib/common/components/resources/sessionItemResult/SessionItemResult/theme.js

@@ -12,9 +12,9 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
   return {
     sessionItemResultPadding: spacing.small,
     topBorderWidth: borders.widthSmall,
-    topBorderColor: colors.tiara,
+    topBorderColor: colors.contrasts.grey1214,
     resultMargin: spacing.small,
-    pointsColor: colors.ash,
+    pointsColor: colors.contrasts.grey4570,
     pointFontSize: typography.fontSizeXSmall,
     questionFontSize: typography.fontSizeMedium,
     itemFeedbackWrapperMargin: spacing.small,
@@ -23,9 +23,9 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     itemFeedbackWrapperFontSize: typography.fontSizeSmall,
     itemFeedbackWrapperBorderStyle: borders.borderStyle,
     itemFeedbackWrapperBorderWidth: borders.widthSmall,
-    itemFeedbackWrapperBorderColor: colors.tiara,
+    itemFeedbackWrapperBorderColor: colors.contrasts.grey1214,
     itemFeedbackWrapperStyle: borders.style,
-    itemFeedbackLabelColor: colors.oxford,
+    itemFeedbackLabelColor: colors.contrasts.grey100100,
     itemFeedbackLabelFontSize: typography.fontSizeXSmall,
     itemFeedbackMargin: spacing.xxSmall,
     itemFeedbackTextSize: typography.fontSizeMedium,

package/lib/common/components/resources/sessionItemResult/SessionItemResultsList/theme.js

@@ -14,7 +14,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     sessionItemResultsListHeaderWrapperMarginLeftRight: spacing.large,
     sessionItemResultsListHeaderFontSize: typography.fontSizeXLarge,
     sessionItemResultsListMargin: spacing.xSmall,
-    sessionItemResultsListBorderColor: colors.tiara,
+    sessionItemResultsListBorderColor: colors.contrasts.grey1214,
     sessionItemResultsListBorderWidth: borders.widthSmall
   };
 };

package/lib/common/components/resources/stimulus/Stimulus/theme.js

@@ -12,7 +12,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
   return {
     leftPanelPadding: spacing.xxSmall,
     leftPanelBorderWidth: borders.widthSmall,
-    leftPanelBorderColor: colors.tiara,
+    leftPanelBorderColor: colors.contrasts.grey1214,
     rightPanelPadding: spacing.xSmall,
     dragAndDropHandleZIndex: '3333',
     dragAndDropHandleFontSize: typography.fontSizeMedium,

package/lib/common/components/resources/stimulus/StimulusEdit/theme.js

@@ -15,7 +15,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     optionPadding: spacing.small,
     stimulusContentPadding: spacing.small,
     stimulusContentPaddingBottom: spacing.small,
-    stimulusButtonsColor: colors.oxford,
+    stimulusButtonsColor: colors.contrasts.grey100100,
     stimulusButtonsZIndex: '3333'
   };
 };

package/lib/common/components/resources/stimulus/StimulusEditInfo/theme.js

@@ -10,7 +10,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     colors = _ref.colors;
   return {
     sectionPadding: spacing.small,
-    optionalLabelColor: colors.ash,
+    optionalLabelColor: colors.contrasts.grey4570,
     optionalLabelFontSize: typography.fontSizeXSmall,
     urlLabelMargin: spacing.xSmall
   };

package/lib/common/components/shared/Card/CardContent/theme.js

@@ -12,13 +12,13 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     transitions = _ref.transitions;
   return {
     contentTransitionDuration: transitions.duration,
-    contentBackgroundColor: colors.white,
+    contentBackgroundColor: colors.contrasts.white1010,
     contentMaxWidth: '79.5rem',
     contentMargin: spacing.medium,
     phoneBreakPoint: "max-width: ".concat(breakpoints.medium),
     phoneContentMargin: spacing.xSmall,
     contentBoxShadow: shadows.depth1,
-    contentBorderColor: colors.tiara,
+    contentBorderColor: colors.contrasts.grey1214,
     contentBorderRadius: '4px'
   };
 };

package/lib/common/components/shared/InteractionTypes/theme.js

@@ -10,7 +10,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     spacing = _ref.spacing;
   return {
     stimulusDividerBorderWidth: borders.widthSmall,
-    stimulusDividerBorderColor: colors.ash,
+    stimulusDividerBorderColor: colors.contrasts.grey4570,
     stimulusDividerMarginTop: spacing.xSmall,
     stimulusDividerMarginBottom: spacing.small
   };

package/lib/common/components/shared/PaginatedCollection/theme.js

@@ -11,7 +11,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
   return {
     emptyPadding: spacing.small,
     emptyFontSize: typography.fontSizeLarge,
-    emptyColor: colors.ash
+    emptyColor: colors.contrasts.grey4570
   };
 };
 var _default = generateComponentTheme;

package/lib/common/components/shared/drag_and_drop/DragAndDropZone/theme.js

@@ -10,16 +10,16 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     borders = _ref.borders;
   return {
     DnDZoneBorderWidth: borders.widthSmall,
-    DnDZoneBorderColor: colors.tiara,
-    DnDZoneBackgroundColor: colors.porcelain,
+    DnDZoneBorderColor: colors.contrasts.grey1214,
+    DnDZoneBackgroundColor: colors.contrasts.grey1111,
     DnDZonePadding: spacing.medium,
     // sidebar:
     sidebarDnDZoneBorderWidth: borders.widthSmall,
-    sidebarDnDZoneBorderColor: colors.oxford,
-    sidebarDnDZoneBackgroundColor: colors.porcelain,
+    sidebarDnDZoneBorderColor: colors.contrasts.grey100100,
+    sidebarDnDZoneBackgroundColor: colors.contrasts.grey1111,
     sidebarDnDZonePadding: spacing.small,
     sidebarDnDZoneMargin: spacing.xSmall,
-    sidebarDnDZoneColor: colors.licorice
+    sidebarDnDZoneColor: colors.contrasts.grey125125
   };
 };
 var _default = generateComponentTheme;

package/lib/common/components/shared/errors/theme.js

@@ -10,7 +10,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
   return {
     errorFontFamily: typography.fontFamily,
     errorFontSize: typography.fontSizeSmall,
-    errorColor: colors.crimson
+    errorColor: colors.contrasts.red4570
   };
 };
 var _default = generateComponentTheme;

package/lib/common/components/shared/file_selector/theme.js

@@ -9,9 +9,9 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     spacing = _ref.spacing,
     borders = _ref.borders;
   return {
-    dropzoneBackgroundColor: colors.porcelain,
+    dropzoneBackgroundColor: colors.contrasts.grey1111,
     dropzoneBorderWidth: borders.widthSmall,
-    dropzoneBorderColor: colors.ash,
+    dropzoneBorderColor: colors.contrasts.grey4570,
     dropzonePadding: spacing.medium
   };
 };

package/lib/common/components/shared/overlay/theme.js

@@ -10,7 +10,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     spacing = _ref.spacing;
   return {
     overlayZIndex: '2222',
-    overlayBarColor: colors.electric,
+    overlayBarColor: colors.contrasts.blue4570,
     overlayBarSize: '0.3rem'
   };
 };

package/lib/moderating/components/events/theme.js

@@ -12,7 +12,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     embeddedImageMargin: spacing.xSmall,
     embeddedImagePadding: spacing.small,
     mediaToggleMargin: spacing.xSmall,
-    mediaToggleColor: colors.tiara
+    mediaToggleColor: colors.contrasts.grey1214
   };
 };
 var _default = generateComponentTheme;

package/lib/moderating/components/resources/ModerateTable/theme.js

@@ -9,7 +9,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     colors = _ref.colors;
   return {
     emptyTextMargin: spacing.small,
-    pageBackgroundColor: colors.white
+    pageBackgroundColor: colors.contrasts.white1010
   };
 };
 var _default = generateComponentTheme;

package/lib/reporting/components/charts/Distribution/theme.js

@@ -8,8 +8,8 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
   var colors = _ref.colors,
     typography = _ref.typography;
   return {
-    barFillColor: colors.electric,
-    barStarFillColor: colors.fire,
+    barFillColor: colors.contrasts.blue4570,
+    barStarFillColor: colors.contrasts.orange4570,
     barLabelColor: colors.textDarkest,
     barLabelFontFamily: typography.fontFamily,
     barLabelFontSize: typography.fontSizeSmall,

package/lib/reporting/components/charts/Legend/theme.js

@@ -11,11 +11,11 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     typography = _ref.typography;
   return {
     containerBorderWidth: borders.widthSmall,
-    containerBorderColor: colors.tiara,
+    containerBorderColor: colors.contrasts.grey1214,
     seriesContainerMargin: spacing.small,
     seriesContainerRowMargin: spacing.medium,
     seriesSwatchMargin: spacing.small,
-    seriesSwatchBackgroundColor: colors.electric,
+    seriesSwatchBackgroundColor: colors.contrasts.blue4570,
     seriesLabelFontFamily: typography.fontFamily,
     seriesLabelFontSize: typography.fontSizeXSmall,
     seriesLabelColor: colors.textDarkest

package/lib/reporting/components/itemAnalysis/AnswerFrequencySummary/theme.js

@@ -12,20 +12,20 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     borders = _ref.borders,
     transitions = _ref.transitions;
   return {
-    contentCellBorderColor: colors.tiara,
+    contentCellBorderColor: colors.contrasts.grey1214,
     answerRowCellPadding: spacing.xSmall,
-    answerRowCorrectBackgroundColor: colors.white,
-    answerRowAnswerIconColor: colors.shamrock,
+    answerRowCorrectBackgroundColor: colors.contrasts.white1010,
+    answerRowAnswerIconColor: colors.contrasts.green4570,
     answerRowCorrectTextFieldFontWeight: typography.fontWeightBold,
-    answerRowCorrectBarBackgroundColor: colors.shamrock,
+    answerRowCorrectBarBackgroundColor: colors.contrasts.green4570,
     answerIconFontSize: typography.fontSizeXSmall,
-    answerIconColor: colors.ash,
+    answerIconColor: colors.contrasts.grey4570,
     answerTextfieldFontWeight: typography.fontWeightNormal,
-    respondentLinkColor: colors.ash,
-    respondentLinkPresentColor: colors.electric,
+    respondentLinkColor: colors.contrasts.grey4570,
+    respondentLinkPresentColor: colors.contrasts.blue4570,
     answerRatioPaddingLeft: spacing.small,
     barMinWidth: borders.widthSmall,
-    barBackgroundColor: colors.licorice,
+    barBackgroundColor: colors.contrasts.grey125125,
     phoneBreakPoint: "max-width: ".concat(breakpoints.medium),
     barTransition: "width ".concat(transitions.duration)
   };

package/lib/reporting/components/itemAnalysis/ItemAnalysisRow/theme.js

@@ -12,20 +12,20 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
   return {
     itemAnalysisRowPadding: spacing.small,
     itemAnalysisRowMargin: spacing.small,
-    headerTextColor: colors.ash,
+    headerTextColor: colors.contrasts.grey4570,
     headerTextFontSize: typography.fontSizeXSmall,
     metricNoteFontSize: typography.fontSizeMedium,
-    metricNoteColor: colors.ash,
+    metricNoteColor: colors.contrasts.grey4570,
     metricsRowLowerPadding: spacing.large,
     stemFontSize: typography.fontSizeXSmall,
     stemLineHeight: typography.lineHeight,
     stemMargin: spacing.small,
     emptyTextPadding: spacing.small,
-    emptyTextColor: colors.ash,
+    emptyTextColor: colors.contrasts.grey4570,
     answerDistributionPadding: spacing.small,
     answerDistributionChartPadding: spacing.small,
     answerDistributionLegendPadding: spacing.small,
-    answerDistributionSwatchColor: colors.electric,
+    answerDistributionSwatchColor: colors.contrasts.blue4570,
     phoneBreakPoint: "max-width: ".concat(breakpoints.medium)
   };
 };

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/LegacyChoiceType/ChoiceTypeTableRow/theme.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var colors = _ref.colors;
   return {
-    colorGreen: colors.shamrock,
+    colorGreen: colors.contrasts.green4570,
     cellPadding: '0.75rem 0.75rem'
   };
 };

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/shared/AggregationTable/theme.js

@@ -7,11 +7,11 @@ exports.default = void 0;
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var colors = _ref.colors;
   return {
-    colorGreen: colors.shamrock,
-    colorBlue: colors.brand,
-    colorRed: colors.crimson,
-    colorGrey: colors.ash,
-    colorHeaderBottomBorder: colors.tiara,
+    colorGreen: colors.contrasts.green4570,
+    colorBlue: colors.contrasts.blue4570,
+    colorRed: colors.contrasts.red4570,
+    colorGrey: colors.contrasts.grey4570,
+    colorHeaderBottomBorder: colors.contrasts.grey1214,
     cellPadding: '13.5px 13.5px;'
   };
 };

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/shared/ChoiceTypeTable/theme.js

@@ -9,8 +9,8 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     colors = _ref.colors;
   return {
     tableBottomPadding: spacing.medium,
-    colorGreen: colors.shamrock,
-    colorGray: colors.tiara,
+    colorGreen: colors.contrasts.green4570,
+    colorGray: colors.contrasts.grey1214,
     cellPadding: '0.75rem 0.75rem'
   };
 };

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/NewItemAnalysis/BlankIcon/theme.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var colors = _ref.colors;
   return {
-    blankBorderColor: colors.tiara,
+    blankBorderColor: colors.contrasts.grey1214,
     blankBorderRadius: '14px',
     blankMinWidth: '20px',
     blankHeight: '20px'

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/NewItemAnalysis/theme.js

@@ -15,7 +15,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     viewPaddingRight: spacing.xxSmall,
     metricNumberContextFontSize: typography.fontSizeMedium,
     metricNumberContextFontWeight: typography.fontWeightNormal,
-    blankBorderColor: colors.tiara,
+    blankBorderColor: colors.contrasts.grey1214,
     blankBorderRadius: '14px',
     blankMinWidth: '20px',
     blankHeight: '20px'

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/ReportCard/theme.js

@@ -13,7 +13,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     cardWidth: '19.5rem',
     cardPadding: spacing.medium,
     cardMargin: spacing.xSmall,
-    quizSummaryBorderBottomColor: colors.tiara
+    quizSummaryBorderBottomColor: colors.contrasts.grey1214
   };
 };
 var _default = generateComponentTheme;

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/charts/ScoreDistribution/theme.js

@@ -9,9 +9,9 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     spacing = _ref.spacing,
     typography = _ref.typography;
   return {
-    legendRectFillColor: colors.electric,
+    legendRectFillColor: colors.contrasts.blue4570,
     legendPadding: spacing.small,
-    legendBorderColor: colors.ash,
+    legendBorderColor: colors.contrasts.grey4570,
     legendFontSize: typography.fontSizeXSmall,
     legendMargin: spacing.medium
   };

package/lib/reporting/components/resources/QuizAndItemAnalysis/theme.js

@@ -14,7 +14,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     titleMarginBottom: spacing.xSmall,
     emptyTextPadding: spacing.small,
     emptyTextFontSize: typography.fontSizeLarge,
-    emptyTextColor: colors.ash
+    emptyTextColor: colors.contrasts.grey4570
   };
 };
 var _default = generateComponentTheme;

package/lib/reporting/components/resources/StudentAnalysis/ReportCard/theme.js

@@ -15,7 +15,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     cardWidth: '19.5rem',
     cardPadding: spacing.medium,
     cardMargin: spacing.xSmall,
-    quizSummaryBorderBottomColor: colors.tiara
+    quizSummaryBorderBottomColor: colors.contrasts.grey1214
   };
 };
 exports.generateComponentTheme = generateComponentTheme;