mirror of
https://github.com/toeverything/AFFiNE.git
synced 2024-11-25 11:53:46 +03:00
chore: bump theme, update mobile home background color (#8799)
This commit is contained in:
parent
6f5c61b8b6
commit
39cb1b7714
@ -41,7 +41,7 @@
|
|||||||
"@radix-ui/react-toast": "^1.1.5",
|
"@radix-ui/react-toast": "^1.1.5",
|
||||||
"@radix-ui/react-tooltip": "^1.0.7",
|
"@radix-ui/react-tooltip": "^1.0.7",
|
||||||
"@radix-ui/react-visually-hidden": "^1.1.0",
|
"@radix-ui/react-visually-hidden": "^1.1.0",
|
||||||
"@toeverything/theme": "^1.0.17",
|
"@toeverything/theme": "^1.0.18",
|
||||||
"@vanilla-extract/dynamic": "^2.1.0",
|
"@vanilla-extract/dynamic": "^2.1.0",
|
||||||
"check-password-strength": "^2.0.10",
|
"check-password-strength": "^2.0.10",
|
||||||
"clsx": "^2.1.0",
|
"clsx": "^2.1.0",
|
||||||
|
@ -68,7 +68,7 @@ export const modalOverlay = style({
|
|||||||
animation: 'none',
|
animation: 'none',
|
||||||
},
|
},
|
||||||
'&.mobile': {
|
'&.mobile': {
|
||||||
backgroundColor: cssVarV2('layer/mobile/modal'),
|
backgroundColor: cssVarV2('layer/background/mobile/modal'),
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
@ -37,7 +37,7 @@
|
|||||||
"@radix-ui/react-toolbar": "^1.0.4",
|
"@radix-ui/react-toolbar": "^1.0.4",
|
||||||
"@sentry/react": "^8.0.0",
|
"@sentry/react": "^8.0.0",
|
||||||
"@toeverything/pdf-viewer": "^0.1.1",
|
"@toeverything/pdf-viewer": "^0.1.1",
|
||||||
"@toeverything/theme": "^1.0.17",
|
"@toeverything/theme": "^1.0.18",
|
||||||
"@vanilla-extract/dynamic": "^2.1.0",
|
"@vanilla-extract/dynamic": "^2.1.0",
|
||||||
"animejs": "^3.2.2",
|
"animejs": "^3.2.2",
|
||||||
"bytes": "^3.1.2",
|
"bytes": "^3.1.2",
|
||||||
|
@ -7,7 +7,7 @@ export const appTabsBackground = createVar('appTabsBackground');
|
|||||||
|
|
||||||
export const appTabs = style({
|
export const appTabs = style({
|
||||||
vars: {
|
vars: {
|
||||||
[appTabsBackground]: cssVarV2('layer/background/secondary'),
|
[appTabsBackground]: cssVarV2('layer/background/mobile/primary'),
|
||||||
},
|
},
|
||||||
backgroundColor: appTabsBackground,
|
backgroundColor: appTabsBackground,
|
||||||
borderTop: `1px solid ${cssVarV2('layer/insideBorder/border')}`,
|
borderTop: `1px solid ${cssVarV2('layer/insideBorder/border')}`,
|
||||||
|
@ -10,7 +10,7 @@ export const card = style({
|
|||||||
borderRadius: 12,
|
borderRadius: 12,
|
||||||
border: `0.5px solid ${cssVarV2('layer/insideBorder/border')}`,
|
border: `0.5px solid ${cssVarV2('layer/insideBorder/border')}`,
|
||||||
boxShadow: '0px 2px 3px rgba(0,0,0,0.05)',
|
boxShadow: '0px 2px 3px rgba(0,0,0,0.05)',
|
||||||
background: cssVarV2('layer/background/primary'),
|
background: cssVarV2('layer/background/mobile/secondary'),
|
||||||
|
|
||||||
display: 'flex',
|
display: 'flex',
|
||||||
flexDirection: 'column',
|
flexDirection: 'column',
|
||||||
|
@ -4,7 +4,7 @@ import { AppTabs } from '../../components';
|
|||||||
import { AllDocList, AllDocsHeader, AllDocsMenu } from '../../views';
|
import { AllDocList, AllDocsHeader, AllDocsMenu } from '../../views';
|
||||||
|
|
||||||
export const Component = () => {
|
export const Component = () => {
|
||||||
useThemeColorV2('layer/background/secondary');
|
useThemeColorV2('layer/background/mobile/primary');
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
|
@ -4,7 +4,7 @@ import { AppTabs } from '../../../components';
|
|||||||
import { AllDocsHeader, CollectionList } from '../../../views';
|
import { AllDocsHeader, CollectionList } from '../../../views';
|
||||||
|
|
||||||
export const Component = () => {
|
export const Component = () => {
|
||||||
useThemeColorV2('layer/background/secondary');
|
useThemeColorV2('layer/background/mobile/primary');
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<AllDocsHeader />
|
<AllDocsHeader />
|
||||||
|
@ -10,7 +10,7 @@ import {
|
|||||||
import { HomeHeader, RecentDocs } from '../../views';
|
import { HomeHeader, RecentDocs } from '../../views';
|
||||||
|
|
||||||
export const Component = () => {
|
export const Component = () => {
|
||||||
useThemeColorV2('layer/background/secondary');
|
useThemeColorV2('layer/background/mobile/primary');
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
|
@ -4,7 +4,7 @@ import { AppTabs } from '../../../components';
|
|||||||
import { AllDocsHeader, TagList } from '../../../views';
|
import { AllDocsHeader, TagList } from '../../../views';
|
||||||
|
|
||||||
export const Component = () => {
|
export const Component = () => {
|
||||||
useThemeColorV2('layer/background/secondary');
|
useThemeColorV2('layer/background/mobile/primary');
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<AllDocsHeader />
|
<AllDocsHeader />
|
||||||
|
@ -9,7 +9,7 @@ export const header = style({
|
|||||||
width: '100%',
|
width: '100%',
|
||||||
position: 'fixed',
|
position: 'fixed',
|
||||||
top: 0,
|
top: 0,
|
||||||
backgroundColor: cssVarV2('layer/background/secondary'),
|
backgroundColor: cssVarV2('layer/background/mobile/primary'),
|
||||||
zIndex: 1,
|
zIndex: 1,
|
||||||
});
|
});
|
||||||
export const headerSpace = style([basicHeader]);
|
export const headerSpace = style([basicHeader]);
|
||||||
|
12
yarn.lock
12
yarn.lock
@ -352,7 +352,7 @@ __metadata:
|
|||||||
"@storybook/react": "npm:^8.2.9"
|
"@storybook/react": "npm:^8.2.9"
|
||||||
"@storybook/react-vite": "npm:^8.2.9"
|
"@storybook/react-vite": "npm:^8.2.9"
|
||||||
"@testing-library/react": "npm:^16.0.0"
|
"@testing-library/react": "npm:^16.0.0"
|
||||||
"@toeverything/theme": "npm:^1.0.17"
|
"@toeverything/theme": "npm:^1.0.18"
|
||||||
"@types/react": "npm:^18.2.75"
|
"@types/react": "npm:^18.2.75"
|
||||||
"@types/react-dom": "npm:^18.2.24"
|
"@types/react-dom": "npm:^18.2.24"
|
||||||
"@vanilla-extract/css": "npm:^1.14.2"
|
"@vanilla-extract/css": "npm:^1.14.2"
|
||||||
@ -431,7 +431,7 @@ __metadata:
|
|||||||
"@sentry/react": "npm:^8.0.0"
|
"@sentry/react": "npm:^8.0.0"
|
||||||
"@testing-library/react": "npm:^16.0.0"
|
"@testing-library/react": "npm:^16.0.0"
|
||||||
"@toeverything/pdf-viewer": "npm:^0.1.1"
|
"@toeverything/pdf-viewer": "npm:^0.1.1"
|
||||||
"@toeverything/theme": "npm:^1.0.17"
|
"@toeverything/theme": "npm:^1.0.18"
|
||||||
"@types/animejs": "npm:^3.1.12"
|
"@types/animejs": "npm:^3.1.12"
|
||||||
"@types/bytes": "npm:^3.1.4"
|
"@types/bytes": "npm:^3.1.4"
|
||||||
"@types/image-blob-reduce": "npm:^4.1.4"
|
"@types/image-blob-reduce": "npm:^4.1.4"
|
||||||
@ -13137,10 +13137,10 @@ __metadata:
|
|||||||
languageName: node
|
languageName: node
|
||||||
linkType: hard
|
linkType: hard
|
||||||
|
|
||||||
"@toeverything/theme@npm:^1.0.15, @toeverything/theme@npm:^1.0.17":
|
"@toeverything/theme@npm:^1.0.15, @toeverything/theme@npm:^1.0.18":
|
||||||
version: 1.0.17
|
version: 1.0.18
|
||||||
resolution: "@toeverything/theme@npm:1.0.17"
|
resolution: "@toeverything/theme@npm:1.0.18"
|
||||||
checksum: 10/77736bbae737539bbc1ef8e21a7c69a7146c463b7a3d8cdae9c523c4a53a6ac5b7549929efb3912e299f2acb56f0c797b8a077073d2b0826cd244776d4322010
|
checksum: 10/0a72d7e171037bd1867a78f8d0346dc8fc8f64d6777a6944df99dd32eedd698de0a5ef405fbd41bc7f58e94384f57a67e6c912b3c2914808268de6136f7eea64
|
||||||
languageName: node
|
languageName: node
|
||||||
linkType: hard
|
linkType: hard
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user