@applicaster/zapp-react-native-ui-components/Components/default-cell-renderer/colors/index.js

Applicaster Zapp React Native ui components for the Quick Brick App

import { transformColorCode as fixColorHexCode } from "@applicaster/zapp-react-native-utils/transform";
import * as R from "ramda";

export const ACTIVE_COLOR = "ACTIVE_COLOR";

export const BACKGROUND_COLOR = "BACKGROUND_COLOR";

export const MAIN_TEXT_COLOR = "MAIN_TEXT_COLOR";

export const FOCUSED_TEXT_COLOR = "FOCUSED_TEXT_COLOR";

const colorKeyPath = (keyName) => ["tv", keyName, "color"];

const COLORS = {
  [ACTIVE_COLOR]: {
    path: colorKeyPath("active"),
    default: "#FC461B",
  },
  [BACKGROUND_COLOR]: {
    path: colorKeyPath("background"),
    default: "#2F2F2F",
  },
  [MAIN_TEXT_COLOR]: {
    path: colorKeyPath("main_text"),
    default: "#EFEFEF",
  },
  [FOCUSED_TEXT_COLOR]: {
    path: colorKeyPath("focused_text_color"),
    default: "#FFFFFF",
  },
};

export const getColor = (name, styles) => {
  const colorKeyPath = R.path([name, "path"], COLORS);

  return (
    fixColorHexCode(R.path(colorKeyPath, styles)) ||
    R.path([name, "default"], COLORS)
  );
};