/* Dark Theme CSS */
:root {
     --grist-theme-text: #EFEFEF;
  --grist-theme-text-light: #A4A4B1;
  --grist-theme-text-medium: #D5D5D5;
  --grist-theme-text-dark: #FFFFFF;
  --grist-theme-text-error: #E63946;
  --grist-theme-text-error-hover: #FF5C5C;
  --grist-theme-text-danger: #FFA500;
  --grist-theme-text-disabled: #A4A4B1;
  --grist-theme-page-bg: #262633;
  --grist-theme-page-backdrop: black;
  --grist-theme-page-panels-main-panel-bg: #32323F;
  --grist-theme-page-panels-left-panel-bg: #262633;
  --grist-theme-page-panels-right-panel-bg: #262633;
  --grist-theme-page-panels-top-header-bg: #32323F;
  --grist-theme-page-panels-bottom-footer-bg: #32323F;
  --grist-theme-page-panels-border: #60606D;
  --grist-theme-page-panels-border-resizing: #17B378;
  --grist-theme-page-panels-side-panel-opener-fg: #A4A4B1;
  --grist-theme-page-panels-side-panel-opener-active-fg: #FFFFFF;
  --grist-theme-page-panels-side-panel-opener-active-bg: #17B378;
  --grist-theme-add-new-circle-fg: #FFFFFF;
  --grist-theme-add-new-circle-bg: #0A5438;
  --grist-theme-add-new-circle-hover-bg: #157A54;
  --grist-theme-add-new-circle-small-fg: #FFFFFF;
  --grist-theme-add-new-circle-small-bg: #157A54;
  --grist-theme-add-new-circle-small-hover-bg: #1DA270;
  --grist-theme-top-bar-button-primary-fg: #17B378;
  --grist-theme-top-bar-button-secondary-fg: #A4A4B1;
  --grist-theme-top-bar-button-disabled-fg: #70707D;
  --grist-theme-top-bar-button-error-fg: FF6666;
  --grist-theme-notifications-panel-header-bg: #262633;
  --grist-theme-notifications-panel-body-bg: #32323F;
  --grist-theme-notifications-panel-border: #70707D;
  --grist-theme-toast-text: #FFFFFF;
  --grist-theme-toast-text-light: #929299;
  --grist-theme-toast-bg: #040404;
  --grist-theme-toast-memo-text: #EFEFEF;
  --grist-theme-toast-memo-bg: #555563;
  --grist-theme-toast-error-icon: #D0021B;
  --grist-theme-toast-error-bg: #D0021B;
  --grist-theme-toast-success-icon: #009058;
  --grist-theme-toast-success-bg: #009058;
  --grist-theme-toast-warning-icon: #F9AE41;
  --grist-theme-toast-warning-bg: #DD962C;
  --grist-theme-toast-info-icon: #3B82F6;
  --grist-theme-toast-info-bg: #3B82F6;
  --grist-theme-toast-control-fg: #16B378;
  --grist-theme-toast-control-info-fg: #87B2F9;
  --grist-theme-tooltip-fg: white;
  --grist-theme-tooltip-bg: rgba(0, 0, 0, 0.75);
  --grist-theme-tooltip-icon: #A4A4B1;
  --grist-theme-tooltip-close-button-fg: white;
  --grist-theme-tooltip-close-button-hover-fg: black;
  --grist-theme-tooltip-close-button-hover-bg: white;
  --grist-theme-modal-bg: #32323F;
  --grist-theme-modal-backdrop: rgba(0,0,0,0.6);
  --grist-theme-modal-border: #60606D;
  --grist-theme-modal-border-dark: #70707D;
  --grist-theme-modal-border-hover: #A4A4B1;
  --grist-theme-modal-shadow-inner: #000000;
  --grist-theme-modal-shadow-outer: #000000;
  --grist-theme-modal-close-button-fg: #A4A4B1;
  --grist-theme-modal-backdrop-close-button-fg: #17B378;
  --grist-theme-modal-backdrop-close-button-hover-fg: #13D78D;
  --grist-theme-popup-bg: #32323F;
  --grist-theme-popup-shadow-inner: #000000;
  --grist-theme-popup-shadow-outer: #000000;
  --grist-theme-popup-close-button-fg: #A4A4B1;
  --grist-theme-prompt-fg: #A4A4B1;
  --grist-theme-progress-bar-fg: #17B378;
  --grist-theme-progress-bar-error-fg: #FF6666;
  --grist-theme-progress-bar-bg: #70707D;
  --grist-theme-link: #17B378;
  --grist-theme-link-hover: #17B378;
  --grist-theme-hover: rgba(111,111,125,0.6);
  --grist-theme-hover-light: rgba(111,111,125,0.4);
  --grist-theme-cell-editor-fg: #FFFFFF;
  --grist-theme-cell-editor-placeholder-fg: #A4A4B1;
  --grist-theme-cell-editor-bg: #32323F;
  --grist-theme-cursor: #1DA270;
  --grist-theme-cursor-inactive: rgba(29,162,112,0.5);
  --grist-theme-cursor-readonly: #A4A4B1;
  --grist-theme-table-header-fg: #EFEFEF;
  --grist-theme-table-header-selected-fg: #EFEFEF;
  --grist-theme-table-header-bg: #262633;
  --grist-theme-table-header-selected-bg: #414358;
  --grist-theme-table-header-border: #70707D;
  --grist-theme-table-body-bg: #32323F;
  --grist-theme-table-body-border: #60606D;
  --grist-theme-table-add-new-bg: #4A4A5D;
  --grist-theme-table-scroll-shadow: #000000;
  --grist-theme-table-frozen-columns-border: #A4A4B1;
  --grist-theme-table-drag-drop-indicator: #A4A4B1;
  --grist-theme-table-drag-drop-shadow: rgba(111,111,125,0.6);
  --grist-theme-table-cell-summary-bg: rgba(111,111,125,0.6);
  --grist-theme-card-compact-widget-bg: #262633;
  --grist-theme-card-compact-record-bg: #32323F;
  --grist-theme-card-blocks-bg: #404150;
  --grist-theme-card-form-label: #A4A4B1;
  --grist-theme-card-compact-label: #A4A4B1;
  --grist-theme-card-blocks-label: #A4A4B1;
  --grist-theme-card-form-border: #70707D;
  --grist-theme-card-compact-border: #70707D;
  --grist-theme-card-editing-layout-bg: rgba(85, 85, 99, 0.2);
  --grist-theme-card-editing-layout-border: #70707D;
  --grist-theme-card-list-form-border: #60606D;
  --grist-theme-card-list-blocks-border: #60606D;
  --grist-theme-selection: rgba(22,179,120,0.15);
  --grist-theme-selection-darker: rgba(22,179,120,0.25);
  --grist-theme-selection-darkest: rgba(22,179,120,0.35);
  --grist-theme-selection-opaque-fg: white;
  --grist-theme-selection-opaque-bg: #2F4748;
  --grist-theme-selection-opaque-dark-bg: #253E3E;
  --grist-theme-selection-header: rgba(107,107,144,0.4);
  --grist-theme-widget-bg: #32323F;
  --grist-theme-widget-border: #70707D;
  --grist-theme-widget-active-border: #157A54;
  --grist-theme-widget-inactive-stripes-light: #262633;
  --grist-theme-widget-inactive-stripes-dark: #32323F;
  --grist-theme-pinned-doc-footer-bg: #32323F;
  --grist-theme-pinned-doc-border: #60606D;
  --grist-theme-pinned-doc-border-hover: #A4A4B1;
  --grist-theme-pinned-doc-editor-bg: #60606D;
  --grist-theme-raw-data-table-border: #60606D;
  --grist-theme-raw-data-table-border-hover: #A4A4B1;
  --grist-theme-control-fg: #17B378;
  --grist-theme-control-primary-fg: #FFFFFF;
  --grist-theme-control-primary-bg: #157A54;
  --grist-theme-control-secondary-fg: #A4A4B1;
  --grist-theme-control-secondary-disabled-fg: #60606D;
  --grist-theme-control-hover-fg: #13D78D;
  --grist-theme-control-primary-hover-bg: #1DA270;
  --grist-theme-control-secondary-hover-fg: #EFEFEF;
  --grist-theme-control-secondary-hover-bg: #60606D;
  --grist-theme-control-disabled-fg: #A4A4B1;
  --grist-theme-control-disabled-bg: #70707D;
  --grist-theme-control-border: 1px solid #17B378;
  --grist-theme-checkbox-bg: #32323F;
  --grist-theme-checkbox-disabled-bg: #70707D;
  --grist-theme-checkbox-border: #70707D;
  --grist-theme-checkbox-border-hover: #A4A4B1;
  --grist-theme-move-docs-selected-fg: #FFFFFF;
  --grist-theme-move-docs-selected-bg: #157A54;
  --grist-theme-move-docs-disabled-bg: #70707D;
  --grist-theme-filter-bar-button-saved-fg: #FFFFFF;
  --grist-theme-filter-bar-button-saved-bg: #555563;
  --grist-theme-filter-bar-button-saved-hover-bg: #70707D;
  --grist-theme-icon-disabled: #A4A4B1;
  --grist-theme-icon-error: #FFA500;
  --grist-theme-icon-button-fg: #FFFFFF;
  --grist-theme-icon-button-primary-bg: #17B378;
  --grist-theme-icon-button-primary-hover-bg: #13D78D;
  --grist-theme-icon-button-secondary-bg: #70707D;
  --grist-theme-icon-button-secondary-hover-bg: #A4A4B1;
  --grist-theme-left-panel-page-hover-bg: rgba(111,111,117,0.25);
  --grist-theme-left-panel-active-page-fg: #EFEFEF;
  --grist-theme-left-panel-active-page-bg: #646473;
  --grist-theme-left-panel-disabled-page-fg: #70707D;
  --grist-theme-left-panel-page-options-fg: #A4A4B1;
  --grist-theme-left-panel-page-options-hover-fg: #FFFFFF;
  --grist-theme-left-panel-page-options-hover-bg: #70707D;
  --grist-theme-left-panel-page-options-selected-hover-bg: #A4A4B1;
  --grist-theme-left-panel-page-initials-fg: white;
  --grist-theme-left-panel-page-initials-bg: #8E8EA0;
  --grist-theme-left-panel-page-emoji-fg: black;
  --grist-theme-left-panel-page-emoji-outline: #70707D;
  --grist-theme-right-panel-tab-fg: #EFEFEF;
  --grist-theme-right-panel-tab-bg: #262633;
  --grist-theme-right-panel-tab-icon: #A4A4B1;
  --grist-theme-right-panel-tab-icon-hover: #13D78D;
  --grist-theme-right-panel-tab-hover-bg: rgba(111,111,117,0.6);
  --grist-theme-right-panel-tab-selected-fg: #FFFFFF;
  --grist-theme-right-panel-tab-selected-bg: #157A54;
  --grist-theme-right-panel-tab-button-hover-bg: #0A5438;
  --grist-theme-right-panel-subtab-fg: #17B378;
  --grist-theme-right-panel-subtab-selected-fg: #EFEFEF;
  --grist-theme-right-panel-subtab-selected-underline: #1DA270;
  --grist-theme-right-panel-subtab-hover-fg: #13D78D;
  --grist-theme-right-panel-subtab-hover-underline: #13D78D;
  --grist-theme-right-panel-disabled-overlay: #262633;
  --grist-theme-right-panel-toggle-button-enabled-fg: #FFFFFF;
  --grist-theme-right-panel-toggle-button-enabled-bg: #646473;
  --grist-theme-right-panel-toggle-button-disabled-fg: #646473;
  --grist-theme-right-panel-toggle-button-disabled-bg: #32323F;
  --grist-theme-right-panel-field-settings-bg: #404150;
  --grist-theme-right-panel-field-settings-button-bg: #646473;
  --grist-theme-document-history-snapshot-fg: #EFEFEF;
  --grist-theme-document-history-snapshot-selected-fg: #EFEFEF;
  --grist-theme-document-history-snapshot-bg: #32323F;
  --grist-theme-document-history-snapshot-selected-bg: #646473;
  --grist-theme-document-history-snapshot-border: #70707D;
  --grist-theme-document-history-activity-text: #EFEFEF;
  --grist-theme-document-history-activity-text-light: #A4A4B1;
  --grist-theme-document-history-table-header-fg: #EFEFEF;
  --grist-theme-document-history-table-border: #70707D;
  --grist-theme-document-history-table-border-light: #60606D;
  --grist-theme-accent-icon: #17B378;
  --grist-theme-accent-border: #157A54;
  --grist-theme-accent-text: #17B378;
  --grist-theme-input-fg: #EFEFEF;
  --grist-theme-input-bg: #32323F;
  --grist-theme-input-disabled-fg: #A4A4B1;
  --grist-theme-input-disabled-bg: #262633;
  --grist-theme-input-placeholder-fg: #A4A4B1;
  --grist-theme-input-border: #70707D;
  --grist-theme-input-valid: #17B378;
  --grist-theme-input-invalid: #FF6666;
  --grist-theme-input-focus: #5E9ED6;
  --grist-theme-input-readonly-bg: #262633;
  --grist-theme-input-readonly-border: #70707D;
  --grist-theme-choice-token-fg: #FFFFFF;
  --grist-theme-choice-token-blank-fg: #A4A4B1;
  --grist-theme-choice-token-bg: #70707D;
  --grist-theme-choice-token-selected-bg: #555563;
  --grist-theme-choice-token-selected-border: #17B378;
  --grist-theme-choice-token-invalid-fg: #FFFFFF;
  --grist-theme-choice-token-invalid-bg: #323240;
  --grist-theme-choice-token-invalid-border: #D0021B;
  --grist-theme-choice-entry-bg: #32323F;
  --grist-theme-choice-entry-border: #70707D;
  --grist-theme-choice-entry-border-hover: #A4A4B1;
  --grist-theme-select-button-fg: #EFEFEF;
  --grist-theme-select-button-placeholder-fg: #A4A4B1;
  --grist-theme-select-button-bg: #32323F;
  --grist-theme-select-button-border: #70707D;
  --grist-theme-select-button-border-invalid: #FF6666;
  --grist-theme-menu-text: #A4A4B1;
  --grist-theme-menu-light-text: #A4A4B1;
  --grist-theme-menu-bg: #32323F;
  --grist-theme-menu-subheader-fg: #EFEFEF;
  --grist-theme-menu-border: #70707D;
  --grist-theme-menu-shadow: #000000;
  --grist-theme-menu-item-fg: #FFFFFF;
  --grist-theme-menu-item-selected-fg: #FFFFFF;
  --grist-theme-menu-item-selected-bg: #157A54;
  --grist-theme-menu-item-disabled-fg: #70707D;
  --grist-theme-menu-item-icon-fg: #A4A4B1;
  --grist-theme-menu-item-icon-selected-fg: #FFFFFF;
  --grist-theme-autocomplete-match-text: #17B378;
  --grist-theme-autocomplete-selected-match-text: #13D78D;
  --grist-theme-autocomplete-item-selected-bg: #70707D;
  --grist-theme-autocomplete-add-new-circle-fg: #FFFFFF;
  --grist-theme-autocomplete-add-new-circle-bg: #157A54;
  --grist-theme-autocomplete-add-new-circle-selected-bg: #1DA270;
  --grist-theme-search-border: #70707D;
  --grist-theme-search-prev-next-button-fg: #A4A4B1;
  --grist-theme-search-prev-next-button-bg: #24242F;
  --grist-theme-loader-fg: #17B378;
  --grist-theme-loader-bg: #70707D;
  --grist-theme-site-switcher-active-fg: #FFFFFF;
  --grist-theme-site-switcher-active-bg: #000000;
  --grist-theme-doc-menu-doc-options-fg: #70707D;
  --grist-theme-doc-menu-doc-options-hover-fg: #A4A4B1;
  --grist-theme-doc-menu-doc-options-hover-bg: #70707D;
  --grist-theme-shortcut-key-fg: #FFFFFF;
  --grist-theme-shortcut-key-primary-fg: #17B378;
  --grist-theme-shortcut-key-secondary-fg: #A4A4B1;
  --grist-theme-shortcut-key-bg: #32323F;
  --grist-theme-shortcut-key-border: #A4A4B1;
  --grist-theme-breadcrumbs-tag-fg: #FFFFFF;
  --grist-theme-breadcrumbs-tag-bg: #70707D;
  --grist-theme-breadcrumbs-tag-alert-bg: #D0021B;
  --grist-theme-widget-picker-primary-bg: #32323F;
  --grist-theme-widget-picker-secondary-bg: #262633;
  --grist-theme-widget-picker-item-fg: #FFFFFF;
  --grist-theme-widget-picker-item-selected-bg: rgba(111,111,125,0.6);
  --grist-theme-widget-picker-item-disabled-bg: rgba(111,111,125,0.6);
  --grist-theme-widget-picker-icon: #A4A4B1;
  --grist-theme-widget-picker-primary-icon: #17B378;
  --grist-theme-widget-picker-summary-icon: #17B378;
  --grist-theme-widget-picker-border: rgba(111,111,125,0.6);
  --grist-theme-widget-picker-shadow: #000000;
  --grist-theme-code-view-text: #D2D2D2;
  --grist-theme-code-view-keyword: #D2D2D2;
  --grist-theme-code-view-comment: #888888;
  --grist-theme-code-view-meta: #7CD4FF;
  --grist-theme-code-view-title: #ED7373;
  --grist-theme-code-view-params: #D2D2D2;
  --grist-theme-code-view-string: #ED7373;
  --grist-theme-code-view-number: #ED7373;
  --grist-theme-code-view-builtin: #BFE6D8;
  --grist-theme-code-view-literal: #9ED682;
  --grist-theme-importer-table-info-border: #70707D;
  --grist-theme-importer-preview-border: #70707D;
  --grist-theme-importer-skipped-table-overlay: rgba(111,111,125,0.6);
  --grist-theme-importer-match-icon: #70707D;
  --grist-theme-importer-outside-bg: #32323F;
  --grist-theme-importer-main-content-bg: #262633;
  --grist-theme-importer-active-file-bg: #16B378;
  --grist-theme-importer-active-file-fg: #FFFFFF;
  --grist-theme-importer-inactive-file-bg: #808080;
  --grist-theme-importer-inactive-file-fg: #FFFFFF;
  --grist-theme-menu-toggle-fg: #A4A4B1;
  --grist-theme-menu-toggle-hover-fg: #17B378;
  --grist-theme-menu-toggle-active-fg: #13D78D;
  --grist-theme-menu-toggle-bg: #32323F;
  --grist-theme-menu-toggle-border: #A4A4B1;
  --grist-theme-info-button-fg: #8F8F8F;
  --grist-theme-info-button-hover-fg: #707070;
  --grist-theme-info-button-active-fg: #5C5C5C;
  --grist-theme-button-group-fg: #EFEFEF;
  --grist-theme-button-group-light-fg: #A4A4B1;
  --grist-theme-button-group-bg: transparent;
  --grist-theme-button-group-bg-hover: rgba(111,111,125,0.25);
  --grist-theme-button-group-icon: #A4A4B1;
  --grist-theme-button-group-border: #70707D;
  --grist-theme-button-group-border-hover: #646473;
  --grist-theme-button-group-selected-fg: #EFEFEF;
  --grist-theme-button-group-light-selected-fg: #17B378;
  --grist-theme-button-group-selected-bg: #646473;
  --grist-theme-button-group-selected-border: #646473;
  --grist-theme-access-rules-table-header-fg: #EFEFEF;
  --grist-theme-access-rules-table-header-bg: #60606D;
  --grist-theme-access-rules-table-body-fg: #A4A4B1;
  --grist-theme-access-rules-table-body-light-fg: #70707D;
  --grist-theme-access-rules-table-border: #A4A4B1;
  --grist-theme-access-rules-column-list-border: #70707D;
  --grist-theme-access-rules-column-item-fg: #EFEFEF;
  --grist-theme-access-rules-column-item-bg: #60606D;
  --grist-theme-access-rules-column-item-icon-fg: #A4A4B1;
  --grist-theme-access-rules-column-item-icon-hover-fg: #EFEFEF;
  --grist-theme-access-rules-column-item-icon-hover-bg: #A4A4B1;
  --grist-theme-access-rules-formula-editor-bg: #32323F;
  --grist-theme-access-rules-formula-editor-border-hover: #70707D;
  --grist-theme-access-rules-formula-editor-bg-disabled: #60606D;
  --grist-theme-access-rules-formula-editor-focus: #17B378;
  --grist-theme-cell-fg: #FFFFFF;
  --grist-theme-cell-bg: #32323F;
  --grist-theme-cell-zebra-bg: #262633;
  --grist-theme-chart-fg: #A4A4B1;
  --grist-theme-chart-bg: #32323F;
  --grist-theme-chart-legend-bg: rgba(50,50,63,0.5);
  --grist-theme-chart-x-axis: #A4A4B1;
  --grist-theme-chart-y-axis: #A4A4B1;
  --grist-theme-comments-popup-header-bg: #262633;
  --grist-theme-comments-popup-body-bg: #32323F;
  --grist-theme-comments-popup-border: #70707D;
  --grist-theme-comments-user-name-fg: #EFEFEF;
  --grist-theme-comments-panel-topic-bg: #32323F;
  --grist-theme-comments-panel-topic-border: #555563;
  --grist-theme-comments-panel-resolved-topic-bg: #262633;
  --grist-theme-date-picker-selected-fg: #FFFFFF;
  --grist-theme-date-picker-selected-bg: #7A7A8D;
  --grist-theme-date-picker-selected-bg-hover: #8D8D9C;
  --grist-theme-date-picker-today-fg: #FFFFFF;
  --grist-theme-date-picker-today-bg: #157A54;
  --grist-theme-date-picker-today-bg-hover: #1DA270;
  --grist-theme-date-picker-range-start-end-bg: #7A7A8D;
  --grist-theme-date-picker-range-start-end-bg-hover: #8D8D9C;
  --grist-theme-date-picker-range-bg: #60606D;
  --grist-theme-date-picker-range-bg-hover: #7A7A8D;
  --grist-theme-tutorials-popup-border: #70707D;
  --grist-theme-tutorials-popup-header-fg: #FFFFFF;
  --grist-theme-tutorials-popup-box-bg: #60606D;
  --grist-theme-tutorials-popup-code-fg: #FFFFFF;
  --grist-theme-tutorials-popup-code-bg: #262633;
  --grist-theme-tutorials-popup-code-border: #929299;
  --grist-theme-ace-editor-bg: #32323F;
  --grist-theme-ace-autocomplete-primary-fg: #EFEFEF;
  --grist-theme-ace-autocomplete-secondary-fg: #A4A4B1;
  --grist-theme-ace-autocomplete-highlighted-fg: #FFFFFF;
  --grist-theme-ace-autocomplete-bg: #32323F;
  --grist-theme-ace-autocomplete-border: #70707D;
  --grist-theme-ace-autocomplete-link: #28BE86;
  --grist-theme-ace-autocomplete-link-highlighted: #45D48B;
  --grist-theme-ace-autocomplete-active-line-bg: #555563;
  --grist-theme-ace-autocomplete-line-border-hover: rgba(111,111,125,0.3);
  --grist-theme-ace-autocomplete-line-bg-hover: rgba(111,111,125,0.3);
  --grist-theme-color-select-fg: #A4A4B1;
  --grist-theme-color-select-bg: #32323F;
  --grist-theme-color-select-shadow: #000000;
  --grist-theme-color-select-font-options-border: #555563;
  --grist-theme-color-select-font-option-fg: #EFEFEF;
  --grist-theme-color-select-font-option-bg-hover: rgba(111,111,125,0.25);
  --grist-theme-color-select-font-option-fg-selected: #EFEFEF;
  --grist-theme-color-select-font-option-bg-selected: #646473;
  --grist-theme-color-select-color-square-border: #A4A4B1;
  --grist-theme-color-select-color-square-border-empty: #EFEFEF;
  --grist-theme-color-select-input-fg: #A4A4B1;
  --grist-theme-color-select-input-bg: #32323F;
  --grist-theme-color-select-input-border: #70707D;
  --grist-theme-highlighted-code-block-bg: #262633;
  --grist-theme-highlighted-code-block-bg-disabled: #555563;
  --grist-theme-highlighted-code-fg: #A4A4B1;
  --grist-theme-highlighted-code-border: #70707D;
  --grist-theme-highlighted-code-bg-disabled: #32323F;
  --grist-theme-login-page-bg: #32323F;
  --grist-theme-login-page-backdrop: #404150;
  --grist-theme-login-page-line: #60606D;
  --grist-theme-login-page-google-button-fg: #FFFFFF;
  --grist-theme-login-page-google-button-bg: #404150;
  --grist-theme-login-page-google-button-bg-hover: #555563;
  --grist-theme-login-page-google-button-border: #70707D;
  --grist-theme-formula-assistant-header-bg: #262633;
  --grist-theme-formula-assistant-border: #70707D;
  --grist-theme-formula-assistant-preformatted-text-bg: #262633;
  --grist-theme-attachments-editor-button-fg: #17B378;
  --grist-theme-attachments-editor-button-hover-fg: #13D78D;
  --grist-theme-attachments-editor-button-bg: #404150;
  --grist-theme-attachments-editor-button-hover-bg: #555563;
  --grist-theme-attachments-editor-button-border: #70707D;
  --grist-theme-attachments-editor-button-icon: #A4A4B1;
  --grist-theme-attachments-editor-border: #A4A4B1;
  --grist-theme-attachments-cell-icon-fg: #A4A4B1;
  --grist-theme-attachments-cell-icon-bg: #555563;
  --grist-theme-attachments-cell-icon-hover-bg: #70707D;
  --grist-theme-switch-slider-fg: #70707D;
  --grist-theme-switch-circle-fg: #EFEFEF;
  --grist-theme-announcement-popup-fg: #FFFFFF;
  --grist-theme-announcement-popup-bg: #404150;
  --grist-theme-scroll-shadow: rgba(0,0,0,0.25);
  --grist-theme-toggle-checkbox-fg: #A4A4B1;
  --grist-theme-numeric-spinner-fg: #A4A4B1;
}

