chore: bump theme, update mobile home background color (#8799)

This commit is contained in:
CatsJuice
2024-11-14 06:57:08 +00:00
parent 6f5c61b8b6
commit 39cb1b7714
11 changed files with 16 additions and 16 deletions

View File

@@ -41,7 +41,7 @@
"@radix-ui/react-toast": "^1.1.5",
"@radix-ui/react-tooltip": "^1.0.7",
"@radix-ui/react-visually-hidden": "^1.1.0",
"@toeverything/theme": "^1.0.17",
"@toeverything/theme": "^1.0.18",
"@vanilla-extract/dynamic": "^2.1.0",
"check-password-strength": "^2.0.10",
"clsx": "^2.1.0",

View File

@@ -68,7 +68,7 @@ export const modalOverlay = style({
animation: 'none',
},
'&.mobile': {
backgroundColor: cssVarV2('layer/mobile/modal'),
backgroundColor: cssVarV2('layer/background/mobile/modal'),
},
},
});

View File

@@ -37,7 +37,7 @@
"@radix-ui/react-toolbar": "^1.0.4",
"@sentry/react": "^8.0.0",
"@toeverything/pdf-viewer": "^0.1.1",
"@toeverything/theme": "^1.0.17",
"@toeverything/theme": "^1.0.18",
"@vanilla-extract/dynamic": "^2.1.0",
"animejs": "^3.2.2",
"bytes": "^3.1.2",

View File

@@ -7,7 +7,7 @@ export const appTabsBackground = createVar('appTabsBackground');
export const appTabs = style({
vars: {
[appTabsBackground]: cssVarV2('layer/background/secondary'),
[appTabsBackground]: cssVarV2('layer/background/mobile/primary'),
},
backgroundColor: appTabsBackground,
borderTop: `1px solid ${cssVarV2('layer/insideBorder/border')}`,

View File

@@ -10,7 +10,7 @@ export const card = style({
borderRadius: 12,
border: `0.5px solid ${cssVarV2('layer/insideBorder/border')}`,
boxShadow: '0px 2px 3px rgba(0,0,0,0.05)',
background: cssVarV2('layer/background/primary'),
background: cssVarV2('layer/background/mobile/secondary'),
display: 'flex',
flexDirection: 'column',

View File

@@ -4,7 +4,7 @@ import { AppTabs } from '../../components';
import { AllDocList, AllDocsHeader, AllDocsMenu } from '../../views';
export const Component = () => {
useThemeColorV2('layer/background/secondary');
useThemeColorV2('layer/background/mobile/primary');
return (
<>

View File

@@ -4,7 +4,7 @@ import { AppTabs } from '../../../components';
import { AllDocsHeader, CollectionList } from '../../../views';
export const Component = () => {
useThemeColorV2('layer/background/secondary');
useThemeColorV2('layer/background/mobile/primary');
return (
<>
<AllDocsHeader />

View File

@@ -10,7 +10,7 @@ import {
import { HomeHeader, RecentDocs } from '../../views';
export const Component = () => {
useThemeColorV2('layer/background/secondary');
useThemeColorV2('layer/background/mobile/primary');
return (
<>

View File

@@ -4,7 +4,7 @@ import { AppTabs } from '../../../components';
import { AllDocsHeader, TagList } from '../../../views';
export const Component = () => {
useThemeColorV2('layer/background/secondary');
useThemeColorV2('layer/background/mobile/primary');
return (
<>
<AllDocsHeader />

View File

@@ -9,7 +9,7 @@ export const header = style({
width: '100%',
position: 'fixed',
top: 0,
backgroundColor: cssVarV2('layer/background/secondary'),
backgroundColor: cssVarV2('layer/background/mobile/primary'),
zIndex: 1,
});
export const headerSpace = style([basicHeader]);