@skbkontur/react-ui 3.10.0 → 4.0.0-beta.4

package/cjs/internal/ThemePlayground/darkTheme.d.ts

@@ -1,255 +1,269 @@
-export declare const darkTheme: Readonly<Readonly<typeof import("../themes/DefaultTheme").DefaultTheme> & {
-    brandXLight: string;
-    brandLight: string;
-    brand: string;
-    brandDark: string;
-    brandXDark: string;
-    white: string;
-    grayXxLight: string;
-    grayXLight: string;
-    grayLight: string;
-    gray: string;
-    grayDark: string;
-    black: string;
-    blueXxLight: string;
-    blueLight: string;
-    blue: string;
-    blueDark: string;
-    blueXDark: string;
-    greenXxLight: string;
-    green: string;
-    greenDark: string;
-    redXxLight: string;
-    red: string;
-    redDark: string;
-    yellowXxLight: string;
-    yellow: string;
-    yellowDark: string;
-    bgDefault: string;
-    bgDisabled: string;
-    bgActive: string;
-    errorMain: string;
-    errorSecondary: string;
-    errorText: string;
-    warningMain: string;
-    warningSecondary: string;
-    warningText: string;
-    borderColorFocus: string;
-    borderColorFocusLight: string;
-    borderColorGrayDark: string;
-    borderColorGrayLight: string;
-    borderColorError: string;
-    borderColorWarning: string;
-    outlineColorFocus: string;
-    placeholderColor: string;
-    placeholderColorLight: string;
-    blinkColor: string;
-    controlBorderWidth: string;
-    controlLineHeightSmall: string;
-    controlLineHeightMedium: string;
-    controlLineHeightLarge: string;
-    controlPaddingYSmall: string;
-    controlPaddingYMedium: string;
-    controlPaddingYLarge: string;
-    controlHeightSmall: string;
-    controlHeightMedium: string;
-    controlHeightLarge: string;
-    checkboxCheckedColor: string;
-    readonly checkboxBg: any;
-    checkboxShadow: string;
-    checkboxHoverBg: string;
-    checkboxBgDisabled: string;
-    checkboxShadowDisabled: string;
-    readonly checkboxOutlineColorFocus: any;
-    readonly checkboxActiveBg: any;
-    readonly checkboxCheckedActiveBg: any;
-    readonly radioBgImage: string;
-    radioBoxShadow: string;
-    radioCheckedBulletColor: string;
-    radioHoverBg: string;
-    radioHoverShadow: string;
-    radioDisabledShadow: string;
-    radioDisabledBg: string;
-    readonly radioActiveBg: any;
-    textColorDefault: string;
-    textColorInvert: string;
-    textColorDisabled: string;
-    linkColor: string;
-    linkActiveColor: string;
-    linkHoverColor: string;
-    linkDisabledColor: string;
-    linkHoverTextDecoration: string;
-    menuItemHoverBg: string;
-    menuItemSelectedBg: string;
-    loaderBg: string;
-    loaderOpacity: string;
-    btnDisabledBg: string;
-    btnCheckedBg: string;
-    btnCheckedTextColor: string;
-    btnDefaultBg: string;
-    btnDefaultHoverBg: string;
-    btnDefaultBgStart: string;
-    btnDefaultBgEnd: string;
-    btnDefaultBorderColor: string;
-    btnDefaultBorderBottomColor: string;
-    btnDefaultHoverBgStart: string;
-    btnDefaultHoverBgEnd: string;
-    btnDefaultHoverBorderColor: string;
-    btnDefaultHoverBorderBottomColor: string;
-    btnDefaultActiveBg: string;
-    btnDefaultActiveShadow: string;
-    btnDefaultActiveBorderColor: string;
-    btnDefaultActiveBorderTopColor: string;
-    btnSuccessBg: string;
-    btnSuccessBgStart: string;
-    btnSuccessBgEnd: string;
-    btnSuccessTextColor: string;
-    btnSuccessBorderColor: string;
-    btnSuccessBorderBottomColor: string;
-    btnSuccessHoverBgStart: string;
-    btnSuccessHoverBgEnd: string;
-    btnSuccessHoverBorderColor: string;
-    btnSuccessHoverBorderBottomColor: string;
-    btnSuccessActiveBg: string;
-    btnSuccessActiveShadow: string;
-    btnSuccessActiveBorderColor: string;
-    btnSuccessActiveBorderTopColor: string;
-    btnPrimaryBg: string;
-    btnPrimaryBgStart: string;
-    btnPrimaryBgEnd: string;
-    btnPrimaryTextColor: string;
-    btnPrimaryBorderColor: string;
-    btnPrimaryBorderBottomColor: string;
-    btnPrimaryHoverBgStart: string;
-    btnPrimaryHoverBgEnd: string;
-    btnPrimaryHoverBorderColor: string;
-    btnPrimaryHoverBorderBottomColor: string;
-    btnPrimaryActiveBg: string;
-    btnPrimaryActiveShadow: string;
-    btnPrimaryActiveBorderColor: string;
-    btnPrimaryActiveBorderTopColor: string;
-    btnDangerBg: string;
-    btnDangerBgStart: string;
-    btnDangerBgEnd: string;
-    btnDangerTextColor: string;
-    btnDangerBorderColor: string;
-    btnDangerBorderBottomColor: string;
-    btnDangerHoverBgStart: string;
-    btnDangerHoverBgEnd: string;
-    btnDangerHoverBorderColor: string;
-    btnDangerHoverBorderBottomColor: string;
-    btnDangerActiveBg: string;
-    btnDangerActiveShadow: string;
-    btnDangerActiveBorderColor: string;
-    btnDangerActiveBorderTopColor: string;
-    btnPayBg: string;
-    btnPayBgStart: string;
-    btnPayBgEnd: string;
-    btnPayBorderColor: string;
-    btnPayBorderBottomColor: string;
-    btnPayHoverBgStart: string;
-    btnPayHoverBgEnd: string;
-    btnPayHoverBorderColor: string;
-    btnPayHoverBorderBottomColor: string;
-    btnPayActiveBg: string;
-    btnPayActiveShadow: string;
-    btnPayActiveBorderColor: string;
-    btnPayActiveBorderTopColor: string;
-    selectPlaceholderColor: string;
-    tabColorFocus: string;
-    tabColorError: string;
-    tabColorWarning: string;
-    tabColorSuccess: string;
-    tabColorPrimary: string;
-    tabColorHover: string;
-    tabColorHoverError: string;
-    tabColorHoverWarning: string;
-    tabColorHoverSuccess: string;
-    tabColorHoverPrimary: string;
-    tooltipCloseBtnColor: string;
-    tooltipCloseBtnHoverColor: string;
-    modalBackBg: string;
-    modalBackOpacity: string;
-    modalCloseButtonColor: string;
-    modalCloseButtonDisabledColor: string;
-    modalCloseButtonHoverColor: string;
-    modalFixedHeaderBg: string;
-    modalFixedHeaderShadow: string;
-    modalFixedFooterShadow: string;
-    modalFooterBg: string;
-    modalAdaptiveThreshold: string;
-    sidePageFooterPanelBg: string;
-    sidePageCloseButtonColor: string;
-    sidePageCloseButtonHoverColor: string;
-    sidePageContainerShadow: string;
-    dateInputIconColor: string;
-    dateInputMaskColor: string;
-    calendarCellBg: string;
-    calendarCellHoverBgColor: string;
-    calendarCellHoverColor: string;
-    calendarCellActiveHoverColor: string;
-    calendarCellWeekendColor: string;
-    calendarCellTodayBorder: string;
-    calendarCellSelectedBgColor: string;
-    calendarCellSelectedFontColor: string;
-    calendarMonthHeaderStickedBgColor: string;
-    calendarMonthTitleBorderBottomColor: string;
-    dateSelectMenuBg: string;
-    dateSelectMenuItemBgActive: string;
-    dateSelectMenuItemBgSelected: string;
-    dateSelectMenuItemBgDisabled: string;
-    dateSelectMenuItemFontActive: string;
-    dateSelectMenuItemFontSelected: string;
-    dateSelectMenuItemFontDisabled: string;
-    datePickerOpenBtnColor: string;
-    pickerBg: string;
-    pickerShadow: string;
-    pickerTodayWrapperBgColor: string;
-    pickerTodayWrapperBorderTop: string;
-    pickerTodayWrapperHoverBgColor: string;
-    pagingDotsColor: string;
-    pagingForwardLinkColor: string;
-    pagingForwardLinkDisabledColor: string;
-    pagingPageLinkActiveBg: string;
-    pagingPageLinkActiveColor: string;
-    pagingPageLinkHoverBg: string;
-    pagingPageLinkHintColor: string;
-    menuSeparatorBorderColor: string;
-    toastBg: string;
-    toastColor: string;
-    toastLinkColor: string;
-    toastCloseColor: string;
-    toastCloseHoverColor: string;
-    tdDividerBg: string;
-    menuItemPaddingForIcon: string;
-    menuBorder: string;
-    menuShadow: string;
-    readonly toggleBaseBg: any;
-    toggleBgChecked: string;
-    toggleShadowColorWarning: string;
-    toggleShadowColorError: string;
-    toggleBgActive: string;
-    toggleFocusShadowColor: string;
-    toggleBorderColor: string;
-    readonly toggleBgDisabled: any;
-    toggleDisabledHandleBg: string;
-    btnMenuArrowColor: string;
-    popupBorderRadius: string;
-    popupBorder: string;
-    popupBorderColor: string;
-    popupDropShadow: string;
-    popupBoxShadow: string;
-    popupTextColor: string;
-    inputColor: string;
-    inputTextColor: string;
-    inputBg: string;
-    inputPlaceholderColorDisabled: string;
-    btnDisabledTextColor: string;
-    specificityLevel: string;
-    textareaBg: string;
-    textareaColor: string;
-    tbBg: string;
-    tbShadow: string;
-    logoColor: string;
-    logoHoverColor: string;
-}>;
+export declare const darkTheme: Readonly<Readonly<typeof import("../themes/DefaultTheme").DefaultTheme> & {
+    brandXLight: string;
+    brandLight: string;
+    brand: string;
+    brandDark: string;
+    brandXDark: string;
+    white: string;
+    grayXxLight: string;
+    grayXLight: string;
+    grayLight: string;
+    gray: string;
+    grayDark: string;
+    black: string;
+    blueXxLight: string;
+    blueLight: string;
+    blue: string;
+    blueDark: string;
+    blueXDark: string;
+    greenXxLight: string;
+    green: string;
+    greenDark: string;
+    redXxLight: string;
+    red: string;
+    redDark: string;
+    yellowXxLight: string;
+    yellow: string;
+    yellowDark: string;
+    bgDefault: string;
+    bgDisabled: string;
+    bgActive: string;
+    errorMain: string;
+    errorSecondary: string;
+    errorText: string;
+    warningMain: string;
+    warningSecondary: string;
+    warningText: string;
+    borderColorFocus: string;
+    borderColorFocusLight: string;
+    borderColorGrayDark: string;
+    borderColorGrayLight: string;
+    borderColorError: string;
+    borderColorWarning: string;
+    outlineColorFocus: string;
+    placeholderColor: string;
+    placeholderColorLight: string;
+    blinkColor: string;
+    controlBorderWidth: string;
+    controlLineHeightSmall: string;
+    controlLineHeightMedium: string;
+    controlLineHeightLarge: string;
+    controlPaddingYSmall: string;
+    controlPaddingYMedium: string;
+    controlPaddingYLarge: string;
+    controlHeightSmall: string;
+    controlHeightMedium: string;
+    controlHeightLarge: string;
+    checkboxCheckedColor: string;
+    readonly checkboxBg: any;
+    checkboxShadow: string;
+    checkboxHoverBg: string;
+    checkboxBgDisabled: string;
+    checkboxShadowDisabled: string;
+    readonly checkboxOutlineColorFocus: any;
+    readonly checkboxActiveBg: any;
+    readonly checkboxCheckedActiveBg: any;
+    readonly radioBgImage: string;
+    radioBoxShadow: string;
+    radioCheckedBulletColor: string;
+    radioHoverBg: string;
+    radioHoverShadow: string;
+    radioDisabledShadow: string;
+    radioDisabledBg: string;
+    readonly radioActiveBg: any;
+    textColorDefault: string;
+    textColorInvert: string;
+    textColorDisabled: string;
+    linkColor: string;
+    linkActiveColor: string;
+    linkHoverColor: string;
+    linkDisabledColor: string;
+    linkHoverTextDecoration: string;
+    menuItemHoverBg: string;
+    menuItemSelectedBg: string;
+    loaderBg: string;
+    loaderOpacity: string;
+    btnDisabledBg: string;
+    btnCheckedBg: string;
+    btnCheckedTextColor: string;
+    btnDefaultBg: string;
+    btnDefaultHoverBg: string;
+    btnDefaultBgStart: string;
+    btnDefaultBgEnd: string;
+    btnDefaultBorderColor: string;
+    btnDefaultBorderBottomColor: string;
+    btnDefaultHoverBgStart: string;
+    btnDefaultHoverBgEnd: string;
+    btnDefaultHoverBorderColor: string;
+    btnDefaultHoverBorderBottomColor: string;
+    btnDefaultActiveBg: string;
+    btnDefaultActiveShadow: string;
+    btnDefaultActiveBorderColor: string;
+    btnDefaultActiveBorderTopColor: string;
+    btnSuccessBg: string;
+    btnSuccessBgStart: string;
+    btnSuccessBgEnd: string;
+    btnSuccessTextColor: string;
+    btnSuccessBorderColor: string;
+    btnSuccessBorderBottomColor: string;
+    btnSuccessHoverBgStart: string;
+    btnSuccessHoverBgEnd: string;
+    btnSuccessHoverBorderColor: string;
+    btnSuccessHoverBorderBottomColor: string;
+    btnSuccessActiveBg: string;
+    btnSuccessActiveShadow: string;
+    btnSuccessActiveBorderColor: string;
+    btnSuccessActiveBorderTopColor: string;
+    btnPrimaryBg: string;
+    btnPrimaryBgStart: string;
+    btnPrimaryBgEnd: string;
+    btnPrimaryTextColor: string;
+    btnPrimaryBorderColor: string;
+    btnPrimaryBorderBottomColor: string;
+    btnPrimaryHoverBgStart: string;
+    btnPrimaryHoverBgEnd: string;
+    btnPrimaryHoverBorderColor: string;
+    btnPrimaryHoverBorderBottomColor: string;
+    btnPrimaryActiveBg: string;
+    btnPrimaryActiveShadow: string;
+    btnPrimaryActiveBorderColor: string;
+    btnPrimaryActiveBorderTopColor: string;
+    btnDangerBg: string;
+    btnDangerBgStart: string;
+    btnDangerBgEnd: string;
+    btnDangerTextColor: string;
+    btnDangerBorderColor: string;
+    btnDangerBorderBottomColor: string;
+    btnDangerHoverBgStart: string;
+    btnDangerHoverBgEnd: string;
+    btnDangerHoverBorderColor: string;
+    btnDangerHoverBorderBottomColor: string;
+    btnDangerActiveBg: string;
+    btnDangerActiveShadow: string;
+    btnDangerActiveBorderColor: string;
+    btnDangerActiveBorderTopColor: string;
+    btnPayBg: string;
+    btnPayBgStart: string;
+    btnPayBgEnd: string;
+    btnPayBorderColor: string;
+    btnPayBorderBottomColor: string;
+    btnPayHoverBgStart: string;
+    btnPayHoverBgEnd: string;
+    btnPayHoverBorderColor: string;
+    btnPayHoverBorderBottomColor: string;
+    btnPayActiveBg: string;
+    btnPayActiveShadow: string;
+    btnPayActiveBorderColor: string;
+    btnPayActiveBorderTopColor: string;
+    selectPlaceholderColor: string;
+    tabColorFocus: string;
+    tabColorError: string;
+    tabColorWarning: string;
+    tabColorSuccess: string;
+    tabColorPrimary: string;
+    tabColorHover: string;
+    tabColorHoverError: string;
+    tabColorHoverWarning: string;
+    tabColorHoverSuccess: string;
+    tabColorHoverPrimary: string;
+    tooltipCloseBtnColor: string;
+    tooltipCloseBtnHoverColor: string;
+    modalBackBg: string;
+    modalBackOpacity: string;
+    modalCloseButtonColor: string;
+    modalCloseButtonDisabledColor: string;
+    modalCloseButtonHoverColor: string;
+    modalFixedHeaderBg: string;
+    modalFixedHeaderShadow: string;
+    modalFixedFooterShadow: string;
+    modalFooterBg: string;
+    modalAdaptiveThreshold: string;
+    sidePageFooterPanelBg: string;
+    sidePageCloseButtonColor: string;
+    sidePageCloseButtonHoverColor: string;
+    sidePageContainerShadow: string;
+    dateInputIconColor: string;
+    dateInputMaskColor: string;
+    calendarCellBg: string;
+    calendarCellHoverBgColor: string;
+    calendarCellHoverColor: string;
+    calendarCellActiveHoverColor: string;
+    calendarCellWeekendColor: string;
+    calendarCellTodayBorder: string;
+    calendarCellSelectedBgColor: string;
+    calendarCellSelectedFontColor: string;
+    calendarMonthHeaderStickedBgColor: string;
+    calendarMonthTitleBorderBottomColor: string;
+    dateSelectMenuBg: string;
+    dateSelectMenuItemBgActive: string;
+    dateSelectMenuItemBgSelected: string;
+    dateSelectMenuItemBgDisabled: string;
+    dateSelectMenuItemFontActive: string;
+    dateSelectMenuItemFontSelected: string;
+    dateSelectMenuItemFontDisabled: string;
+    datePickerOpenBtnColor: string;
+    pickerBg: string;
+    pickerShadow: string;
+    pickerTodayWrapperBgColor: string;
+    pickerTodayWrapperBorderTop: string;
+    pickerTodayWrapperHoverBgColor: string;
+    pagingDotsColor: string;
+    pagingForwardLinkColor: string;
+    pagingForwardLinkDisabledColor: string;
+    pagingPageLinkActiveBg: string;
+    pagingPageLinkActiveColor: string;
+    pagingPageLinkHoverBg: string;
+    pagingPageLinkHintColor: string;
+    menuSeparatorBorderColor: string;
+    toastBg: string;
+    toastColor: string;
+    toastLinkColor: string;
+    toastCloseColor: string;
+    toastCloseHoverColor: string;
+    tdDividerBg: string;
+    menuItemPaddingForIcon: string;
+    menuBorder: string;
+    menuShadow: string;
+    readonly toggleBaseBg: any;
+    toggleBgChecked: string;
+    toggleShadowColorWarning: string;
+    toggleShadowColorError: string;
+    toggleBgActive: string;
+    toggleFocusShadowColor: string;
+    toggleBorderColor: string;
+    readonly toggleBgDisabled: any;
+    toggleDisabledHandleBg: string;
+    btnMenuArrowColor: string;
+    popupBorderRadius: string;
+    popupBorder: string;
+    popupBorderColor: string;
+    popupDropShadow: string;
+    popupBoxShadow: string;
+    popupTextColor: string;
+    inputColor: string;
+    inputTextColor: string;
+    inputBg: string;
+    inputPlaceholderColorDisabled: string;
+    btnDisabledTextColor: string;
+    specificityLevel: string;
+    textareaBg: string;
+    textareaColor: string;
+    fileUploaderBg: string;
+    fileUploaderTextColorDefault: string;
+    fileUploaderBorderColor: string;
+    fileUploaderBorderColorFocus: string;
+    fileUploaderLinkColor: string;
+    fileUploaderIconColor: string;
+    fileUploaderIconHoverColor: string;
+    fileUploaderBorderColorError: string;
+    fileUploaderBorderColorWarning: string;
+    fileUploaderDisabledBg: string;
+    fileUploaderDisabledBorderColor: string;
+    fileUploaderDisabledTextColor: string;
+    fileUploaderDisabledLinkColor: string;
+    fileUploaderDisabledIconColor: string;
+    tbBg: string;
+    tbShadow: string;
+    logoColor: string;
+    logoHoverColor: string;
+}>;

