smart-react-components
Version:
React UI library, wide variety of editable ready to use Styled and React components.
82 lines (79 loc) • 2.26 kB
JavaScript
;
const DV = {
// color
BLUE: "#0665d0",
INDIGO: "#675aa9",
PURPLE: "#6658dd",
PINK: "#f672a7",
RED: "#f1556c",
ORANGE: "#fd7e14",
YELLOW: "#f7b84b",
GREEN: "#1abc9c",
TEAL: "#02a8b5",
CYAN: "#4fc6e1",
WHITE: "#fff",
GRAY_100: "#f1f5f7",
GRAY_200: "#eef0f3",
GRAY_300: "#dee2e6",
GRAY_400: "#ced4da",
GRAY_500: "#b1bbc4",
GRAY_600: "#98a6ad",
GRAY_700: "#6c757d",
GRAY_800: "#343a40",
GRAY_900: "#323a46",
BLACK: "#000",
LIGHT_FONT_COLOR: "#fff",
DARK_FONT_COLOR: "#000",
// util
DARK_LEVEL: .075,
DARKER_LEVEL: .175,
LIGHT_LEVEL: .075,
LIGHTER_LEVEL: .175,
SHADOW_FADE_LEVEL: .5,
JSX_ELEMENT_PROPS: {},
// alert
ALERT_BG_LEVEL: -.8,
ALERT_BORDER_LEVEL: -.72,
ALERT_FONT_LEVEL: .4,
ALERT_LINK_FONT_DARKEN_LEVEL: .1,
ALERT_HR_DARKEN_LEVEL: .05,
// breadcrumb
BREADCRUMB_BG_COLOR: "#fff",
BREADCRUMB_FONT_COLOR: "#6c757d",
BREADCRUMB_FONT_FILL_LIGHT_COLOR: "#fff",
BREADCRUMB_FONT_FILL_DARK_COLOR: "rgba(0,0,0,.5)",
// button
BUTTON_BG_COLOR: "#fff",
// dropdown
DROPDOWN_BG_COLOR: "#fff",
// form
FORM_RADIO_COLOR: "#fff",
FORM_RADIO_BORDER_COLOR: "#dbdbdb",
FORM_INPUT_BG_COLOR: "#fff",
FORM_INPUT_BORDER_COLOR: "#dbdbdb",
FORM_INPUT_PLACEHOLDER_COLOR: "#b1bbc4",
FORM_INPUT_PLACEHOLDER_FILL_FADE_LEVEL: .3,
// pagination
PAGINATION_BG_COLOR: "#fff",
PAGINATION_BORDER_COLOR: "#dee2e6",
// popover
POPOVER_BORDER_DARKEN_LEVEL: .15,
POPOVER_HEADER_BG_DARKEN_LEVEL: .03,
// progress bar
PROGRESS_BAR_BG: "transparent",
PROGRESS_BAR_BG_FILL: "#eee",
PROGRESS_BAR_BG_ALT_FADE_LEVEL: .3,
// table
TABLE_BG_LEVEL: -.72,
TABLE_BORDER_LEVEL: -.4,
TABLE_STRIPED_BG_LEVEL: [.045, .035, .025],
TABLE_HOVER_BG_LEVEL: [.05, .04, .03],
TABLE_LIGHT_BG_COLOR: "#fff",
TABLE_LIGHT_BORDER_COLOR: "#e9ecef",
TABLE_DARK_BG_COLOR: "#323a42",
TABLE_DARK_BORDER_COLOR: "#414c5c",
// wave effect
WAVE_EFFECT_TRANSITION_TYPE: "ease-out",
WAVE_EFFECT_TRANSITION_DURATION: 750
};
exports.DV = DV;