diff --git a/src/components/Table/styles.ts b/src/components/Table/styles.ts index 5982a0f..0c2edf0 100644 --- a/src/components/Table/styles.ts +++ b/src/components/Table/styles.ts @@ -150,6 +150,12 @@ export const Container = styled.div` border: none !important; } + .ui.table tbody tr { + &:hover { + background-color: ${colors.hoverLight}; + } + } + /* Table Cells */ .ui.table td { padding: 0.78571429em 0.78571429em; diff --git a/src/styles/colors.ts b/src/styles/colors.ts index f573576..fd329ab 100644 --- a/src/styles/colors.ts +++ b/src/styles/colors.ts @@ -22,6 +22,7 @@ export const colors = { transparent: 'rgba(0, 0, 0, 0)', hover: 'rgba(211, 211, 211, 0.4)', + hoverLight: '#F2F2F2', highlight: '#FF0000',