@ -3,11 +3,11 @@ import {ThemeColors} from 'app/common/ThemePrefs';
export const GristDark : ThemeColors = {
/* Text */
'text' : '#EFEFEF' ,
'text-light' : '#A4A4 A4 ',
'text-light' : '#A4A4 B1 ',
'text-dark' : '#FFFFFF' ,
'text-error' : '#FF6666' ,
'text-danger' : '#FFA500' ,
'text-disabled' : '#A4A4 A4 ',
'text-disabled' : '#A4A4 B1 ',
/* Page */
'page-bg' : '#262633' ,
@ -19,30 +19,30 @@ export const GristDark: ThemeColors = {
'page-panels-right-panel-bg' : '#262633' ,
'page-panels-top-header-bg' : '#32323F' ,
'page-panels-bottom-footer-bg' : '#32323F' ,
'page-panels-border' : '# 57575F ',
'page-panels-border-resizing' : '#1 DA270 ',
'page-panels-side-panel-opener-fg' : '#A4A4 A4 ',
'page-panels-border' : '# 60606D ',
'page-panels-border-resizing' : '#1 7B378 ',
'page-panels-side-panel-opener-fg' : '#A4A4 B1 ',
'page-panels-side-panel-opener-active-fg' : '#FFFFFF' ,
'page-panels-side-panel-opener-active-bg' : '#1 DA270 ',
'page-panels-side-panel-opener-active-bg' : '#1 7B378 ',
/* Add New */
'add-new-circle-fg' : '#FFFFFF' ,
'add-new-circle-bg' : '# 157A54 ',
'add-new-circle-hover-bg' : '# 0A5438 ',
'add-new-circle-bg' : '# 0A5438 ',
'add-new-circle-hover-bg' : '# 157A54 ',
'add-new-circle-small-fg' : '#FFFFFF' ,
'add-new-circle-small-bg' : '#1 DA270 ',
'add-new-circle-small-hover-bg' : '#1 57A54 ',
'add-new-circle-small-bg' : '#1 57A54 ',
'add-new-circle-small-hover-bg' : '#1 DA270 ',
/* Top Bar */
'top-bar-button-primary-fg' : '#1 DA270 ',
'top-bar-button-secondary-fg' : '#A4A4 A4 ',
'top-bar-button-disabled-fg' : '# 6969 7D',
'top-bar-button-primary-fg' : '#1 7B378 ',
'top-bar-button-secondary-fg' : '#A4A4 B1 ',
'top-bar-button-disabled-fg' : '# 7070 7D',
'top-bar-button-error-fg' : 'FF6666' ,
/* Notifications */
'notifications-panel-header-bg' : '#262633' ,
'notifications-panel-body-bg' : '#32323F' ,
'notifications-panel-border' : '# 6969 7D',
'notifications-panel-border' : '# 7070 7D',
/* Toasts */
'toast-text' : '#FFFFFF' ,
@ -64,86 +64,85 @@ export const GristDark: ThemeColors = {
/* Tooltips */
'tooltip-fg' : 'white' ,
'tooltip-bg' : 'rgba(0, 0, 0, 0.75)' ,
'tooltip-icon' : '#A4A4 A4 ',
'tooltip-icon' : '#A4A4 B1 ',
'tooltip-close-button-fg' : 'white' ,
'tooltip-close-button-hover-fg' : 'black' ,
'tooltip-close-button-hover-bg' : 'white' ,
'tooltip-popup-header-fg' : '#EFEFEF' ,
'tooltip-popup-header-bg' : '#1DA270' ,
/* Modals */
'modal-bg' : '#32323F' ,
'modal-backdrop' : 'rgba(0,0,0,0.6)' ,
'modal-border' : '# 57575F ',
'modal-border-dark' : '# 6969 7D',
'modal-border-hover' : '#A4A4 A4 ',
'modal-border' : '# 60606D ',
'modal-border-dark' : '# 7070 7D',
'modal-border-hover' : '#A4A4 B1 ',
'modal-shadow-inner' : '#000000' ,
'modal-shadow-outer' : '#000000' ,
'modal-close-button-fg' : '#A4A4 A4 ',
'modal-backdrop-close-button-fg' : '#1 DA270 ',
'modal-backdrop-close-button-hover-fg' : '#1 57A54 ',
'modal-close-button-fg' : '#A4A4 B1 ',
'modal-backdrop-close-button-fg' : '#1 7B378 ',
'modal-backdrop-close-button-hover-fg' : '#1 3D78D ',
/* Popups */
'popup-bg' : '#32323F' ,
'popup-shadow-inner' : '#000000' ,
'popup-shadow-outer' : '#000000' ,
'popup-close-button-fg' : '#A4A4 A4 ',
'popup-close-button-fg' : '#A4A4 B1 ',
/* Prompts */
'prompt-fg' : '#A4A4 A4 ',
'prompt-fg' : '#A4A4 B1 ',
/* Progress Bars */
'progress-bar-fg' : '#1 DA270 ',
'progress-bar-fg' : '#1 7B378 ',
'progress-bar-error-fg' : '#FF6666' ,
'progress-bar-bg' : '# 6969 7D',
'progress-bar-bg' : '# 7070 7D',
/* Links */
'link' : '#1 DA270 ',
'link-hover' : '#1 DA270 ',
'link' : '#1 7B378 ',
'link-hover' : '#1 7B378 ',
/* Hover */
'hover' : 'rgba(111,111,1 17 ,0.6)',
'hover-light' : 'rgba(111,111,1 17 ,0.4)',
'hover' : 'rgba(111,111,1 25 ,0.6)',
'hover-light' : 'rgba(111,111,1 25 ,0.4)',
/* Cell Editor */
'cell-editor-fg' : '#FFFFFF' ,
'cell-editor-placeholder-fg' : '#A4A4B1' ,
'cell-editor-bg' : '#32323F' ,
/* Cursor */
'cursor' : '#1DA270' ,
'cursor-inactive' : 'rgba(29,162,112,0.5)' ,
'cursor-readonly' : '#A4A4 A4 ',
'cursor-readonly' : '#A4A4 B1 ',
/* Tables */
'table-header-fg' : '#EFEFEF' ,
'table-header-selected-fg' : '#EFEFEF' ,
'table-header-bg' : '#262633' ,
'table-header-selected-bg' : '#414358' ,
'table-header-border' : '#57575F' ,
'table-header-border-dark' : '#69697D' ,
'table-header-border' : '#70707D' ,
'table-body-bg' : '#32323F' ,
'table-body-border' : '#6 9697 D',
'table-body-border' : '#6 0606 D',
'table-add-new-bg' : '#4A4A5D' ,
'table-scroll-shadow' : '#000000' ,
'table-frozen-columns-border' : '#A4A4A4' ,
'table-drag-drop-indicator' : '#A4A4A4' ,
'table-drag-drop-shadow' : 'rgba(111,111,117,0.6)' ,
'table-frozen-columns-border' : '#A4A4B1' ,
'table-drag-drop-indicator' : '#A4A4B1' ,
'table-drag-drop-shadow' : 'rgba(111,111,125,0.6)' ,
'table-cell-summary-bg' : 'rgba(111,111,125,0.6)' ,
/* Cards */
'card-compact-widget-bg' : '#262633' ,
'card-compact-record-bg' : '#32323F' ,
'card-blocks-bg' : '#404150' ,
'card-form-label' : '#A4A4 A4 ',
'card-compact-label' : '#A4A4 A4 ',
'card-blocks-label' : '#A4A4 A4 ',
'card-form-border' : '# 6969 7D',
'card-compact-border' : '# 6969 7D',
'card-form-label' : '#A4A4 B1 ',
'card-compact-label' : '#A4A4 B1 ',
'card-blocks-label' : '#A4A4 B1 ',
'card-form-border' : '# 7070 7D',
'card-compact-border' : '# 7070 7D',
'card-editing-layout-bg' : 'rgba(85, 85, 99, 0.2)' ,
'card-editing-layout-border' : '# 6969 7D',
'card-editing-layout-border' : '# 7070 7D',
/* Card Lists */
'card-list-form-border' : '# 57575F ',
'card-list-blocks-border' : '# 57575F ',
'card-list-form-border' : '# 60606D ',
'card-list-blocks-border' : '# 60606D ',
/* Selection */
'selection' : 'rgba(22,179,120,0.15)' ,
@ -156,203 +155,214 @@ export const GristDark: ThemeColors = {
/* Widgets */
'widget-bg' : '#32323F' ,
'widget-border' : '# 57575F ',
'widget-active-border' : '#1 DA270 ',
'widget-border' : '# 70707D ',
'widget-active-border' : '#1 57A54 ',
'widget-inactive-stripes-light' : '#262633' ,
'widget-inactive-stripes-dark' : '#32323F' ,
/* Pinned Docs */
'pinned-doc-footer-bg' : '#32323F' ,
'pinned-doc-border' : '# 57575F ',
'pinned-doc-border-hover' : '#A4A4 A4 ',
'pinned-doc-editor-bg' : '# 57575F ',
'pinned-doc-border' : '# 60606D ',
'pinned-doc-border-hover' : '#A4A4 B1 ',
'pinned-doc-editor-bg' : '# 60606D ',
/* Raw Data */
'raw-data-table-border' : '# 57575F ',
'raw-data-table-border-hover' : '#A4A4 A4 ',
'raw-data-table-border' : '# 60606D ',
'raw-data-table-border-hover' : '#A4A4 B1 ',
/* Controls */
'control-fg' : '#1 DA270 ',
'control-fg' : '#1 7B378 ',
'control-primary-fg' : '#FFFFFF' ,
'control-primary-bg' : '#1DA270' ,
'control-secondary-fg' : '#A4A4A4' ,
'control-hover-fg' : '#157A54' ,
'control-primary-hover-bg' : '#157A54' ,
'control-primary-bg' : '#157A54' ,
'control-secondary-fg' : '#A4A4B1' ,
'control-secondary-disabled-fg' : '#60606D' ,
'control-hover-fg' : '#13D78D' ,
'control-primary-hover-bg' : '#1DA270' ,
'control-secondary-hover-fg' : '#EFEFEF' ,
'control-secondary-hover-bg' : '#57575F' ,
'control-disabled-fg' : '#A4A4A4' ,
'control-disabled-bg' : '#69697D' ,
'control-primary-disabled' : '#5F8C7B' ,
'control-border' : '1px solid #1DA270' ,
'control-secondary-hover-bg' : '#60606D' ,
'control-disabled-fg' : '#A4A4B1' ,
'control-disabled-bg' : '#70707D' ,
'control-border' : '1px solid #17B378' ,
/* Checkboxes */
'checkbox-bg' : '#32323F' ,
'checkbox-disabled-bg' : '# 6969 7D',
'checkbox-border' : '# 6969 7D',
'checkbox-border-hover' : '# 57575F ',
'checkbox-disabled-bg' : '# 7070 7D',
'checkbox-border' : '# 7070 7D',
'checkbox-border-hover' : '# A4A4B1 ',
/* Move Docs */
'move-docs-selected-fg' : '#FFFFFF' ,
'move-docs-selected-bg' : '#1 DA270 ',
'move-docs-disabled-bg' : '# 6969 7D',
'move-docs-selected-bg' : '#1 57A54 ',
'move-docs-disabled-bg' : '# 7070 7D',
/* Filter Bar */
'filter-bar-button-saved-fg' : '#FFFFFF' ,
'filter-bar-button-saved-bg' : '#555563' ,
'filter-bar-button-saved-hover-bg' : '# 6969 7D',
'filter-bar-button-saved-hover-bg' : '# 7070 7D',
/* Icons */
'icon-disabled' : '#A4A4 A4 ',
'icon-disabled' : '#A4A4 B1 ',
'icon-error' : '#FFA500' ,
/* Icon Buttons */
'icon-button-fg' : '#FFFFFF' ,
'icon-button-primary-bg' : '#1 DA270 ',
'icon-button-primary-hover-bg' : '#1 57A54 ',
'icon-button-secondary-bg' : '# 6969 7D',
'icon-button-secondary-hover-bg' : '#A4A4 A4 ',
'icon-button-primary-bg' : '#1 7B378 ',
'icon-button-primary-hover-bg' : '#1 3D78D ',
'icon-button-secondary-bg' : '# 7070 7D',
'icon-button-secondary-hover-bg' : '#A4A4 B1 ',
/* Left Panel */
'left-panel-page-hover-bg' : 'rgba(111,111,117,0.25)' ,
'left-panel-active-page-fg' : '#EFEFEF' ,
'left-panel-active-page-bg' : '# 5555 63',
'left-panel-disabled-page-fg' : '# 6969 7D',
'left-panel-page-options-fg' : '#A4A4 A4 ',
'left-panel-active-page-bg' : '# 64647 3',
'left-panel-disabled-page-fg' : '# 7070 7D',
'left-panel-page-options-fg' : '#A4A4 B1 ',
'left-panel-page-options-hover-fg' : '#FFFFFF' ,
'left-panel-page-options-hover-bg' : '# 6969 7D',
'left-panel-page-options-selected-hover-bg' : '#A4A4 A4 ',
'left-panel-page-options-hover-bg' : '# 7070 7D',
'left-panel-page-options-selected-hover-bg' : '#A4A4 B1 ',
'left-panel-page-initials-fg' : 'white' ,
'left-panel-page-initials-bg' : '# 929299 ',
'left-panel-page-initials-bg' : '# 8E8EA0 ',
'left-panel-page-emoji-fg' : 'black' ,
'left-panel-page-emoji-outline' : '# 6969 7D',
'left-panel-page-emoji-outline' : '# 7070 7D',
/* Right Panel */
'right-panel-tab-fg' : '#EFEFEF' ,
'right-panel-tab-bg' : '#262633' ,
'right-panel-tab-icon' : '#A4A4 A4 ',
'right-panel-tab-icon-hover' : '#1 DA270 ',
'right-panel-tab-icon' : '#A4A4 B1 ',
'right-panel-tab-icon-hover' : '#1 3D78D ',
'right-panel-tab-hover-bg' : 'rgba(111,111,117,0.6)' ,
'right-panel-tab-selected-fg' : '#FFFFFF' ,
'right-panel-tab-selected-bg' : '#1 DA270 ',
'right-panel-tab-button-hover-bg' : '# 157A54 ',
'right-panel-subtab-fg' : '#1 DA270 ',
'right-panel-tab-selected-bg' : '#1 57A54 ',
'right-panel-tab-button-hover-bg' : '# 0A5438 ',
'right-panel-subtab-fg' : '#1 7B378 ',
'right-panel-subtab-selected-fg' : '#EFEFEF' ,
'right-panel-subtab-selected-underline' : '#1DA270' ,
'right-panel-subtab-hover-fg' : '#1 57A54 ',
'right-panel-subtab-hover-underline' : '#1 DA270 ',
'right-panel-subtab-hover-fg' : '#1 3D78D ',
'right-panel-subtab-hover-underline' : '#1 3D78D ',
'right-panel-disabled-overlay' : '#262633' ,
'right-panel-toggle-button-enabled-fg' : '#FFFFFF' ,
'right-panel-toggle-button-enabled-bg' : '#555563' ,
'right-panel-toggle-button-enabled-hover-fg' : '#D9D9D9' ,
'right-panel-toggle-button-disabled-fg' : '#FFFFFF' ,
'right-panel-toggle-button-disabled-bg' : '#333333' ,
'right-panel-field-settings-bg' : '#414358' ,
'right-panel-field-settings-button-bg' : '#57575F' ,
'right-panel-toggle-button-enabled-bg' : '#646473' ,
'right-panel-toggle-button-disabled-fg' : '#646473' ,
'right-panel-toggle-button-disabled-bg' : '#32323F' ,
'right-panel-field-settings-bg' : '#404150' ,
'right-panel-field-settings-button-bg' : '#646473' ,
/* Document History */
'document-history-snapshot-fg' : '#EFEFEF' ,
'document-history-snapshot-selected-fg' : '#EFEFEF' ,
'document-history-snapshot-bg' : '#32323F' ,
'document-history-snapshot-selected-bg' : '# 5555 63',
'document-history-snapshot-border' : '# 6969 7D',
'document-history-snapshot-selected-bg' : '# 64647 3',
'document-history-snapshot-border' : '# 7070 7D',
'document-history-activity-text' : '#EFEFEF' ,
'document-history-activity-text-light' : '#A4A4A4' ,
'document-history-activity-text-light' : '#A4A4B1' ,
'document-history-table-header-fg' : '#EFEFEF' ,
'document-history-table-border' : '#70707D' ,
'document-history-table-border-light' : '#60606D' ,
/* Accents */
'accent-icon' : '#1DA270' ,
'accent-border' : '#1 DA270 ',
'accent-text' : '#1 DA270 ',
'accent-icon' : '#1 7B378 ',
'accent-border' : '#1 57A54 ',
'accent-text' : '#1 7B378 ',
/* Inputs */
'input-fg' : '#EFEFEF' ,
'input-bg' : '#32323F' ,
'input-disabled-fg' : '#A4A4 A4 ',
'input-disabled-fg' : '#A4A4 B1 ',
'input-disabled-bg' : '#262633' ,
'input-placeholder-fg' : '#A4A4 A4 ',
'input-border' : '# 6969 7D',
'input-valid' : '#1 DA270 ',
'input-placeholder-fg' : '#A4A4 B1 ',
'input-border' : '# 7070 7D',
'input-valid' : '#1 7B378 ',
'input-invalid' : '#FF6666' ,
'input-focus' : '#5E9ED6' ,
'input-readonly-bg' : '#262633' ,
'input-readonly-border' : '#69697D' ,
'input-readonly-border' : '#70707D' ,
/* Choice Tokens */
'choice-token-fg' : '#FFFFFF' ,
'choice-token-blank-fg' : '#A4A4B1' ,
'choice-token-bg' : '#70707D' ,
'choice-token-selected-bg' : '#555563' ,
'choice-token-selected-border' : '#17B378' ,
'choice-token-invalid-fg' : '#FFFFFF' ,
'choice-token-invalid-bg' : '#323240' ,
'choice-token-invalid-border' : '#D0021B' ,
/* Choice Entry */
'choice-entry-bg' : '#32323F' ,
'choice-entry-border' : '#69697D' ,
'choice-entry-border-hover' : '#A4A4A4' ,
'choice-entry-border' : '# 7070 7D',
'choice-entry-border-hover' : '#A4A4 B1 ',
/* Select Buttons */
'select-button-fg' : '#EFEFEF' ,
'select-button-placeholder-fg' : '#A4A4A4' ,
'select-button-disabled-fg' : '#A4A4A4' ,
'select-button-placeholder-fg' : '#A4A4B1' ,
'select-button-bg' : '#32323F' ,
'select-button-border' : '# 6969 7D',
'select-button-border' : '# 7070 7D',
'select-button-border-invalid' : '#FF6666' ,
/* Menus */
'menu-text' : '#A4A4 A4 ',
'menu-light-text' : '#A4A4 A4 ',
'menu-text' : '#A4A4 B1 ',
'menu-light-text' : '#A4A4 B1 ',
'menu-bg' : '#32323F' ,
'menu-subheader-fg' : '#EFEFEF' ,
'menu-border' : '# 6969 7D',
'menu-border' : '# 7070 7D',
'menu-shadow' : '#000000' ,
/* Menu Items */
'menu-item-fg' : '#FFFFFF' ,
'menu-item-selected-fg' : '#FFFFFF' ,
'menu-item-selected-bg' : '#1 DA270 ',
'menu-item-disabled-fg' : '# 6969 7D',
'menu-item-icon-fg' : '#A4A4 A4 ',
'menu-item-selected-bg' : '#1 57A54 ',
'menu-item-disabled-fg' : '# 7070 7D',
'menu-item-icon-fg' : '#A4A4 B1 ',
'menu-item-icon-selected-fg' : '#FFFFFF' ,
'menu-item-link-fg' : '#1DA270' ,
'menu-item-link-selected-fg' : '#157A54' ,
'menu-item-link-selected-bg' : '#484859' ,
/* Autocomplete */
'autocomplete-match-text' : '#1DA270' ,
'autocomplete-selected-match-text' : '#0A5438' ,
'autocomplete-item-selected-bg' : '#69697D' ,
'autocomplete-match-text' : '#17B378' ,
'autocomplete-selected-match-text' : '#13D78D' ,
'autocomplete-item-selected-bg' : '#70707D' ,
'autocomplete-add-new-circle-fg' : '#FFFFFF' ,
'autocomplete-add-new-circle-bg' : '#157A54' ,
'autocomplete-add-new-circle-selected-bg' : '#1DA270' ,
/* Search */
'search-border' : '#69697D' ,
'search-prev-next-button-fg' : '#A4A4 A4 ',
'search-border' : '# 7070 7D',
'search-prev-next-button-fg' : '#A4A4 B1 ',
'search-prev-next-button-bg' : '#24242F' ,
/* Loading Spinners */
'loader-fg' : '#1 DA270 ',
'loader-bg' : '# 6969 7D',
'loader-fg' : '#1 7B378 ',
'loader-bg' : '# 7070 7D',
/* Site Switcher */
'site-switcher-active-fg' : '#FFFFFF' ,
'site-switcher-active-bg' : '#000000' ,
/* Doc Menu */
'doc-menu-doc-options-fg' : '# 6969 7D',
'doc-menu-doc-options-hover-fg' : '#A4A4 A4 ',
'doc-menu-doc-options-hover-bg' : '# 6969 7D',
'doc-menu-doc-options-fg' : '# 7070 7D',
'doc-menu-doc-options-hover-fg' : '#A4A4 B1 ',
'doc-menu-doc-options-hover-bg' : '# 7070 7D',
/* Shortcut Keys */
'shortcut-key-fg' : '#FFFFFF' ,
'shortcut-key-primary-fg' : '#17B378' ,
'shortcut-key-secondary-fg' : '#A4A4 A4 ',
'shortcut-key-secondary-fg' : '#A4A4 B1 ',
'shortcut-key-bg' : '#32323F' ,
'shortcut-key-border' : '#A4A4 A4 ',
'shortcut-key-border' : '#A4A4 B1 ',
/* Breadcrumbs */
'breadcrumbs-tag-fg' : ' white ',
'breadcrumbs-tag-bg' : '# 929299 ',
'breadcrumbs-tag-fg' : ' #FFFFFF ',
'breadcrumbs-tag-bg' : '# 70707D ',
'breadcrumbs-tag-alert-bg' : '#D0021B' ,
/* Page Widget Picker */
'widget-picker-primary-bg' : '#32323F' ,
'widget-picker-secondary-bg' : '#262633' ,
'widget-picker-item-fg' : '#FFFFFF' ,
'widget-picker-item-selected-bg' : 'rgba(111,111,1 17 ,0.6)',
'widget-picker-item-disabled-bg' : 'rgba(111,111,1 17 ,0.6)',
'widget-picker-icon' : '#A4A4 A4 ',
'widget-picker-primary-icon' : '#1 DA270 ',
'widget-picker-summary-icon' : '#1 DA270 ',
'widget-picker-border' : 'rgba(111,111,1 17 ,0.6)',
'widget-picker-item-selected-bg' : 'rgba(111,111,1 25 ,0.6)',
'widget-picker-item-disabled-bg' : 'rgba(111,111,1 25 ,0.6)',
'widget-picker-icon' : '#A4A4 B1 ',
'widget-picker-primary-icon' : '#1 7B378 ',
'widget-picker-summary-icon' : '#1 7B378 ',
'widget-picker-border' : 'rgba(111,111,1 25 ,0.6)',
'widget-picker-shadow' : '#000000' ,
/* Code View */
@ -368,10 +378,10 @@ export const GristDark: ThemeColors = {
'code-view-literal' : '#9ED682' ,
/* Importer */
'importer-table-info-border' : '# 6969 7D',
'importer-preview-border' : '# 6969 7D',
'importer-skipped-table-overlay' : 'rgba(111,111,1 17 ,0.6)',
'importer-match-icon' : '# 6969 7D',
'importer-table-info-border' : '# 7070 7D',
'importer-preview-border' : '# 7070 7D',
'importer-skipped-table-overlay' : 'rgba(111,111,1 25 ,0.6)',
'importer-match-icon' : '# 7070 7D',
'importer-outside-bg' : '#32323F' ,
'importer-main-content-bg' : '#262633' ,
'importer-active-file-bg' : '#16B378' ,
@ -380,11 +390,11 @@ export const GristDark: ThemeColors = {
'importer-inactive-file-fg' : '#FFFFFF' ,
/* Menu Toggles */
'menu-toggle-fg' : '#A4A4 A4 ',
'menu-toggle-hover-fg' : '#1 DA270 ',
'menu-toggle-active-fg' : '#1 57A54 ',
'menu-toggle-fg' : '#A4A4 B1 ',
'menu-toggle-hover-fg' : '#1 7B378 ',
'menu-toggle-active-fg' : '#1 3D78D ',
'menu-toggle-bg' : '#32323F' ,
'menu-toggle-border' : '#A4A4 A4 ',
'menu-toggle-border' : '#A4A4 B1 ',
/* Info Button */
'info-button-fg' : '#8F8F8F' ,
@ -393,31 +403,33 @@ export const GristDark: ThemeColors = {
/* Button Groups */
'button-group-fg' : '#EFEFEF' ,
'button-group-light-fg' : '#A4A4A4' ,
'button-group-bg' : 'unset' ,
'button-group-icon' : '#A4A4A4' ,
'button-group-border' : '#69697D' ,
'button-group-border-hover' : '#555563' ,
'button-group-light-fg' : '#A4A4B1' ,
'button-group-bg' : 'transparent' ,
'button-group-bg-hover' : 'rgba(111,111,125,0.25)' ,
'button-group-icon' : '#A4A4B1' ,
'button-group-border' : '#70707D' ,
'button-group-border-hover' : '#646473' ,
'button-group-selected-fg' : '#EFEFEF' ,
'button-group-light-selected-fg' : '#1 DA270 ',
'button-group-selected-bg' : '# 5555 63',
'button-group-selected-border' : '# 5555 63',
'button-group-light-selected-fg' : '#1 7B378 ',
'button-group-selected-bg' : '# 64647 3',
'button-group-selected-border' : '# 64647 3',
/* Access Rules */
'access-rules-table-header-fg' : '#EFEFEF' ,
'access-rules-table-header-bg' : '#57575F' ,
'access-rules-table-body-fg' : '#A4A4A4' ,
'access-rules-table-border' : '#A4A4A4' ,
'access-rules-column-list-border' : '#69697D' ,
'access-rules-table-header-bg' : '#60606D' ,
'access-rules-table-body-fg' : '#A4A4B1' ,
'access-rules-table-body-light-fg' : '#70707D' ,
'access-rules-table-border' : '#A4A4B1' ,
'access-rules-column-list-border' : '#70707D' ,
'access-rules-column-item-fg' : '#EFEFEF' ,
'access-rules-column-item-bg' : '# 57575F ',
'access-rules-column-item-icon-fg' : '#A4A4 A4 ',
'access-rules-column-item-bg' : '# 60606D ',
'access-rules-column-item-icon-fg' : '#A4A4 B1 ',
'access-rules-column-item-icon-hover-fg' : '#EFEFEF' ,
'access-rules-column-item-icon-hover-bg' : '#A4A4 A4 ',
'access-rules-column-item-icon-hover-bg' : '#A4A4 B1 ',
'access-rules-formula-editor-bg' : '#32323F' ,
'access-rules-formula-editor-border-hover' : '# 6969 7D',
'access-rules-formula-editor-bg-disabled' : '# 57575F ',
'access-rules-formula-editor-focus' : '#1 DA270 ',
'access-rules-formula-editor-border-hover' : '# 7070 7D',
'access-rules-formula-editor-bg-disabled' : '# 60606D ',
'access-rules-formula-editor-focus' : '#1 7B378 ',
/* Cells */
'cell-fg' : '#FFFFFF' ,
@ -425,81 +437,113 @@ export const GristDark: ThemeColors = {
'cell-zebra-bg' : '#262633' ,
/* Charts */
'chart-fg' : '#A4A4 A4 ',
'chart-fg' : '#A4A4 B1 ',
'chart-bg' : '#32323F' ,
'chart-legend-bg' : ' #32323F80 ',
'chart-x-axis' : '#A4A4 A4 ',
'chart-y-axis' : '#A4A4 A4 ',
'chart-legend-bg' : ' rgba(50,50,63,0.5) ',
'chart-x-axis' : '#A4A4 B1 ',
'chart-y-axis' : '#A4A4 B1 ',
/* Comments */
'comments-popup-header-bg' : '#262633' ,
'comments-popup-body-bg' : '#32323F' ,
'comments-popup-border' : '# 6969 7D',
'comments-user-name-fg' : '# DFDFD F',
'comments-popup-border' : '# 7070 7D',
'comments-user-name-fg' : '# EFEFE F',
'comments-panel-topic-bg' : '#32323F' ,
'comments-panel-topic-border' : '#555563' ,
'comments-panel-resolved-topic-bg' : '#26263 4 ',
'comments-panel-resolved-topic-bg' : '#26263 3 ',
/* Date Picker */
'date-picker-selected-fg' : '#FFFFFF' ,
'date-picker-selected-bg' : '#7 F7F7F ',
'date-picker-selected-bg-hover' : '#8 F8F8F ',
'date-picker-selected-bg' : '#7 A7A8D ',
'date-picker-selected-bg-hover' : '#8 D8D9C ',
'date-picker-today-fg' : '#FFFFFF' ,
'date-picker-today-bg' : '#1 DA270 ',
'date-picker-today-bg-hover' : '#1 57A54 ',
'date-picker-range-start-end-bg' : '#7 F7F7F ',
'date-picker-range-start-end-bg-hover' : '#8 F8F8F ',
'date-picker-range-bg' : '# 57575F ',
'date-picker-range-bg-hover' : '#7 F7F7F ',
'date-picker-today-bg' : '#1 57A54 ',
'date-picker-today-bg-hover' : '#1 DA270 ',
'date-picker-range-start-end-bg' : '#7 A7A8D ',
'date-picker-range-start-end-bg-hover' : '#8 D8D9C ',
'date-picker-range-bg' : '# 60606D ',
'date-picker-range-bg-hover' : '#7 A7A8D ',
/* Tutorials */
'tutorials-popup-border' : '# 6969 7D',
'tutorials-popup-border' : '# 7070 7D',
'tutorials-popup-header-fg' : '#FFFFFF' ,
'tutorials-popup-box-bg' : '# 57575F ',
'tutorials-popup-box-bg' : '# 60606D ',
/* Ace */
'ace-editor-bg' : '#32323F' ,
'ace-autocomplete-primary-fg' : '#EFEFEF' ,
'ace-autocomplete-secondary-fg' : '#A4A4 A4 ',
'ace-autocomplete-secondary-fg' : '#A4A4 B1 ',
'ace-autocomplete-highlighted-fg' : '#FFFFFF' ,
'ace-autocomplete-bg' : '#32323F' ,
'ace-autocomplete-border' : '# 6969 7D',
'ace-autocomplete-border' : '# 7070 7D',
'ace-autocomplete-link' : '#28BE86' ,
'ace-autocomplete-link-highlighted' : '#45D48B' ,
'ace-autocomplete-active-line-bg' : '#555563' ,
'ace-autocomplete-line-border-hover' : 'rgba(111,111,1 17 ,0.3)',
'ace-autocomplete-line-bg-hover' : 'rgba(111,111,1 17 ,0.3)',
'ace-autocomplete-line-border-hover' : 'rgba(111,111,1 25 ,0.3)',
'ace-autocomplete-line-bg-hover' : 'rgba(111,111,1 25 ,0.3)',
/* Color Select */
'color-select-fg' : '# EFEFEF ',
'color-select-fg' : '# A4A4B1 ',
'color-select-bg' : '#32323F' ,
'color-select-shadow' : '#000000' ,
'color-select-font-options-border' : '# 69697D ',
'color-select-font-options-border' : '# 555563 ',
'color-select-font-option-fg' : '#EFEFEF' ,
'color-select-font-option-bg' : '#32323F' ,
'color-select-font-option-bg-hover' : '#262633' ,
'color-select-font-option-bg-hover' : 'rgba(111,111,125,0.25)' ,
'color-select-font-option-fg-selected' : '#EFEFEF' ,
'color-select-font-option-bg-selected' : '# 5555 63',
'color-select-color-square-border' : '#A4A4 A4 ',
'color-select-font-option-bg-selected' : '# 64647 3',
'color-select-color-square-border' : '#A4A4 B1 ',
'color-select-color-square-border-empty' : '#EFEFEF' ,
'color-select-input-fg' : '# EFEFEF ',
'color-select-input-fg' : '# A4A4B1 ',
'color-select-input-bg' : '#32323F' ,
'color-select-input-border' : '# 6969 7D',
'color-select-input-border' : '# 7070 7D',
/* Highlighted Code */
'highlighted-code-block-bg' : '#262633' ,
'highlighted-code-block-bg-disabled' : '#555563' ,
'highlighted-code-fg' : '#A4A4 A4 ',
'highlighted-code-border' : '# 6969 7D',
'highlighted-code-bg-disabled' : '# 55556 3',
'highlighted-code-fg' : '#A4A4 B1 ',
'highlighted-code-border' : '# 7070 7D',
'highlighted-code-bg-disabled' : '# 32323F ',
/* Login Page */
'login-page-bg' : '#32323F' ,
'login-page-backdrop' : '#404150' ,
'login-page-line' : '#57575F' ,
'login-page-line' : '#60606D' ,
'login-page-google-button-fg' : '#FFFFFF' ,
'login-page-google-button-bg' : '#404150' ,
'login-page-google-button-bg-hover' : '#555563' ,
'login-page-google-button-border' : '#70707D' ,
/* Formula Assistant */
'formula-assistant-header-bg' : '#262633' ,
'formula-assistant-border' : '#69697D' ,
'formula-assistant-border' : '# 7070 7D',
'formula-assistant-preformatted-text-bg' : '#262633' ,
/* Attachments */
'attachments-editor-button-fg' : '#17B378' ,
'attachments-editor-button-hover-fg' : '#13D78D' ,
'attachments-editor-button-bg' : '#404150' ,
'attachments-editor-button-hover-bg' : '#555563' ,
'attachments-editor-button-border' : '#70707D' ,
'attachments-editor-button-icon' : '#A4A4B1' ,
'attachments-editor-border' : '#A4A4B1' ,
'attachments-cell-icon-fg' : '#A4A4B1' ,
'attachments-cell-icon-bg' : '#555563' ,
'attachments-cell-icon-hover-bg' : '#70707D' ,
/* Switches */
'switch-slider-fg' : '#70707D' ,
'switch-circle-fg' : '#EFEFEF' ,
/* Announcement Popups */
'announcement-popup-fg' : '#FFFFFF' ,
'announcement-popup-bg' : '#404150' ,
/* Scroll Shadow */
'scroll-shadow' : 'rgba(0,0,0,0.25)' ,
/* Toggle Checkboxes */
'toggle-checkbox-fg' : '#A4A4B1' ,
/* Numeric Spinners */
'numeric-spinner-fg' : '#A4A4B1' ,
} ;