.formula_field::before, .formula_field_edit::before {
  display: none !important;
}

.formula_field, .formula_field_edit {
  padding-left: 0px;
}


/*
This seems harder to do, since offsets are calculated somwehere
*/
.gridview_data_row_num {
  width: 24px !important;
  color: rgba(0,0,0,0) !important;
}

.record .field.frozen {
  left: calc(24px + 1px + (var(--frozen-position, 0) - var(--frozen-offset, 0)) * 1px) !important;
}

.gridview_corner_spacer, .gridview_data_corner_overlay {
  width: 24px !important;
}

.gridview_header_backdrop_left {
  width: calc(24px + 1px) !important;
}

.gridview_left_border {
  left:  24px !important;
}

.scroll_shadow_left {
  left: calc(24px + (var(--frozen-width, 0) - min(var(--frozen-scroll-offset, 0), var(--frozen-offset, 0))) * 1px) !important;
}

.frozen_line {
  left: calc(24px + var(--frozen-width, 0) * 1px) !important;
}

.scroll_shadow_frozen {
  left: 24px !important;
}


/* Colors */
:root {
  /* logo */
  --icon-GristLogo: url("ui-icons/Logo/GristLogo.svg") !important;
  --grist-logo-bg: #040404 !important;
  --grist-logo-size: 22px 22px !important;

  /* colors */
  --grist-color-light-grey: #F7F7F7 !important;
  --grist-color-medium-grey: rgba(217,217,217,0.6) !important;
  --grist-color-medium-grey-opaque: #E8E8E8 !important;
  --grist-color-dark-grey: #D9D9D9 !important;
  --grist-color-light: #FFFFFF !important;
  --grist-color-dark: #262633 !important;
  --grist-color-dark-bg: #262633 !important;
  --grist-color-slate: #929299 !important;
  --grist-color-light-green: #16B378 !important;
  --grist-color-dark-green: #009058 !important;
  --grist-color-darker-green: #007548 !important;
  --grist-color-lighter-green: #b1ffe2 !important;
  --grist-color-lighter-blue: #87b2f9 !important;
  --grist-color-light-blue: #3B82F6 !important;
  --grist-color-cursor: #16B378 !important;
  --grist-color-selection: rgba(22,179,120,0.15) !important;
  --grist-color-selection-opaque: #DCF4EB !important;
  --grist-color-selection-darker-opaque: #d6eee5 !important;
  --grist-color-inactive-cursor: #A2E1C9 !important;
  --grist-color-hover: #bfbfbf !important;
  --grist-color-error: #D0021B !important;
  --grist-color-warning: #F9AE41 !important;
  --grist-color-warning-bg: #dd962c !important;
  --grist-color-backdrop: rgba(38,38,51,0.9) !important;
  --grist-label-text-bg: #FFFFFF !important;
  --grist-label-active-bg: #F0F0F0 !important;
  --grist-primary-fg: #16B378 !important;
  --grist-primary-fg-hover: #009058 !important;
  --grist-primary-bg: #ffffff !important;
  --grist-control-bg: #ffffff !important;
  --grist-control-fg: #16B378 !important;
  --grist-primary-fg-hover: #009058 !important;
  --grist-control-border: 1px solid #11B683 !important;
  --grist-toast-bg: #040404 !important;
}

.detail_theme_record_compact .menu_toggle {
  margin-bottom: -10px;
  z-index: 2;
}

.detail_theme_record_compact > .detail_row_num::before {
  display: none;
}

.detail_theme_record_compact > .detail_row_num {
  color: rgba(0,0,0,0);
  margin-bottom: -10px;
}

.detail_theme_record_compact.detailview_record_detail {
  padding: 4px 4px 0px 4px;
}

.formula_field .field-icon {
  display: none !important;
}

.detail_theme_field_compact {

}

:root {
  --grist-theme-card-compact-border: var(--grist-theme-card-compact-widget-bg);
}

.detail_theme_record_compact .g_record_detail_value:not(.record-add):has(.field_clip:empty),
.detail_theme_record_compact .g_record_detail_value:not(.record-add):has(.field_clip div:only-child:empty) {
  margin-top: -16px;
}
