Skip to content

Instantly share code, notes, and snippets.

@manuhabitela

manuhabitela/readme.md

Created January 20, 2025 14:24
Show Gist options
  • Save manuhabitela/ce74f9beaa87af1baa9c02273ad8d000 to your computer and use it in GitHub Desktop.
Save manuhabitela/ce74f9beaa87af1baa9c02273ad8d000 to your computer and use it in GitHub Desktop.
Download ZIP
Grist theme common variables
Raw
readme.md

This JSON file is an attempt at helping us easily see the colors used across light and dark grist themes.

For example, the first item of the array tells us that in the 46 listed variables, the light theme color #929299 is used at the same time the dark theme color #a4a4b1 is used.

We can use this data to help us come up with new generic tokens that work accross both light and dark themes.

Raw
variables.json
[
{
"items": [
"lightText",
"disabledText",
"sidePanelOpenerFg",
"topBarButtonSecondaryFg",
"tooltipIcon",
"modalBorderHover",
"modalCloseButtonFg",
"popupCloseButtonFg",
"cellEditorPlaceholderFg",
"cursorReadonly",
"cardFormLabel",
"cardCompactLabel",
"cardBlocksLabel",
"pinnedDocBorderHover",
"rawDataTableBorderHover",
"controlSecondaryFg",
"iconDisabled",
"iconButtonSecondaryHoverBg",
"left-panel-page-options-fg",
"pageOptionsSelectedHoverBg",
"rightPanelTabFg",
"rightPanelTabIcon",
"documentHistoryActivityLightText",
"inputDisabledFg",
"inputPlaceholderFg",
"choiceTokenBlankFg",
"selectButtonPlaceholderFg",
"menuText",
"menuLightText",
"menuItemIconFg",
"searchPrevNextButtonFg",
"docMenuDocOptionsHoverFg",
"shortcutKeySecondaryFg",
"shortcutKeyBorder",
"widgetPickerIcon",
"menuToggleFg",
"menuToggleBorder",
"buttonGroupLightFg",
"buttonGroupIcon",
"accessRulesTableBodyFg",
"accessRulesTableBorder",
"accessRulesColumnItemIconFg",
"accessRulesColumnItemIconHoverBg",
"colorSelectInputFg",
"highlightedCodeFg",
"attachmentsEditorButtonIcon"
],
"count": 46,
"light": "#929299",
"dark": "#a4a4b1"
},
{
"items": [
"topBarButtonDisabledFg",
"notificationsPanelBorder",
"modalBorderDark",
"progressBarBg",
"cardCompactBorder",
"cardEditingLayoutBorder",
"widgetBorder",
"checkboxDisabledBg",
"checkboxBorder",
"moveDocsDisabledFg",
"filterBarButtonSavedHoverBg",
"iconButtonSecondaryBg",
"pageOptionsHoverBg",
"inputBorder",
"choiceEntryBorder",
"selectButtonBorder",
"menuItemDisabledFg",
"loaderBg",
"docMenuDocOptionsFg",
"docMenuDocOptionsHoverBg",
"importerTableInfoBorder",
"importerPreviewBorder",
"importerMatchIcon",
"buttonGroupBorder",
"accessRulesTableBodyLightFg",
"accessRulesColumnListBorder",
"accessRulesFormulaEditorBorderHover",
"commentsPopupBorder",
"tutorialsPopupBorder",
"colorSelectInputBorder",
"highlightedCodeBorder",
"loginPageGoogleButtonBorder",
"formulaAssistantBorder",
"attachmentsEditorButtonBorder"
],
"count": 34,
"light": "#d9d9d9",
"dark": "#70707d"
},
{
"items": [
"mainPanelBg",
"topHeaderBg",
"bottomFooterBg",
"notificationsPanelBodyBg",
"modalBg",
"popupBg",
"cellEditorBg",
"tableBodyBg",
"cardCompactRecordBg",
"widgetBg",
"pinnedDocFooterBg",
"checkboxBg",
"rightPanelTabBg",
"rightPanelTabHoverBg",
"documentHistorySnapshotBg",
"inputBg",
"choiceEntryBg",
"selectButtonBg",
"menuBg",
"shortcutKeyBg",
"widgetPickerPrimaryBg",
"menuToggleBg",
"accessRulesFormulaEditorBg",
"cellBg",
"chartBg",
"commentsPopupBodyBg",
"commentsPanelTopicBg",
"aceEditorBg",
"colorSelectBg",
"colorSelectInputBg",
"loginPageBg"
],
"count": 31,
"light": "#ffffff",
"dark": "#32323f"
},
{
"items": [
"sidePanelOpenerActiveFg",
"addNewCircleFg",
"addNewCircleSmallFg",
"toastText",
"tooltipFg",
"tooltipCloseButtonFg",
"tooltipCloseButtonHoverBg",
"controlPrimaryFg",
"moveDocsSelectedFg",
"filterBarButtonSavedFg",
"iconButtonFg",
"pageOptionsHoverFg",
"pageInitialsFg",
"rightPanelToggleButtonEnabledFg",
"menuItemSelectedFg",
"menuItemIconSelectedFg",
"autocompleteAddNewCircleFg",
"siteSwitcherActiveFg",
"breadcrumbsTagFg",
"importerActiveFileFg",
"importerInactiveFileFg",
"datePickerTodayFg",
"tutorialsPopupHeaderFg",
"widgetGallerySecondaryHeaderFg"
],
"count": 24,
"light": "#ffffff",
"dark": "#ffffff"
},
{
"items": [
"pagePanelsBorderResizing",
"sidePanelOpenerActiveBg",
"topBarButtonPrimaryFg",
"modalBackdropCloseButtonFg",
"progressBarFg",
"link",
"linkHover",
"controlFg",
"iconButtonPrimaryBg",
"rightPanelSubtabFg",
"accentIcon",
"accentText",
"inputValid",
"choiceTokenSelectedBorder",
"autocompleteMatchText",
"loaderFg",
"widgetPickerPrimaryIcon",
"buttonGroupLightSelectedFg",
"accessRulesFormulaEditorFocus",
"widgetGalleryBorderSelected",
"cardButtonBorderSelected"
],
"count": 21,
"light": "#16b378",
"dark": "#17b378"
},
{
"items": [
"text",
"controlSecondaryHoverFg",
"rightPanelTabIconHover",
"rightPanelTabHoverFg",
"rightPanelTabSelectedFg",
"rightPanelSubtabSelectedFg",
"rightPanelCustomWidgetButtonFg",
"documentHistorySnapshotFg",
"documentHistoryActivityText",
"selectButtonFg",
"menuSubheaderFg",
"buttonGroupFg",
"accessRulesTableHeaderFg",
"accessRulesColumnItemFg",
"colorSelectFontOptionFg",
"colorSelectColorSquareBorderEmpty"
],
"count": 16,
"light": "#262633",
"dark": "#efefef"
},
{
"items": [
"pageBg",
"leftPanelBg",
"rightPanelBg",
"notificationsPanelHeaderBg",
"popupSecondaryBg",
"tableHeaderBg",
"widgetInactiveStripesLight",
"rightPanelTabSelectedBg",
"rightPanelDisabledOverlay",
"inputDisabledBg",
"inputReadonlyBg",
"widgetPickerSecondaryBg",
"commentsPopupHeaderBg",
"formulaAssistantHeaderBg",
"formulaAssistantPreformattedTextBg",
"widgetGalleryBgHover"
],
"count": 16,
"light": "#f7f7f7",
"dark": "#262633"
},
{
"items": [
"darkText",
"selectionOpaqueFg",
"choiceTokenFg",
"choiceTokenInvalidFg",
"menuItemFg",
"shortcutKeyFg",
"cellFg",
"aceAutocompleteHighlightedFg",
"announcementPopupFg"
],
"count": 9,
"light": "#000000",
"dark": "#ffffff"
},
{
"items": [
"addNewCircleSmallBg",
"widgetActiveBorder",
"controlPrimaryBg",
"moveDocsSelectedBg",
"accentBorder",
"menuItemSelectedBg",
"autocompleteAddNewCircleBg",
"datePickerTodayBg"
],
"count": 8,
"light": "#16b378",
"dark": "#157a54"
},
{
"items": [
"toastMemoText",
"activePageFg",
"documentHistorySnapshotSelectedFg",
"buttonGroupSelectedFg",
"accessRulesColumnItemIconHoverFg",
"colorSelectFontOptionFgSelected",
"switchCircleFg"
],
"count": 7,
"light": "#ffffff",
"dark": "#efefef"
},
{
"items": [
"tableBodyBorder",
"cardListFormBorder",
"cardListBlocksBorder",
"controlSecondaryDisabledFg",
"controlSecondaryHoverBg",
"rightPanelCustomWidgetButtonBg",
"documentHistoryTableBorderLight"
],
"count": 7,
"light": "#d9d9d9",
"dark": "#60606d"
},
{
"items": [
"pagePanelsBorder",
"pinnedDocBorder",
"pinnedDocEditorBg",
"rawDataTableBorder",
"rightPanelTabBorder",
"accessRulesTableHeaderBg"
],
"count": 6,
"light": "rgba(217,217,217,0.6)",
"dark": "#60606d"
},
{
"items": [
"hover",
"tableCellSummaryBg",
"widgetPickerItemSelectedBg",
"widgetPickerItemDisabledBg",
"widgetPickerBorder",
"importerSkippedTableOverlay"
],
"count": 6,
"light": "rgba(217,217,217,0.6)",
"dark": "rgba(111,111,125,0.6)"
},
{
"items": [
"activePageBg",
"rightPanelToggleButtonEnabledBg",
"documentHistorySnapshotSelectedBg",
"buttonGroupSelectedBg",
"buttonGroupSelectedBorder",
"colorSelectFontOptionBgSelected"
],
"count": 6,
"light": "#262633",
"dark": "#646473"
},
{
"items": [
"choiceTokenSelectedBg",
"colorSelectFontOptionsBorder",
"attachmentsCellIconBg",
"widgetGalleryBorder",
"markdownCellMediumBorder",
"cardButtonBorder"
],
"count": 6,
"light": "#d9d9d9",
"dark": "#555563"
},
{
"items": [
"addNewCircleSmallHoverBg",
"controlPrimaryHoverBg",
"autocompleteAddNewCircleSelectedBg",
"datePickerTodayBgHover"
],
"count": 4,
"light": "#009058",
"dark": "#1da270"
},
{
"items": [
"topBarButtonErrorFg",
"progressBarErrorFg",
"inputInvalid",
"selectButtonBorderInvalid"
],
"count": 4,
"light": "#d0021b",
"dark": "#ff6666"
},
{
"items": [
"toastErrorIcon",
"toastErrorBg",
"choiceTokenInvalidBorder",
"breadcrumbs-tag-alert-bg"
],
"count": 4,
"light": "#d0021b",
"dark": "#d0021b"
},
{
"items": [
"cellEditorFg",
"widgetPickerItemFg",
"datePickerSelectedFg",
"loginPageGoogleButtonFg"
],
"count": 4,
"light": "#262633",
"dark": "#ffffff"
},
{
"items": [
"tableHeaderFg",
"tableHeaderSelectedFg",
"documentHistoryTableHeaderFg",
"inputFg"
],
"count": 4,
"light": "#000000",
"dark": "#efefef"
},
{
"items": [
"tableHeaderBorder",
"cardFormBorder",
"documentHistoryTableBorder",
"aceAutocompleteBorder"
],
"count": 4,
"light": "#d3d3d3",
"dark": "#70707d"
},
{
"items": [
"widgetInactiveStripesDark",
"rightPanelToggleButtonDisabledBg",
"highlightedCodeBgDisabled",
"markdownCellLightBorder"
],
"count": 4,
"light": "#e8e8e8",
"dark": "#32323f"
},
{
"items": [
"controlDisabledBg",
"breadcrumbsTagBg",
"attachmentsCellIconHoverBg",
"widgetGallerySecondaryHeaderBg"
],
"count": 4,
"light": "#929299",
"dark": "#70707d"
},
{
"items": [
"inputReadonlyBorder",
"choiceTokenBg",
"menuBorder",
"autocompleteItemSelectedBg"
],
"count": 4,
"light": "#e8e8e8",
"dark": "#70707d"
},
{
"items": [
"shortcutKeyPrimaryFg",
"widgetPickerSummaryIcon",
"menuToggleHoverFg",
"attachmentsEditorButtonFg"
],
"count": 4,
"light": "#009058",
"dark": "#17b378"
},
{
"items": [
"toastControlFg",
"rightPanelTabSelectedIcon",
"importerActiveFileBg"
],
"count": 3,
"light": "#16b378",
"dark": "#16b378"
},
{
"items": [
"modalBorder",
"accessRulesColumnItemBg",
"accessRulesFormulaEditorBgDisabled"
],
"count": 3,
"light": "#e8e8e8",
"dark": "#60606d"
},
{
"items": [
"promptFg",
"toggleCheckboxFg",
"numericSpinnerFg"
],
"count": 3,
"light": "#606060",
"dark": "#a4a4b1"
},
{
"items": [
"controlHoverFg",
"iconButtonPrimaryHoverBg",
"rightPanelSubtabHoverFg"
],
"count": 3,
"light": "#009058",
"dark": "#13d78d"
},
{
"items": [
"codeViewText",
"codeViewKeyword",
"codeViewParams"
],
"count": 3,
"light": "#444444",
"dark": "#d2d2d2"
},
{
"items": [
"codeViewTitle",
"codeViewString",
"codeViewNumber"
],
"count": 3,
"light": "#880000",
"dark": "#ed7373"
},
{
"items": [
"importerMainContentBg",
"tutorialsPopupCodeBg",
"highlightedCodeBlockBg"
],
"count": 3,
"light": "#ffffff",
"dark": "#262633"
},
{
"items": [
"chartFg",
"chartXAxis",
"chartYAxis"
],
"count": 3,
"light": "#444444",
"dark": "#a4a4b1"
},
{
"items": [
"datePickerSelectedBg",
"datePickerRangeStartEndBg",
"datePickerRangeBgHover"
],
"count": 3,
"light": "#d9d9d9",
"dark": "#7a7a8d"
},
{
"items": [
"highlightedCodeBlockBgDisabled",
"loginPageGoogleButtonBgHover",
"attachmentsEditorButtonHoverBg"
],
"count": 3,
"light": "#e8e8e8",
"dark": "#555563"
},
{
"items": [
"addNewCircleBg",
"rightPanelTabButtonHoverBg"
],
"count": 2,
"light": "#009058",
"dark": "#0a5438"
},
{
"items": [
"toastSuccessIcon",
"toastSuccessBg"
],
"count": 2,
"light": "#009058",
"dark": "#009058"
},
{
"items": [
"toastInfoIcon",
"toastInfoBg"
],
"count": 2,
"light": "#3b82f6",
"dark": "#3b82f6"
},
{
"items": [
"modalInnerShadow",
"popupInnerShadow"
],
"count": 2,
"light": "rgba(31,37,50,0.31)",
"dark": "#000000"
},
{
"items": [
"modalOuterShadow",
"popupOuterShadow"
],
"count": 2,
"light": "rgba(76,86,103,0.24)",
"dark": "#000000"
},
{
"items": [
"modalBackdropCloseButtonHoverFg",
"autocompleteSelectedMatchText"
],
"count": 2,
"light": "#b1ffe2",
"dark": "#13d78d"
},
{
"items": [
"cursor",
"rightPanelSubtabSelectedUnderline"
],
"count": 2,
"light": "#16b378",
"dark": "#1da270"
},
{
"items": [
"controlDisabledFg",
"attachmentsCellIconFg"
],
"count": 2,
"light": "#ffffff",
"dark": "#a4a4b1"
},
{
"items": [
"checkboxBorderHover",
"choiceEntryBorderHover"
],
"count": 2,
"light": "#bfbfbf",
"dark": "#a4a4b1"
},
{
"items": [
"disabledPageFg",
"pageInitialsEmojiOutline"
],
"count": 2,
"light": "#bdbdbd",
"dark": "#70707d"
},
{
"items": [
"rightPanelSubtabHoverUnderline",
"attachmentsEditorButtonHoverFg"
],
"count": 2,
"light": "#16b378",
"dark": "#13d78d"
},
{
"items": [
"menuShadow",
"colorSelectShadow"
],
"count": 2,
"light": "rgba(38,38,51,0.6)",
"dark": "#000000"
},
{
"items": [
"buttonGroupBgHover",
"colorSelectFontOptionBgHover"
],
"count": 2,
"light": "#d9d9d9",
"dark": "rgba(111,111,125,0.25)"
},
{
"items": [
"datePickerSelectedBgHover",
"datePickerRangeStartEndBgHover"
],
"count": 2,
"light": "#cfcfcf",
"dark": "#8d8d9c"
},
{
"items": [
"mediumText"
],
"count": 1,
"light": "#494949",
"dark": "#d5d5d5"
},
{
"items": [
"errorText"
],
"count": 1,
"light": "#d0021b",
"dark": "#e63946"
},
{
"items": [
"errorTextHover"
],
"count": 1,
"light": "#a10000",
"dark": "#ff5c5c"
},
{
"items": [
"dangerText"
],
"count": 1,
"light": "#ffa500",
"dark": "#ffa500"
},
{
"items": [
"pageBackdrop"
],
"count": 1,
"light": "#808080",
"dark": "#000000"
},
{
"items": [
"addNewCircleHoverBg"
],
"count": 1,
"light": "#007548",
"dark": "#157a54"
},
{
"items": [
"toastLightText"
],
"count": 1,
"light": "#929299",
"dark": "#929299"
},
{
"items": [
"toastBg"
],
"count": 1,
"light": "#040404",
"dark": "#040404"
},
{
"items": [
"toastMemoBg"
],
"count": 1,
"light": "#262633",
"dark": "#555563"
},
{
"items": [
"toastWarningIcon"
],
"count": 1,
"light": "#f9ae41",
"dark": "#f9ae41"
},
{
"items": [
"toastWarningBg"
],
"count": 1,
"light": "#dd962c",
"dark": "#dd962c"
},
{
"items": [
"toastInfoControlFg"
],
"count": 1,
"light": "#87b2f9",
"dark": "#87b2f9"
},
{
"items": [
"tooltipBg"
],
"count": 1,
"light": "rgba(0,0,0,0.75)",
"dark": "rgba(0,0,0,0.75)"
},
{
"items": [
"tooltipCloseButtonHoverFg"
],
"count": 1,
"light": "#000000",
"dark": "#000000"
},
{
"items": [
"modalBackdrop"
],
"count": 1,
"light": "rgba(38,38,51,0.9)",
"dark": "rgba(0,0,0,0.6)"
},
{
"items": [
"lightHover"
],
"count": 1,
"light": "#f7f7f7",
"dark": "rgba(111,111,125,0.4)"
},
{
"items": [
"cursorInactive"
],
"count": 1,
"light": "#a2e1c9",
"dark": "rgba(29,162,112,0.5)"
},
{
"items": [
"tableHeaderSelectedBg"
],
"count": 1,
"light": "#e8e8e8",
"dark": "#414358"
},
{
"items": [
"tableAddNewBg"
],
"count": 1,
"light": "inherit",
"dark": "#4a4a5d"
},
{
"items": [
"tableScrollShadow"
],
"count": 1,
"light": "#444444",
"dark": "#000000"
},
{
"items": [
"tableFrozenColumnsBorder"
],
"count": 1,
"light": "#999999",
"dark": "#a4a4b1"
},
{
"items": [
"tableDragDropIndicator"
],
"count": 1,
"light": "#808080",
"dark": "#a4a4b1"
},
{
"items": [
"tableDragDropShadow"
],
"count": 1,
"light": "#f0f0f0",
"dark": "rgba(111,111,125,0.6)"
},
{
"items": [
"cardCompactWidgetBg"
],
"count": 1,
"light": "rgba(217,217,217,0.6)",
"dark": "#262633"
},
{
"items": [
"cardBlocksBg"
],
"count": 1,
"light": "rgba(217,217,217,0.6)",
"dark": "#404150"
},
{
"items": [
"cardEditingLayoutBg"
],
"count": 1,
"light": "rgba(192,192,192,0.2)",
"dark": "rgba(85,85,99,0.2)"
},
{
"items": [
"selection"
],
"count": 1,
"light": "rgba(22,179,120,0.15)",
"dark": "rgba(22,179,120,0.15)"
},
{
"items": [
"selectionDarker"
],
"count": 1,
"light": "rgba(22,179,120,0.25)",
"dark": "rgba(22,179,120,0.25)"
},
{
"items": [
"selectionDarkest"
],
"count": 1,
"light": "rgba(22,179,120,0.35)",
"dark": "rgba(22,179,120,0.35)"
},
{
"items": [
"selectionOpaqueBg"
],
"count": 1,
"light": "#dcf4eb",
"dark": "#2f4748"
},
{
"items": [
"selectionOpaqueDarkBg"
],
"count": 1,
"light": "#d6eee5",
"dark": "#253e3e"
},
{
"items": [
"selectionHeader"
],
"count": 1,
"light": "rgba(217,217,217,0.6)",
"dark": "rgba(107,107,144,0.4)"
},
{
"items": [
"controlBorder"
],
"count": 1,
"light": "1px solid #11B683",
"dark": "1px solid #17B378"
},
{
"items": [
"filterBarButtonSavedBg"
],
"count": 1,
"light": "#929299",
"dark": "#555563"
},
{
"items": [
"iconError"
],
"count": 1,
"light": "#d0021b",
"dark": "#ffa500"
},
{
"items": [
"pageHoverBg"
],
"count": 1,
"light": "rgba(217,217,217,0.6)",
"dark": "rgba(111,111,117,0.25)"
},
{
"items": [
"pageInitialsBg"
],
"count": 1,
"light": "#929299",
"dark": "#8e8ea0"
},
{
"items": [
"pageInitialsEmojiBg"
],
"count": 1,
"light": "#ffffff",
"dark": "#000000"
},
{
"items": [
"rightPanelToggleButtonDisabledFg"
],
"count": 1,
"light": "#ffffff",
"dark": "#646473"
},
{
"items": [
"rightPanelFieldSettingsBg"
],
"count": 1,
"light": "#e8e8e8",
"dark": "#404150"
},
{
"items": [
"rightPanelFieldSettingsButtonBg"
],
"count": 1,
"light": "#d3d3d3",
"dark": "#646473"
},
{
"items": [
"documentHistorySnapshotBorder"
],
"count": 1,
"light": "rgba(217,217,217,0.6)",
"dark": "#70707d"
},
{
"items": [
"inputFocus"
],
"count": 1,
"light": "#5e9ed6",
"dark": "#5e9ed6"
},
{
"items": [
"choiceTokenInvalidBg"
],
"count": 1,
"light": "#ffffff",
"dark": "#323240"
},
{
"items": [
"searchBorder"
],
"count": 1,
"light": "#808080",
"dark": "#70707d"
},
{
"items": [
"searchPrevNextButtonBg"
],
"count": 1,
"light": "rgba(217,217,217,0.6)",
"dark": "#24242f"
},
{
"items": [
"siteSwitcherActiveBg"
],
"count": 1,
"light": "#262633",
"dark": "#000000"
},
{
"items": [
"widgetPickerShadow"
],
"count": 1,
"light": "rgba(38,38,51,0.20)",
"dark": "#000000"
},
{
"items": [
"codeViewComment"
],
"count": 1,
"light": "#888888",
"dark": "#888888"
},
{
"items": [
"codeViewMeta"
],
"count": 1,
"light": "#1f7199",
"dark": "#7cd4ff"
},
{
"items": [
"codeViewBuiltin"
],
"count": 1,
"light": "#397300",
"dark": "#bfe6d8"
},
{
"items": [
"codeViewLiteral"
],
"count": 1,
"light": "#78a960",
"dark": "#9ed682"
},
{
"items": [
"importerOutsideBg"
],
"count": 1,
"light": "#f7f7f7",
"dark": "#32323f"
},
{
"items": [
"importerInactiveFileBg"
],
"count": 1,
"light": "rgba(217,217,217,0.6)",
"dark": "#808080"
},
{
"items": [
"menuToggleActiveFg"
],
"count": 1,
"light": "#007548",
"dark": "#13d78d"
},
{
"items": [
"infoButtonFg"
],
"count": 1,
"light": "#8f8f8f",
"dark": "#8f8f8f"
},
{
"items": [
"infoButtonHoverFg"
],
"count": 1,
"light": "#707070",
"dark": "#707070"
},
{
"items": [
"infoButtonActiveFg"
],
"count": 1,
"light": "#5c5c5c",
"dark": "#5c5c5c"
},
{
"items": [
"buttonGroupBg"
],
"count": 1,
"light": "transparent",
"dark": "transparent"
},
{
"items": [
"buttonGroupBorderHover"
],
"count": 1,
"light": "#bfbfbf",
"dark": "#646473"
},
{
"items": [
"cellZebraBg"
],
"count": 1,
"light": "#f8f8f8",
"dark": "#262633"
},
{
"items": [
"chartLegendBg"
],
"count": 1,
"light": "rgba(255,255,255,0.5)",
"dark": "rgba(50,50,63,0.5)"
},
{
"items": [
"commentsUserNameFg"
],
"count": 1,
"light": "#494949",
"dark": "#efefef"
},
{
"items": [
"commentsPanelTopicBorder"
],
"count": 1,
"light": "#cccccc",
"dark": "#555563"
},
{
"items": [
"commentsPanelResolvedTopicBg"
],
"count": 1,
"light": "#f0f0f0",
"dark": "#262633"
},
{
"items": [
"datePickerRangeBg"
],
"count": 1,
"light": "#eeeeee",
"dark": "#60606d"
},
{
"items": [
"tutorialsPopupBoxBg"
],
"count": 1,
"light": "#f5f5f5",
"dark": "#60606d"
},
{
"items": [
"tutorialsPopupCodeFg"
],
"count": 1,
"light": "#333333",
"dark": "#ffffff"
},
{
"items": [
"tutorialsPopupCodeBorder"
],
"count": 1,
"light": "#e1e4e5",
"dark": "#929299"
},
{
"items": [
"aceAutocompletePrimaryFg"
],
"count": 1,
"light": "#444444",
"dark": "#efefef"
},
{
"items": [
"aceAutocompleteSecondaryFg"
],
"count": 1,
"light": "#8f8f8f",
"dark": "#a4a4b1"
},
{
"items": [
"aceAutocompleteBg"
],
"count": 1,
"light": "#fbfbfb",
"dark": "#32323f"
},
{
"items": [
"aceAutocompleteLink"
],
"count": 1,
"light": "#16b378",
"dark": "#28be86"
},
{
"items": [
"aceAutocompleteLinkHighlighted"
],
"count": 1,
"light": "#009058",
"dark": "#45d48b"
},
{
"items": [
"aceAutocompleteActiveLineBg"
],
"count": 1,
"light": "#cad6fa",
"dark": "#555563"
},
{
"items": [
"aceAutocompleteLineBorderHover"
],
"count": 1,
"light": "#abbffe",
"dark": "rgba(111,111,125,0.3)"
},
{
"items": [
"aceAutocompleteLineBgHover"
],
"count": 1,
"light": "rgba(233,233,253,0.4)",
"dark": "rgba(111,111,125,0.3)"
},
{
"items": [
"colorSelectFg"
],
"count": 1,
"light": "#262633",
"dark": "#a4a4b1"
},
{
"items": [
"colorSelectColorSquareBorder"
],
"count": 1,
"light": "#d9d9d9",
"dark": "#a4a4b1"
},
{
"items": [
"loginPageBackdrop"
],
"count": 1,
"light": "#f5f8fa",
"dark": "#404150"
},
{
"items": [
"loginPageLine"
],
"count": 1,
"light": "#f7f7f7",
"dark": "#60606d"
},
{
"items": [
"loginPageGoogleButtonBg"
],
"count": 1,
"light": "#f7f7f7",
"dark": "#404150"
},
{
"items": [
"attachmentsEditorButtonBg"
],
"count": 1,
"light": "#ffffff",
"dark": "#404150"
},
{
"items": [
"attachmentsEditorBorder"
],
"count": 1,
"light": "#e8e8e8",
"dark": "#a4a4b1"
},
{
"items": [
"switchSliderFg"
],
"count": 1,
"light": "#cccccc",
"dark": "#70707d"
},
{
"items": [
"announcementPopupBg"
],
"count": 1,
"light": "#dcf4eb",
"dark": "#404150"
},
{
"items": [
"scroll-shadow"
],
"count": 1,
"light": "rgba(217,217,217,0.6)",
"dark": "rgba(0,0,0,0.25)"
},
{
"items": [
"widgetGalleryShadow"
],
"count": 1,
"light": "rgba(0,0,0,0.1)",
"dark": "rgba(0,0,0,0.5)"
},
{
"items": [
"widgetGallerySecondaryHeaderBgHover"
],
"count": 1,
"light": "#7e7e85",
"dark": "#60606d"
},
{
"items": [
"markdownCellLightBg"
],
"count": 1,
"light": "#f7f7f7",
"dark": "#494958"
},
{
"items": [
"appHeaderBg"
],
"count": 1,
"light": "var(--grist-theme-page-panels-main-panel-bg)",
"dark": "#32323f"
},
{
"items": [
"appHeaderBorder"
],
"count": 1,
"light": "var(--grist-theme-menu-border)",
"dark": "#32323f"
},
{
"items": [
"appHeaderBorderHover"
],
"count": 1,
"light": "#b0b0b0",
"dark": "#78788c"
},
{
"items": [
"cardButtonShadow"
],
"count": 1,
"light": "rgba(0,0,0,0.1)",
"dark": "rgba(0,0,0,0.1)"
}
]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment