Yadciel/taskcafe
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: TaskDetails editor theme updated to work with latest version

Browse Source
This commit is contained in:
Jordan Knott 2021-09-07 11:32:29 -05:00
parent a188c4b0ca
commit 65cd431c1a
2 changed files with 55 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
frontend/src/shared/components/TaskDetails/index.tsx
View File

@ -514,6 +514,7 @@ const TaskDetails: React.FC<TaskDetailsProps> = ({
<Editor <Editor
defaultValue={task.description ?? ''} defaultValue={task.description ?? ''}
readOnly={user === null || !editTaskDescription} readOnly={user === null || !editTaskDescription}
theme={dark}
autoFocus autoFocus
onChange={(value) => { onChange={(value) => {
setSaveTimeout(() => { setSaveTimeout(() => {

54
frontend/src/shared/utils/editorTheme.ts
View File

@ -45,6 +45,56 @@ export const base = {
codeInserted: '#202746', codeInserted: '#202746',
codeImportant: '#c94922', codeImportant: '#c94922',
blockToolbarBackground: colors.bgPrimary,
blockToolbarTrigger: colors.primary,
blockToolbarTriggerIcon: colors.white,
blockToolbarItem: colors.white,
blockToolbarText: colors.white,
blockToolbarHoverBackground: colors.primary,
blockToolbarDivider: colors.almostWhite,
blockToolbarIcon: undefined,
blockToolbarIconSelected: colors.white,
blockToolbarTextSelected: colors.white,
noticeInfoBackground: '#F5BE31',
noticeInfoText: colors.almostBlack,
noticeTipBackground: '#9E5CF7',
noticeTipText: colors.white,
noticeWarningBackground: '#FF5C80',
noticeWarningText: colors.white,
};
export const BASE_TWO = {
...colors,
fontFamily:
"-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen, Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif",
fontFamilyMono: "'SFMono-Regular',Consolas,'Liberation Mono', Menlo, Courier,monospace",
fontWeight: 400,
zIndex: 1000000,
link: colors.primary,
placeholder: '#B1BECC',
textSecondary: '#fff',
textLight: colors.white,
textHighlight: '#b3e7ff',
textHighlightForeground: colors.white,
selected: colors.primary,
codeComment: '#6a737d',
codePunctuation: '#5e6687',
codeNumber: '#d73a49',
codeProperty: '#c08b30',
codeTag: '#3d8fd1',
codeString: '#032f62',
codeSelector: '#6679cc',
codeAttr: '#c76b29',
codeEntity: '#22a2c9',
codeKeyword: '#d73a49',
codeFunction: '#6f42c1',
codeStatement: '#22a2c9',
codePlaceholder: '#3d8fd1',
codeInserted: '#202746',
codeImportant: '#c94922',
blockToolbarBackground: colors.bgPrimary, blockToolbarBackground: colors.bgPrimary,
blockToolbarTrigger: colors.white, blockToolbarTrigger: colors.white,
blockToolbarTriggerIcon: colors.white, blockToolbarTriggerIcon: colors.white,
@ -53,6 +103,10 @@ export const base = {
blockToolbarHoverBackground: colors.primary, blockToolbarHoverBackground: colors.primary,
blockToolbarDivider: colors.almostWhite, blockToolbarDivider: colors.almostWhite,
blockToolbarIcon: undefined,
blockToolbarIconSelected: colors.black,
blockToolbarTextSelected: colors.black,
noticeInfoBackground: '#F5BE31', noticeInfoBackground: '#F5BE31',
noticeInfoText: colors.almostBlack, noticeInfoText: colors.almostBlack,
noticeTipBackground: '#9E5CF7', noticeTipBackground: '#9E5CF7',