Archives/gristlabs_grist-core
1
0
Fork 0
mirror of https://github.com/gristlabs/grist-core.git synced 2026-03-02 04:09:24 +00:00
Code Issues Projects Releases Wiki Activity

(core) Add dark mode for comments

Browse Source 
Summary:
Also fixes the CSS for the page/workspace input so that it's always
readable in dark mode.

Test Plan: Tested manually.

Reviewers: jarek

Reviewed By: jarek

Differential Revision: https://phab.getgrist.com/D3682
This commit is contained in:
George Gevoian
2022-10-24 20:10:15 -07:00
parent aa88c156e6
commit 3145af36c6
9 changed files with 92 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
app/client/ui/HomeLeftPane.ts
View File

@@ -247,7 +247,6 @@ export const cssEditorInput = styled(transientInput, `
height: 24px;
flex: 1 1 0px;
min-width: 0px;
color: initial;
background-color: ${theme.inputBg};
margin-right: 16px;
font-size: inherit;

6
app/client/ui/RightPanel.ts
View File

@@ -690,7 +690,7 @@ const cssTopBarIcon = styled(icon, `
margin: 16px;
height: 16px;
width: 16px;
background-color: vars(--icon-color);
background-color: var(--icon-color);
`);
const cssHoverCircle = styled('div', `
@@ -705,14 +705,14 @@ const cssHoverCircle = styled('div', `
justify-content: center;
&:hover {
background-color: ${theme.rightPanelTabCloseButtonHoverBg};
background-color: ${theme.rightPanelTabButtonHoverBg};
}
`);
const cssHoverIcon = styled(icon, `
height: 16px;
width: 16px;
background-color: vars(--icon-color);
background-color: var(--icon-color);
`);
const cssSubTabContainer = styled('div', `

1
app/client/ui/TopBar.ts
View File

@@ -118,6 +118,7 @@ function buildShowDiscussionButton(pageModel: DocPageModel) {
return cssHoverCircle({ style: `margin: 5px; position: relative;` },
cssTopBarBtn('Chat', dom.cls('tour-share-icon')),
cssBeta('Beta'),
hoverTooltip('Comments', {key: 'topBarBtnTooltip'}),
testId('open-discussion'),
dom.on('click', () => pageModel.gristDoc.get()!.showTool('discussion'))
);