Jayden/AFFiNE-Mirror
0
0
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2026-07-19 19:16:29 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: upgrate to new theme (#2027)

Browse Source 
Co-authored-by: Himself65 <himself65@outlook.com>
This commit is contained in:
Flrande
2023-04-20 16:31:19 +08:00
committed by GitHub
parent 63f7b2556e
commit 372377dd6b
61 changed files with 624 additions and 1037 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/component/src/ui/tooltip/QuickSearch-tips.tsx
+9 -10
View File
@@ -7,14 +7,14 @@ const StyledTooltip = styled(StyledPopperContainer)(({ theme }) => {
return {
width: '390px',
minHeight: '92px',
boxShadow: theme.shadow.tooltip,
boxShadow: 'var(--affine-tooltip-shadow)',
padding: '12px',
backgroundColor: theme.colors.backgroundTertiaryColor,
backgroundColor: 'var(--affine-background-tertiary-color)',
transform: 'all 0.15s',
color: theme.colors.textEmphasisColor,
color: 'var(--affine-text-emphasis-color)',
...displayFlex('center', 'center'),
border: `1px solid ${theme.colors.textEmphasisColor}`,
fontSize: theme.font.sm,
border: `1px solid var(--affine-text-emphasis-color)`,
fontSize: 'var(--affine-font-sm)',
lineHeight: '22px',
fontWeight: 500,
};
@@ -29,7 +29,7 @@ const StyledCircleContainer = styled('div')(({ theme }) => {
transform: translate(0%, 0%);
width: 0;
height: 40px;
border-right: 1px solid ${theme.colors.textEmphasisColor};
border-right: 1px solid var(--affine-text-emphasis-color);
&::after {
content: '';
position: absolute;
@@ -39,7 +39,7 @@ const StyledCircleContainer = styled('div')(({ theme }) => {
width: 12px;
height: 12px;
border-radius: 50%;
border: 1px solid ${theme.colors.textEmphasisColor};
border: 1px solid var(--affine-text-emphasis-color);
}
&::before {
content: '';
@@ -50,9 +50,8 @@ const StyledCircleContainer = styled('div')(({ theme }) => {
width: 6px;
height: 6px;
border-radius: 50%;
background-color: ${theme.colors.textEmphasisColor};
border: 1px solid ${theme.colors.textEmphasisColor};
}
background-color: var(--affine-text-emphasis-color);
border: 1px solid var(--affine-text-emphasis-color);
`;
});
packages/component/src/ui/tooltip/Tooltip.tsx
+3 -3
View File
@@ -6,11 +6,11 @@ import StyledPopperContainer from '../shared/Container';
const StyledTooltip = styled(StyledPopperContainer)(({ theme }) => {
return {
maxWidth: '320px',
boxShadow: theme.shadow.popover,
boxShadow: 'var(--affine-text-popover-shadow)',
padding: '4px 12px',
backgroundColor: theme.colors.tooltipBackground,
backgroundColor: 'var(--affine-tooltip)',
color: '#fff',
fontSize: theme.font.sm,
fontSize: 'var(--affine-font-sm)',
};
});