style: change switch tip color (#3123)

(cherry picked from commit 812e0e9c9a)
This commit is contained in:
JimmFly
2023-07-10 15:00:23 +08:00
committed by Alex Yang
parent d42c53c3da
commit 77200ed8fc
2 changed files with 5 additions and 4 deletions
@@ -19,9 +19,10 @@ export type EditorModeSwitchProps = {
style?: CSSProperties; style?: CSSProperties;
}; };
const TooltipContent = () => { const TooltipContent = () => {
const t = useAFFiNEI18N();
return ( return (
<div> <div>
Switch {t['Switch']()}
<StyledKeyboardItem> <StyledKeyboardItem>
{!environment.isServer && environment.isMacOs ? '⌥ + S' : 'Alt + S'} {!environment.isServer && environment.isMacOs ? '⌥ + S' : 'Alt + S'}
</StyledKeyboardItem> </StyledKeyboardItem>
@@ -56,11 +56,11 @@ export const StyledSwitchItem = styled('button')<{
export const StyledKeyboardItem = styled('span')(() => { export const StyledKeyboardItem = styled('span')(() => {
return { return {
marginLeft: '5px', marginLeft: '10px',
fontSize: '4px', fontSize: 'var(--affine-font-xs)',
paddingLeft: '5px', paddingLeft: '5px',
paddingRight: '5px', paddingRight: '5px',
backgroundColor: '#55545A', backgroundColor: 'var(--affine-white-10)',
borderRadius: '4px', borderRadius: '4px',
}; };
}); });