$color: (
  global-bg: #fff,
  font-color: #4c4948,
  color-navbar-rollup-bg: rgba(255, 255, 255, 0.8),
  color-catalog-active: #03c1b4,
  color-avatar-bg: #c0c4cc,
  color-avatar-icon: #fff,
  nav-header: #eee,
  meta-grey:#858585,
  hr-border: #a4d8fa,
  hr-before-color: #80c8f8,
  light-grey: #eee,
  search-bg: #f6f8fa,
  search-input-color: #4c4948,
  search-a-color: #4c4948,
  preloader-bg: #37474f,
  preloader-color: #fff,
  card-bg: #fff,
  sidebar-bg: #f6f8fa,
  btn-hover-color: #ff7242,
  btn-color: #fff,
  btn-bg: #49b1f5,
  a-hover-color:#49b1f5,
  text-bg-hover: rgba(73, 177, 245, 0.7),
  color-white: #fff,
  text-highlight-color: #1f2d3d,
  blockquote-color: #6a737d,
  blockquote-bg: rgba(30, 147, 224, 0.1),
  reward-pop: #f5f5f5,
  toc-link-color: #666261,
  card-box-shadow: 0 3px 8px 6px rgba(7, 17, 27, 0.05),
  card-hover-box-shadow: 0 3px 8px 6px rgba(7, 17, 27, 0.09),
  pseudo-hover: #ff7242,
  headline-presudo: #a0a0a0,
  scrollbar-color: #49b1f5,
  default-bg-color: #49b1f5,
  tab-border-color: #f0f0f0,
  tab-botton-bg: #f0f0f0,
  tab-botton-color: #1f2d3d,
  tab-button-hover-bg: #dcdcdc,
  tab-button-active-bg: #fff,
);
