@twreporter/universal-header/lib/utils/theme.js

Universal header of TWReporter sites

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.selectTabBarTheme = exports.selectSloganTheme = exports.selectLogoType = exports.selectHeaderTheme = exports.selectHamburgerMenuTheme = exports.selectHamburgerItemTheme = exports.selectHamburgerFooterTheme = void 0;
var _theme = _interopRequireDefault(require("../constants/theme"));
var _color = require("@twreporter/core/lib/constants/color");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
var selectLogoType = exports.selectLogoType = function selectLogoType(theme) {
  switch (theme) {
    case _theme["default"].photography:
    case _theme["default"].transparent:
      return 'white';
    default:
      return 'default';
  }
};
var selectHeaderTheme = exports.selectHeaderTheme = function selectHeaderTheme(theme) {
  switch (theme) {
    case _theme["default"].photography:
      return {
        bgColor: _color.colorPhoto.dark,
        topRowBgColor: _color.colorPhoto.dark
      };
    case _theme["default"].transparent:
      return {
        bgColor: _color.colorOpacity['black_0.2'],
        topRowBgColor: 'unset'
      };
    case _theme["default"].index:
      return {
        bgColor: _color.colorGrayscale.white,
        topRowBgColor: _color.colorGrayscale.white
      };
    case _theme["default"].normal:
    default:
      return {
        bgColor: _color.colorGrayscale.gray100,
        topRowBgColor: _color.colorGrayscale.gray100
      };
  }
};
var selectSloganTheme = exports.selectSloganTheme = function selectSloganTheme(theme) {
  switch (theme) {
    case _theme["default"].photography:
    case _theme["default"].transparent:
      return _color.colorGrayscale.white;
    case _theme["default"].index:
    case _theme["default"].normal:
    default:
      return _color.colorGrayscale.gray800;
  }
};
var selectHamburgerFooterTheme = exports.selectHamburgerFooterTheme = function selectHamburgerFooterTheme(theme) {
  switch (theme) {
    case _theme["default"].photography:
      return {
        color: _color.colorGrayscale.gray400,
        hoverColor: _color.colorGrayscale.gray400,
        hoverBgColor: _color.colorOpacity['white_0.2'],
        activeColor: _color.colorGrayscale.gray400,
        activeBgColor: _color.colorOpacity['white_0.5']
      };
    case _theme["default"].transparent:
    case _theme["default"].index:
    case _theme["default"].normal:
    default:
      return {
        color: _color.colorGrayscale.gray600,
        hoverColor: _color.colorGrayscale.gray800,
        hoverBgColor: _color.colorGrayscale.gray100,
        activeColor: _color.colorGrayscale.gray800,
        activeBgColor: _color.colorGrayscale.gray200
      };
  }
};
var selectHamburgerItemTheme = exports.selectHamburgerItemTheme = function selectHamburgerItemTheme(theme) {
  var active = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
  switch (theme) {
    case _theme["default"].photography:
      return {
        color: active ? _color.colorSupportive.pastel : _color.colorGrayscale.white,
        hoverBgColor: _color.colorOpacity['white_0.2'],
        activeBgColor: _color.colorOpacity['white_0.5']
      };
    case _theme["default"].transparent:
    case _theme["default"].index:
    case _theme["default"].normal:
    default:
      return {
        color: active ? _color.colorBrand.heavy : _color.colorGrayscale.gray800,
        hoverBgColor: _color.colorGrayscale.gray100,
        activeBgColor: _color.colorGrayscale.gray200
      };
  }
};
var selectHamburgerMenuTheme = exports.selectHamburgerMenuTheme = function selectHamburgerMenuTheme(theme) {
  switch (theme) {
    case _theme["default"].photography:
      return {
        bgColor: _color.colorPhoto.dark,
        scrollBarColor: _color.colorOpacity['white_0.8']
      };
    case _theme["default"].transparent:
    case _theme["default"].index:
    case _theme["default"].normal:
    default:
      return {
        bgColor: _color.colorGrayscale.white,
        scrollBarColor: _color.colorOpacity['black_0.2']
      };
  }
};
var selectTabBarTheme = exports.selectTabBarTheme = function selectTabBarTheme(theme) {
  switch (theme) {
    case _theme["default"].photography:
      return {
        bgColor: _color.colorPhoto.dark,
        borderColor: _color.colorPhoto.heavy
      };
    case _theme["default"].transparent:
    case _theme["default"].index:
    case _theme["default"].normal:
    default:
      return {
        bgColor: _color.colorGrayscale.gray100,
        borderColor: _color.colorGrayscale.gray300
      };
  }
};