12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061 |
- const backgroundLight = "#F5F5F5";
- const backgroundDark = "#292E2C";
-
- const backgroundSecondaryLight = "#FFFFFF";
- const backgroundSecondaryDark = "#303534";
-
- const headerLight = "#FFFFFF";
- const headerDark = "#292E2C";
-
- const borderLight = "#E4E4E4";
- const borderDark = "#303534";
-
- const borderSecondaryLight = "#E4E4E4";
- const borderSecondaryDark = "#3D4442";
-
- const textPrimaryLight = "#0E0E0E";
- const textPrimaryDark = "#F7FBFA";
-
- const textSecondaryLight = "#909090";
- const textSecondaryDark = "#84928E";
-
- const iconsPrimaryLight = "#0E0E0E";
- const iconsPrimaryDark = "#F7FBFA";
-
- const popoverLight = "#FFFFFF";
- const popoverDark = "#292E2C";
-
- const realisedOrderLight = "#E0F4F0";
- const realisedOrderDark = "#00563E";
-
- const unrealisedOrderLight = "#FBE3E7";
- const unrealisedOrderDark = "#781737";
-
- export const lightColors = {
- background: backgroundLight,
- backgroundSecondary: backgroundSecondaryLight,
- header: headerLight,
- border: borderLight,
- borderSecondary: borderSecondaryLight,
- textPrimary: textPrimaryLight,
- textSecondary: textSecondaryLight,
- iconsPrimary: iconsPrimaryLight,
- popover: popoverLight,
- realisedOrder: realisedOrderLight,
- unrealisedOrder: unrealisedOrderLight,
- };
-
- // Dark theme colors
- export const darkColors = {
- background: backgroundDark,
- backgroundSecondary: backgroundSecondaryDark,
- header: headerDark,
- border: borderDark,
- borderSecondary: borderSecondaryDark,
- textPrimary: textPrimaryDark,
- textSecondary: textSecondaryDark,
- iconsPrimary: iconsPrimaryDark,
- popover: popoverDark,
- realisedOrder: realisedOrderDark,
- unrealisedOrder: unrealisedOrderDark,
- };
|