From 9ea78d3060df1fdc8ea946ad3d8bc7fb2906a740 Mon Sep 17 00:00:00 2001 From: alexfromearth <“shirokovaloff@gmail.com”> Date: Mon, 30 May 2022 15:26:33 +0400 Subject: [PATCH] Add base colors configuration and types --- app/styles/commonStyles.ts | 41 ++++++++++++++++++++++++++++++++++++++ app/styles/index.ts | 2 ++ app/styles/types.ts | 15 ++++++++++++++ 3 files changed, 58 insertions(+) create mode 100644 app/styles/commonStyles.ts create mode 100644 app/styles/index.ts create mode 100644 app/styles/types.ts diff --git a/app/styles/commonStyles.ts b/app/styles/commonStyles.ts new file mode 100644 index 0000000..6434d31 --- /dev/null +++ b/app/styles/commonStyles.ts @@ -0,0 +1,41 @@ +import { IBaseColors } from './types'; + +export const baseColors: IBaseColors = { + washington: { + base: '#151515', + a: '#575757', + b: '#A9A9A9', + c: '#D1D1D1', + d: '#EBEBEB', + e: '#F5F5F5', + f: '#F9F9F9', + }, + podgorica: { + base: '#6A983C', + a: '#46760A', + b: '#92C064', + c: '#C8DEB3', + d: '#F4F8EC', + }, + moscow: { + base: '#D0A866', + a: '#B28A48', + b: '#ECD2A6', + c: '#FAEDD8', + d: '#FFF9F0', + }, + amsterdam: { + base: '#E6704B', + a: '#C7522D', + b: '#EB8D70', + c: '#F7C6B7', + d: '#FFF1ED', + }, + vienna: { + base: '#37D0D6', + a: '#19B2B8', + b: '#7CD0D3', + c: '#B9E6E8', + d: '#ECF6F6', + }, +}; diff --git a/app/styles/index.ts b/app/styles/index.ts new file mode 100644 index 0000000..cee6b13 --- /dev/null +++ b/app/styles/index.ts @@ -0,0 +1,2 @@ +export { baseColors } from './commonStyles'; +export type { IColorNames, IBaseColors } from './types'; diff --git a/app/styles/types.ts b/app/styles/types.ts new file mode 100644 index 0000000..40c8660 --- /dev/null +++ b/app/styles/types.ts @@ -0,0 +1,15 @@ +type IColorNamesWithoutWashington = 'podgorica' | 'moscow' | 'amsterdam' | 'vienna'; +export type IColorNames = 'washington' | IColorNamesWithoutWashington; +type IColorShades = 'a' | 'b' | 'c' | 'd'; + +type IColor = { + [key in T]: string; +} & { + base: string; +}; + +export type IBaseColors = { + [key in IColorNamesWithoutWashington]: IColor; +} & { + washington: IColor; +};