package/cjs/internal/ThemePlayground/darkTheme.js

@@ -1,6 +1,8 @@
 "use strict";exports.__esModule = true;exports.darkTheme = void 0;var _ThemeFactory = require("../../lib/theming/ThemeFactory");
+var _DefaultTheme8pxOld = require("../../lib/theming/themes/DefaultTheme8pxOld");
 
-var darkTheme = _ThemeFactory.ThemeFactory.create({
+var darkTheme = _ThemeFactory.ThemeFactory.create(
+{
   brandXLight: '#cae5f5',
   brandLight: '#3094d0',
   brand: '#1e79be',
@@ -105,70 +107,70 @@ var darkTheme = _ThemeFactory.ThemeFactory.create({
   btnDefaultBgStart: 'none',
   btnDefaultBgEnd: 'none',
   btnDefaultBorderColor: 'rgba(255,255,255, 1)',
-  btnDefaultBorderBottomColor: 'rgba(255,255,255, 1)',
+  btnDefaultBorderBottomColor: '',
   btnDefaultHoverBgStart: '#333',
   btnDefaultHoverBgEnd: '#333',
   btnDefaultHoverBorderColor: 'rgba(255,255,255,0.9)',
-  btnDefaultHoverBorderBottomColor: 'rgba(255,255,255,0.7)',
+  btnDefaultHoverBorderBottomColor: 'rgba(0,0,0,0.15)',
   btnDefaultActiveBg: '#e1e1e1',
   btnDefaultActiveShadow: 'inset 0 1px 2px 0 rgba(0, 0, 0, 0.1)',
   btnDefaultActiveBorderColor: 'rgba(0, 0, 0, 0.2)',
-  btnDefaultActiveBorderTopColor: 'rgba(0, 0, 0, 28)',
+  btnDefaultActiveBorderTopColor: 'rgba(0, 0, 0, 0.1)',
   btnSuccessBg: '#419d14',
   btnSuccessBgStart: '#4ba91d',
   btnSuccessBgEnd: '#37910b',
   btnSuccessTextColor: '#fff',
   btnSuccessBorderColor: 'rgba(25, 103, 6, 0.7)',
-  btnSuccessBorderBottomColor: 'rgba(23, 89, 7, 0.85)',
+  btnSuccessBorderBottomColor: 'rgba(21, 80, 7, 0.5)',
   btnSuccessHoverBgStart: '#3b8d13',
   btnSuccessHoverBgEnd: '#317e0b',
   btnSuccessHoverBorderColor: 'rgba(7, 73, 1, 0.7)',
-  btnSuccessHoverBorderBottomColor: 'rgba(10, 72, 2, 0.79)',
+  btnSuccessHoverBorderBottomColor: 'rgba(16, 70, 4, 0.3)',
   btnSuccessActiveBg: '#35840e',
   btnSuccessActiveShadow: 'inset 0 1px 2px 0 rgba(0, 0, 0, 0.1)',
   btnSuccessActiveBorderColor: 'rgba(4, 63, 0, 0.75)',
-  btnSuccessActiveBorderTopColor: 'rgba(7, 42, 3, 0.9)',
+  btnSuccessActiveBorderTopColor: 'rgba(9, 32, 4, 0.6)',
   btnPrimaryBg: '#1e8dd4',
   btnPrimaryBgStart: '#2899ea',
   btnPrimaryBgEnd: '#167ac1',
   btnPrimaryTextColor: '#fff',
   btnPrimaryBorderColor: 'rgba(14, 81, 129, 0.7)',
-  btnPrimaryBorderBottomColor: 'rgba(10, 55, 100, 0.85) ',
+  btnPrimaryBorderBottomColor: 'rgba(7, 37, 80, 0.5)',
   btnPrimaryHoverBgStart: '#0087d5',
   btnPrimaryHoverBgEnd: '#167ac1',
   btnPrimaryHoverBorderColor: 'rgba(5, 60, 99, 0.7)',
-  btnPrimaryHoverBorderBottomColor: 'rgba(6, 51, 92, 0.79)',
+  btnPrimaryHoverBorderBottomColor: 'rgba(7, 37, 80, 0.3)',
   btnPrimaryActiveBg: '#0079c3',
   btnPrimaryActiveShadow: 'inset 0 1px 2px 0 rgba(0, 0, 0, 0.2)',
   btnPrimaryActiveBorderColor: 'rgba(10, 63, 99, 0.75)',
-  btnPrimaryActiveBorderTopColor: 'rgba(9, 53, 97, 0.88)',
+  btnPrimaryActiveBorderTopColor: 'rgba(8, 45, 96, 0.5)',
   btnDangerBg: '#e14c30',
   btnDangerBgStart: '#ec5438',
   btnDangerBgEnd: '#d44327',
   btnDangerTextColor: '#fff',
   btnDangerBorderColor: 'rgba(173, 15, 0, 0.7)',
-  btnDangerBorderBottomColor: 'rgba(89, 8, 0, 0.82)',
+  btnDangerBorderBottomColor: 'rgba(0, 0, 0, 0.4)',
   btnDangerHoverBgStart: '#d44227',
   btnDangerHoverBgEnd: '#c73013',
   btnDangerHoverBorderColor: 'rgba(145, 0, 0, 0.7)',
-  btnDangerHoverBorderBottomColor: 'rgba(118, 1, 1, 0.82) ',
+  btnDangerHoverBorderBottomColor: 'rgba(90, 3, 3, 0.4)',
   btnDangerActiveBg: '#cd381b',
   btnDangerActiveShadow: 'inset 0 1px 2px 0 rgba(0, 0, 0, 0.1)',
   btnDangerActiveBorderColor: 'rgba(108, 7, 7, 0.75)',
-  btnDangerActiveBorderTopColor: 'rgba(100, 5, 5, 0.85)',
+  btnDangerActiveBorderTopColor: 'rgba(90, 3, 3, 0.4)',
   btnPayBg: '#ffc943',
   btnPayBgStart: '#ffd54b',
   btnPayBgEnd: '#ffbb39',
   btnPayBorderColor: 'rgba(238, 169, 34, 0.7)',
-  btnPayBorderBottomColor: 'rgba(134, 70, 12, 0.87)',
+  btnPayBorderBottomColor: 'rgba(77, 16, 0, 0.56)',
   btnPayHoverBgStart: '#ffbd3a',
   btnPayHoverBgEnd: '#f8a91d',
   btnPayHoverBorderColor: 'rgba(227, 142, 8, 0.7)',
-  btnPayHoverBorderBottomColor: 'rgba(162, 82, 6, 0.82)',
+  btnPayHoverBorderBottomColor: 'rgba(93, 20, 3, 0.4)',
   btnPayActiveBg: '#fbb028',
   btnPayActiveShadow: 'inset 0 1px 2px 0 rgba(0, 0, 0, 0.05)',
   btnPayActiveBorderColor: 'rgba(210, 144, 0, 0.7)',
-  btnPayActiveBorderTopColor: 'rgba(99, 68, 0, 0.832)',
+  btnPayActiveBorderTopColor: 'rgba(0, 0, 0, 0.44)',
   selectPlaceholderColor: '#a0a0a0',
   tabColorFocus: '#5199db',
   tabColorError: '#e14c30',
@@ -266,6 +268,20 @@ var darkTheme = _ThemeFactory.ThemeFactory.create({
   specificityLevel: '0',
   textareaBg: 'none',
   textareaColor: 'inherit',
+  fileUploaderBg: 'rgba(255, 255, 255, 0.04)',
+  fileUploaderTextColorDefault: '#fff',
+  fileUploaderBorderColor: 'rgba(255, 255, 255, 0.32)',
+  fileUploaderBorderColorFocus: '#1f87ef',
+  fileUploaderLinkColor: '#51adff',
+  fileUploaderIconColor: 'rgba(255, 255, 255, 0.48)',
+  fileUploaderIconHoverColor: 'rgba(255, 255, 255, 0.80)',
+  fileUploaderBorderColorError: '#ee5042',
+  fileUploaderBorderColorWarning: '#ffa236',
+  fileUploaderDisabledBg: 'rgba(255, 255, 255, 0.16)',
+  fileUploaderDisabledBorderColor: 'rgba(255, 255, 255, 0.32)',
+  fileUploaderDisabledTextColor: 'rgba(255, 255, 255, 0.32)',
+  fileUploaderDisabledLinkColor: 'rgba(255, 255, 255, 0.32)',
+  fileUploaderDisabledIconColor: 'rgba(255, 255, 255, 0.32)',
 
   // react-ui-addons vars
   // live here because
@@ -273,4 +289,6 @@ var darkTheme = _ThemeFactory.ThemeFactory.create({
   tbBg: '#262626',
   tbShadow: '0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 8px 0 rgba(0, 0, 0, 0.1)',
   logoColor: 'white',
-  logoHoverColor: '#000' });exports.darkTheme = darkTheme;
+  logoHoverColor: '#000' },
+
+_DefaultTheme8pxOld.DEFAULT_THEME_8PX_OLD);exports.darkTheme = darkTheme;