diff --git a/components/lib/themes/lara/datatable/index.js b/components/lib/themes/lara/datatable/index.js index 81f1cdafd..21477a827 100644 --- a/components/lib/themes/lara/datatable/index.js +++ b/components/lib/themes/lara/datatable/index.js @@ -136,19 +136,19 @@ export default { borderColor: '{content.border.color}' }, header: { - background: '{surface.100}', + background: '{surface.50}', color: '{text.color}' }, headerCell: { - background: '{surface.100}', + background: '{surface.50}', color: '{text.color}' }, footer: { - background: '{surface.100}', + background: '{surface.50}', color: '{text.color}' }, footerCell: { - background: '{surface.100}', + background: '{surface.50}', color: '{text.color}' }, row: { diff --git a/components/lib/themes/lara/treetable/index.js b/components/lib/themes/lara/treetable/index.js index 455e501f4..495c171bd 100644 --- a/components/lib/themes/lara/treetable/index.js +++ b/components/lib/themes/lara/treetable/index.js @@ -96,19 +96,19 @@ export default { borderColor: '{content.border.color}' }, header: { - background: '{surface.100}', + background: '{surface.50}', color: '{text.color}' }, headerCell: { - background: '{surface.100}', + background: '{surface.50}', color: '{text.color}' }, footer: { - background: '{surface.100}', + background: '{surface.50}', color: '{text.color}' }, footerCell: { - background: '{surface.100}', + background: '{surface.50}', color: '{text.color}' }, bodyCell: {