mirror of
https://github.com/toeverything/AFFiNE.git
synced 2026-02-14 13:25:12 +00:00
chore: bump theme, update mobile home background color (#8799)
This commit is contained in:
@@ -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')}`,
|
||||
|
||||
@@ -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',
|
||||
|
||||
@@ -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 (
|
||||
<>
|
||||
|
||||
@@ -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 />
|
||||
|
||||
@@ -10,7 +10,7 @@ import {
|
||||
import { HomeHeader, RecentDocs } from '../../views';
|
||||
|
||||
export const Component = () => {
|
||||
useThemeColorV2('layer/background/secondary');
|
||||
useThemeColorV2('layer/background/mobile/primary');
|
||||
|
||||
return (
|
||||
<>
|
||||
|
||||
@@ -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 />
|
||||
|
||||
@@ -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]);
|
||||
|
||||
Reference in New Issue
Block a user