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) Improve dark mode

Browse Source 
Summary:
Enhances dark mode support for the formula editor, and adds support to
the color select popup. Also fixes some bugs with dark mode.

Test Plan: Tested manually.

Reviewers: jarek

Reviewed By: jarek

Differential Revision: https://phab.getgrist.com/D3847
This commit is contained in:
George Gevoian
2023-04-11 01:00:28 -04:00
parent 9d0e6694fc
commit 8a0bb4d4fe
27 changed files with 537 additions and 107 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
app/common/ThemePrefs-ti.ts
View File

@@ -93,6 +93,7 @@ export const ThemeColors = t.iface([], {
"popup-shadow-inner": "string",
"popup-shadow-outer": "string",
"popup-close-button-fg": "string",
"prompt-fg": "string",
"progress-bar-fg": "string",
"progress-bar-error-fg": "string",
"progress-bar-bg": "string",
@@ -167,6 +168,8 @@ export const ThemeColors = t.iface([], {
"filter-bar-button-saved-fg": "string",
"filter-bar-button-saved-bg": "string",
"filter-bar-button-saved-hover-bg": "string",
"icon-disabled": "string",
"icon-error": "string",
"icon-button-fg": "string",
"icon-button-primary-bg": "string",
"icon-button-primary-hover-bg": "string",
@@ -287,6 +290,8 @@ export const ThemeColors = t.iface([], {
"code-view-params": "string",
"code-view-string": "string",
"code-view-number": "string",
"code-view-builtin": "string",
"code-view-literal": "string",
"importer-table-info-border": "string",
"importer-preview-border": "string",
"importer-skipped-table-overlay": "string",
@@ -319,6 +324,10 @@ export const ThemeColors = t.iface([], {
"access-rules-column-item-icon-fg": "string",
"access-rules-column-item-icon-hover-fg": "string",
"access-rules-column-item-icon-hover-bg": "string",
"access-rules-formula-editor-bg": "string",
"access-rules-formula-editor-border-hover": "string",
"access-rules-formula-editor-bg-disabled": "string",
"access-rules-formula-editor-focus": "string",
"cell-fg": "string",
"cell-bg": "string",
"cell-zebra-bg": "string",
@@ -348,6 +357,35 @@ export const ThemeColors = t.iface([], {
"tutorials-popup-border": "string",
"tutorials-popup-header-fg": "string",
"tutorials-popup-box-bg": "string",
"ace-autocomplete-primary-fg": "string",
"ace-autocomplete-secondary-fg": "string",
"ace-autocomplete-highlighted-fg": "string",
"ace-autocomplete-bg": "string",
"ace-autocomplete-border": "string",
"ace-autocomplete-link": "string",
"ace-autocomplete-link-highlighted": "string",
"ace-autocomplete-active-line-bg": "string",
"ace-autocomplete-line-border-hover": "string",
"ace-autocomplete-line-bg-hover": "string",
"color-select-fg": "string",
"color-select-bg": "string",
"color-select-shadow": "string",
"color-select-font-options-border": "string",
"color-select-font-option-fg": "string",
"color-select-font-option-bg": "string",
"color-select-font-option-bg-hover": "string",
"color-select-font-option-fg-selected": "string",
"color-select-font-option-bg-selected": "string",
"color-select-color-square-border": "string",
"color-select-color-square-border-empty": "string",
"color-select-input-fg": "string",
"color-select-input-bg": "string",
"color-select-input-border": "string",
"highlighted-code-block-bg": "string",
"highlighted-code-block-bg-disabled": "string",
"highlighted-code-fg": "string",
"highlighted-code-border": "string",
"highlighted-code-bg-disabled": "string",
});
const exportedTypeSuite: t.ITypeSuite = {