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 theme to date picker

Browse Source 
Summary:
Updates the date picker to use a dark theme when dark mode
is enabled.

Test Plan: Manual.

Reviewers: paulfitz

Reviewed By: paulfitz

Differential Revision: https://phab.getgrist.com/D3780
This commit is contained in:
George Gevoian
2023-01-31 00:23:48 -05:00
parent 95bb03ea33
commit 6ccc195330
7 changed files with 145 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -332,6 +332,16 @@ export const ThemeColors = t.iface([], {
"comments-panel-topic-bg": "string",
"comments-panel-topic-border": "string",
"comments-panel-resolved-topic-bg": "string",
"date-picker-selected-fg": "string",
"date-picker-selected-bg": "string",
"date-picker-selected-bg-hover": "string",
"date-picker-today-fg": "string",
"date-picker-today-bg": "string",
"date-picker-today-bg-hover": "string",
"date-picker-range-start-end-bg": "string",
"date-picker-range-start-end-bg-hover": "string",
"date-picker-range-bg": "string",
"date-picker-range-bg-hover": "string",
});
const exportedTypeSuite: t.ITypeSuite = {

12
app/common/ThemePrefs.ts
View File

@@ -434,6 +434,18 @@ export interface ThemeColors {
'comments-panel-topic-bg': string;
'comments-panel-topic-border': string;
'comments-panel-resolved-topic-bg': string;
/* Date Picker */
'date-picker-selected-fg': string;
'date-picker-selected-bg': string;
'date-picker-selected-bg-hover': string;
'date-picker-today-fg': string;
'date-picker-today-bg': string;
'date-picker-today-bg-hover': string;
'date-picker-range-start-end-bg': string;
'date-picker-range-start-end-bg-hover': string;
'date-picker-range-bg': string;
'date-picker-range-bg-hover': string;
}
export const ThemePrefsChecker = createCheckers(ThemePrefsTI).ThemePrefs as CheckerT<ThemePrefs>;

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

@@ -413,4 +413,16 @@ export const GristDark: ThemeColors = {
'comments-panel-topic-bg': '#32323F',
'comments-panel-topic-border': '#555563',
'comments-panel-resolved-topic-bg': '#262634',
/* Date Picker */
'date-picker-selected-fg': '#FFFFFF',
'date-picker-selected-bg': '#7F7F7F',
'date-picker-selected-bg-hover': '#8F8F8F',
'date-picker-today-fg': '#FFFFFF',
'date-picker-today-bg': '#1DA270',
'date-picker-today-bg-hover': '#157A54',
'date-picker-range-start-end-bg': '#7F7F7F',
'date-picker-range-start-end-bg-hover': '#8F8F8F',
'date-picker-range-bg': '#57575F',
'date-picker-range-bg-hover': '#7F7F7F',
};

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

@@ -413,4 +413,16 @@ export const GristLight: ThemeColors = {
'comments-panel-topic-bg': 'white',
'comments-panel-topic-border': '#ccc',
'comments-panel-resolved-topic-bg': '#F0F0F0',
/* Date Picker */
'date-picker-selected-fg': '#262633',
'date-picker-selected-bg': '#D9D9D9',
'date-picker-selected-bg-hover': '#CFCFCF',
'date-picker-today-fg': '#FFFFFF',
'date-picker-today-bg': '#16B378',
'date-picker-today-bg-hover': '#009058',
'date-picker-range-start-end-bg': '#D9D9D9',
'date-picker-range-start-end-bg-hover': '#CFCFCF',
'date-picker-range-bg': '#EEEEEE',
'date-picker-range-bg-hover': '#D9D9D9',
};