diff --git a/.changeset/selfish-pets-hammer.md b/.changeset/selfish-pets-hammer.md new file mode 100644 index 00000000000..39d497de411 --- /dev/null +++ b/.changeset/selfish-pets-hammer.md @@ -0,0 +1,5 @@ +--- +"saleor-dashboard": patch +--- + +Fix apps colors, fix grid checkbox diff --git a/src/apps/components/InstalledAppListRow/InstalledAppListRow.tsx b/src/apps/components/InstalledAppListRow/InstalledAppListRow.tsx index b36be5d47c9..6ce33a8e7e0 100644 --- a/src/apps/components/InstalledAppListRow/InstalledAppListRow.tsx +++ b/src/apps/components/InstalledAppListRow/InstalledAppListRow.tsx @@ -69,7 +69,12 @@ export const InstalledAppListRow: React.FC = props => { {`v${app.version}`} {isExternal && ( - + diff --git a/src/apps/components/NotInstalledAppListRow/NotInstalledAppListRow.tsx b/src/apps/components/NotInstalledAppListRow/NotInstalledAppListRow.tsx index 99c2f7ffe1e..fe75f2c9bd5 100644 --- a/src/apps/components/NotInstalledAppListRow/NotInstalledAppListRow.tsx +++ b/src/apps/components/NotInstalledAppListRow/NotInstalledAppListRow.tsx @@ -49,7 +49,12 @@ export const NotInstalledAppListRow: React.FC = props => { {appInstallation.appName} {isExternal && ( - + diff --git a/src/components/Datagrid/Datagrid.tsx b/src/components/Datagrid/Datagrid.tsx index b0071584c2a..f61c3f0fc65 100644 --- a/src/components/Datagrid/Datagrid.tsx +++ b/src/components/Datagrid/Datagrid.tsx @@ -345,7 +345,13 @@ export const Datagrid: React.FC = ({ } const overrideTheme: Partial = { - bgCell: themeValues.colors.background.default1Hovered, + /* + Grid-specific colors. Transparency matters when we highlight entire row. + */ + bgCell: + theme === "defaultLight" + ? "hsla(220, 18%, 97%, 1)" + : "hsla(211, 32%, 19%, 1)", bgCellMedium: themeValues.colors.background.default1Hovered, };