diff --git a/frontend/src/TooljetDatabase/Table/styles.scss b/frontend/src/TooljetDatabase/Table/styles.scss index e377b88bcb..120148b5d8 100644 --- a/frontend/src/TooljetDatabase/Table/styles.scss +++ b/frontend/src/TooljetDatabase/Table/styles.scss @@ -97,8 +97,8 @@ z-index: 1; position: sticky; left: 66px; - border-right: 2px solid var(--light-slate-08, #C1C8CD); - background-color: white; + border-right: 2px solid var(--border-weak); + background-color: var(--surfaces-surface-01); } th { @@ -145,14 +145,14 @@ th:nth-child(2) { z-index: 2; left: 66px; - border-right: 2px solid var(--light-slate-08, #C1C8CD); + border-right: 2px solid var(--border-weak); } .dark-background { td:nth-child(1), td:nth-child(2) { - background-color: #2B394A; + background-color: var(--surfaces-surface-01); } } diff --git a/frontend/src/_styles/theme.scss b/frontend/src/_styles/theme.scss index ffe5b62e76..d25fa93bc5 100644 --- a/frontend/src/_styles/theme.scss +++ b/frontend/src/_styles/theme.scss @@ -7525,11 +7525,11 @@ tbody { height: 36px; &:not(.table-row-selected):hover { - background: var(--Slate-02, #F8F9FA); + background: var(--slate2); td:nth-child(1), td:nth-child(2) { - background: var(--Slate-02, #F8F9FA); + background: var(--slate2); } .tjdb-checkbox-cell {