-
Notifications
You must be signed in to change notification settings - Fork 2.9k
/
default.js
96 lines (92 loc) · 3.47 KB
/
default.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
/* eslint-disable no-unused-vars */
import colors from '../colors';
import SCREENS from '../../SCREENS';
import ROUTES from '../../ROUTES';
const darkTheme = {
// Figma keys
appBG: colors.darkAppBackground,
splashBG: colors.green400,
highlightBG: colors.darkHighlightBackground,
border: colors.darkBorders,
borderLighter: colors.darkDefaultButton,
borderFocus: colors.green400,
icon: colors.darkIcons,
iconMenu: colors.green400,
iconHovered: colors.darkPrimaryText,
iconSuccessFill: colors.green400,
iconReversed: colors.darkAppBackground,
iconColorfulBackground: `${colors.ivory}cc`,
textSupporting: colors.darkSupportingText,
text: colors.darkPrimaryText,
textColorfulBackground: colors.ivory,
link: colors.blue300,
linkHover: colors.blue100,
buttonDefaultBG: colors.darkDefaultButton,
buttonHoveredBG: colors.darkDefaultButtonHover,
buttonPressedBG: colors.darkDefaultButtonPressed,
danger: colors.red,
dangerHover: colors.redHover,
dangerPressed: colors.redHover,
warning: colors.yellow400,
success: colors.green400,
successHover: colors.greenHover,
successPressed: colors.greenPressed,
transparent: colors.transparent,
signInPage: colors.green800,
// Additional keys
overlay: colors.darkHighlightBackground,
inverse: colors.darkPrimaryText,
shadow: colors.black,
componentBG: colors.darkAppBackground,
hoverComponentBG: colors.darkHighlightBackground,
activeComponentBG: colors.darkBorders,
signInSidebar: colors.green800,
sidebar: colors.darkHighlightBackground,
sidebarHover: colors.darkAppBackground,
heading: colors.darkPrimaryText,
textLight: colors.darkPrimaryText,
textDark: colors.darkAppBackground,
textReversed: colors.lightPrimaryText,
textBackground: colors.darkHighlightBackground,
textMutedReversed: colors.darkIcons,
textError: colors.red,
offline: colors.darkIcons,
modalBackdrop: colors.darkHighlightBackground,
modalBackground: colors.darkAppBackground,
cardBG: colors.darkHighlightBackground,
cardBorder: colors.darkHighlightBackground,
spinner: colors.darkSupportingText,
unreadIndicator: colors.green400,
placeholderText: colors.darkIcons,
heroCard: colors.blue400,
uploadPreviewActivityIndicator: colors.darkHighlightBackground,
dropUIBG: 'rgba(6,27,9,0.92)',
receiptDropUIBG: 'rgba(3, 212, 124, 0.84)',
checkBox: colors.green400,
pickerOptionsTextColor: colors.darkPrimaryText,
imageCropBackgroundColor: colors.darkIcons,
fallbackIconColor: colors.green700,
reactionActiveBackground: colors.green600,
reactionActiveText: colors.green100,
badgeAdHoc: colors.pink600,
badgeAdHocHover: colors.pink700,
mentionText: colors.blue100,
mentionBG: colors.blue600,
ourMentionText: colors.green100,
ourMentionBG: colors.green600,
tooltipSupportingText: colors.lightSupportingText,
tooltipPrimaryText: colors.lightPrimaryText,
skeletonLHNIn: colors.darkBorders,
skeletonLHNOut: colors.darkDefaultButton,
QRLogo: colors.green400,
starDefaultBG: 'rgb(254, 228, 94)',
};
darkTheme.PAGE_BACKGROUND_COLORS = {
[SCREENS.HOME]: darkTheme.sidebar,
[SCREENS.SETTINGS.PREFERENCES]: colors.blue500,
[SCREENS.SETTINGS.WORKSPACES]: colors.pink800,
[ROUTES.SETTINGS_STATUS]: colors.green700,
[ROUTES.I_KNOW_A_TEACHER]: colors.tangerine800,
[ROUTES.SETTINGS_SECURITY]: colors.ice500,
};
export default darkTheme;