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 in tutorials

Browse Source 
Summary:
Headings 4, 5, and 6 are now properly visible in dark mode. Additionally,
pre-formatted text and code blocks have improved styling in dark mode.

Test Plan: Manual.

Reviewers: jarek

Reviewed By: jarek

Differential Revision: https://phab.getgrist.com/D4108
This commit is contained in:
George Gevoian
2023-11-06 10:55:54 -05:00
parent 8053c81d02
commit 95cbbb8910
6 changed files with 59 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -378,6 +378,9 @@ export const ThemeColors = t.iface([], {
"tutorials-popup-border": "string",
"tutorials-popup-header-fg": "string",
"tutorials-popup-box-bg": "string",
"tutorials-popup-code-fg": "string",
"tutorials-popup-code-bg": "string",
"tutorials-popup-code-border": "string",
"ace-editor-bg": "string",
"ace-autocomplete-primary-fg": "string",
"ace-autocomplete-secondary-fg": "string",

3
app/common/ThemePrefs.ts
View File

@@ -490,6 +490,9 @@ export interface ThemeColors {
'tutorials-popup-border': string;
'tutorials-popup-header-fg': string;
'tutorials-popup-box-bg': string;
'tutorials-popup-code-fg': string;
'tutorials-popup-code-bg': string;
'tutorials-popup-code-border': string;
/* Ace */
'ace-editor-bg': string;

3
app/common/themes/GristDark.ts
View File

@@ -469,6 +469,9 @@ export const GristDark: ThemeColors = {
'tutorials-popup-border': '#70707D',
'tutorials-popup-header-fg': '#FFFFFF',
'tutorials-popup-box-bg': '#60606D',
'tutorials-popup-code-fg': '#FFFFFF',
'tutorials-popup-code-bg': '#262633',
'tutorials-popup-code-border': '#929299',
/* Ace */
'ace-editor-bg': '#32323F',

3
app/common/themes/GristLight.ts
View File

@@ -469,6 +469,9 @@ export const GristLight: ThemeColors = {
'tutorials-popup-border': '#D9D9D9',
'tutorials-popup-header-fg': '#FFFFFF',
'tutorials-popup-box-bg': '#F5F5F5',
'tutorials-popup-code-fg': '#333333',
'tutorials-popup-code-bg': '#FFFFFF',
'tutorials-popup-code-border': '#E1E4E5',
/* Ace */
'ace-editor-bg': 'white',