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) Polish dark mode and remove beta tag

Browse Source 
Summary:
Polishes support for dark mode and enables syncing with the OS theme
by default.

Test Plan: Manual.

Reviewers: JakubSerafin

Reviewed By: JakubSerafin

Subscribers: JakubSerafin

Differential Revision: https://phab.getgrist.com/D4041
This commit is contained in:
George Gevoian
2023-09-21 12:57:58 -04:00
parent d1826987bb
commit 273b976cab
87 changed files with 979 additions and 651 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
app/client/aclui/ACLMemoEditor.ts
View File

@@ -16,7 +16,7 @@ const cssMemoInput = styled('input', `
border-radius: 3px;
border: 1px solid transparent;
cursor: pointer;
color: ${theme.accentText};
color: ${theme.controlFg};
background-color: ${theme.inputBg};
caret-color : ${theme.inputFg};
font: 12px 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
@@ -29,7 +29,7 @@ const cssMemoInput = styled('input', `
&:not(&-disabled):focus-within {
outline: none !important;
cursor: text;
box-shadow: inset 0 0 0 1px ${theme.accentBorder};
border-color: ${theme.accentBorder};
box-shadow: inset 0 0 0 1px ${theme.controlFg};
border-color: ${theme.controlFg};
}
`);

4
app/client/aclui/ACLSelect.ts
View File

@@ -1,4 +1,4 @@
import {colors} from 'app/client/ui2018/cssVars';
import {theme} from 'app/client/ui2018/cssVars';
import {icon} from 'app/client/ui2018/icons';
import {IOption, select} from 'app/client/ui2018/menus';
import {MaybeObsArray, Observable, styled} from 'grainjs';
@@ -19,7 +19,7 @@ export const cssSelect = styled(select, `
cursor: pointer;
&:hover, &:focus, &.weasel-popup-open, &-active {
border: 1px solid ${colors.darkGrey};
border: 1px solid ${theme.selectButtonBorder};
box-shadow: none;
}
`);

6
app/client/aclui/PermissionsWidget.ts
View File

@@ -2,7 +2,7 @@
* Implements a widget showing 3-state boxes for permissions
* (for Allow / Deny / Pass-Through).
*/
import {colors, testId} from 'app/client/ui2018/cssVars';
import {colors, testId, theme} from 'app/client/ui2018/cssVars';
import {cssIconButton, icon} from 'app/client/ui2018/icons';
import {menu, menuIcon, menuItem} from 'app/client/ui2018/menus';
import {PartialPermissionSet, PartialPermissionValue} from 'app/common/ACLPermissions';
@@ -155,8 +155,8 @@ const cssBit = styled('div', `
border-radius: 2px;
font-size: 13px;
font-weight: 500;
border: 1px dashed ${colors.darkGrey};
color: ${colors.darkGrey};
border: 1px dashed ${theme.accessRulesTableBodyLightFg};
color: ${theme.accessRulesTableBodyLightFg};
cursor: pointer;
display: flex;