feat: theme + ux overhaul (#6520)

* feat: theme + ux overhaul

* chore: moved @opencollection/types at root of monorepo

* chore: fixed review comments

* chore: addressed review comments

* chore: fix playwright tests

---------

Co-authored-by: Bijin A B <bijin@usebruno.com>
This commit is contained in:
Anoop M D
2025-12-27 13:52:20 +05:30
committed by GitHub
parent 84f572fa88
commit f40e4d2d79
127 changed files with 10380 additions and 1437 deletions

View File

@@ -1,4 +1,5 @@
import styled from 'styled-components';
import { rgba } from 'polished';
const StyledWrapper = styled.div`
.main-content {
@@ -67,7 +68,7 @@ const StyledWrapper = styled.div`
color: ${(props) => props.theme.colors.text.green};
&:hover {
background: ${(props) => props.theme.colors.text.green}1A;
background-color: ${(props) => rgba(props.theme.colors.text.green, 0.1)};
}
}
@@ -75,7 +76,7 @@ const StyledWrapper = styled.div`
color: ${(props) => props.theme.colors.text.danger};
&:hover {
background: ${(props) => props.theme.colors.text.danger}1A;
background-color: ${(props) => rgba(props.theme.colors.text.danger, 0.1)};
}
}
}
@@ -93,21 +94,6 @@ const StyledWrapper = styled.div`
min-width: 140px;
}
.dropdown-item {
display: flex;
align-items: center;
gap: 8px;
padding: 6px 10px;
cursor: pointer;
transition: background 0.15s;
color: ${(props) => props.theme.text};
font-size: ${(props) => props.theme.font.size.sm};
&:hover {
background: ${(props) => props.theme.listItem.hoverBg};
}
}
.tab-content {
flex: 1;
overflow: hidden;