Archives/gristlabs_grist-core
1
0
Fork 0
mirror of https://github.com/gristlabs/grist-core.git synced 2024-10-27 20:44:07 +00:00
Code Issues Projects Releases Wiki Activity

fix: css hard coded colors changed to vars

Browse Source
This commit is contained in:
Grégoire Cutzach 2024-10-16 11:21:57 +02:00
parent 8990cd2f9b
commit f3865af22d
No known key found for this signature in database
GPG Key ID: AA4155BE23C375E6
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
app/client/ui2018/cssVars.ts
View File

@ -497,7 +497,7 @@ export const theme = {
documentHistoryTableBorder: new CustomProp('theme-document-history-table-border', documentHistoryTableBorder: new CustomProp('theme-document-history-table-border',
undefined, 'lightgray'), undefined, 'lightgray'),
documentHistoryTableBorderLight: new CustomProp('theme-document-history-table-border-light', documentHistoryTableBorderLight: new CustomProp('theme-document-history-table-border-light',
undefined, '#D9D9D9'), undefined, colors.darkGrey),
/* Accents */ /* Accents */
accentIcon: new CustomProp('theme-accent-icon', undefined, colors.lightGreen), accentIcon: new CustomProp('theme-accent-icon', undefined, colors.lightGreen),
@ -554,7 +554,7 @@ export const theme = {
menuItemFg: new CustomProp('theme-menu-item-fg', undefined, 'black'), menuItemFg: new CustomProp('theme-menu-item-fg', undefined, 'black'),
menuItemSelectedFg: new CustomProp('theme-menu-item-selected-fg', undefined, colors.light), menuItemSelectedFg: new CustomProp('theme-menu-item-selected-fg', undefined, colors.light),
menuItemSelectedBg: new CustomProp('theme-menu-item-selected-bg', undefined, vars.primaryBg), menuItemSelectedBg: new CustomProp('theme-menu-item-selected-bg', undefined, vars.primaryBg),
menuItemDisabledFg: new CustomProp('theme-menu-item-disabled-fg', undefined, '#D9D9D9'), menuItemDisabledFg: new CustomProp('theme-menu-item-disabled-fg', undefined, colors.darkGrey),
menuItemIconFg: new CustomProp('theme-menu-item-icon-fg', undefined, colors.slate), menuItemIconFg: new CustomProp('theme-menu-item-icon-fg', undefined, colors.slate),
menuItemIconSelectedFg: new CustomProp('theme-menu-item-icon-selected-fg', undefined, 'white'), menuItemIconSelectedFg: new CustomProp('theme-menu-item-icon-selected-fg', undefined, 'white'),
@ -804,7 +804,7 @@ export const theme = {
colorSelectFontOptionBgSelected: new CustomProp('theme-color-select-font-option-bg-selected', colorSelectFontOptionBgSelected: new CustomProp('theme-color-select-font-option-bg-selected',
undefined, colors.dark), undefined, colors.dark),
colorSelectColorSquareBorder: new CustomProp('theme-color-select-color-square-border', colorSelectColorSquareBorder: new CustomProp('theme-color-select-color-square-border',
undefined, '#D9D9D9'), undefined, colors.darkGrey),
colorSelectColorSquareBorderEmpty: new CustomProp('theme-color-select-color-square-border-empty', colorSelectColorSquareBorderEmpty: new CustomProp('theme-color-select-color-square-border-empty',
undefined, colors.dark), undefined, colors.dark),
colorSelectInputFg: new CustomProp('theme-color-select-input-fg', colorSelectInputFg: new CustomProp('theme-color-select-input-fg',
@ -865,13 +865,13 @@ export const theme = {
attachmentsCellIconFg: new CustomProp( attachmentsCellIconFg: new CustomProp(
'theme-attachments-cell-icon-fg', undefined, 'white'), 'theme-attachments-cell-icon-fg', undefined, 'white'),
attachmentsCellIconBg: new CustomProp( attachmentsCellIconBg: new CustomProp(
'theme-attachments-cell-icon-bg', undefined, '#D9D9D9'), 'theme-attachments-cell-icon-bg', undefined, colors.darkGrey),
attachmentsCellIconHoverBg: new CustomProp( attachmentsCellIconHoverBg: new CustomProp(
'theme-attachments-cell-icon-hover-bg', undefined, '#929299'), 'theme-attachments-cell-icon-hover-bg', undefined, '#929299'),
/* Announcement Popups */ /* Announcement Popups */
announcementPopupFg: new CustomProp('theme-announcement-popup-fg', undefined, '#000000'), announcementPopupFg: new CustomProp('theme-announcement-popup-fg', undefined, '#000000'),
announcementPopupBg: new CustomProp('theme-announcement-popup-bg', undefined, '#DCF4EB'), announcementPopupBg: new CustomProp('theme-announcement-popup-bg', undefined, colors.selectionOpaque),
/* Switches */ /* Switches */
switchSliderFg: new CustomProp('theme-switch-slider-fg', undefined, '#ccc'), switchSliderFg: new CustomProp('theme-switch-slider-fg', undefined, '#ccc'),