feat(page): m3 styles

konstaui · Aug 11, 2022 · b6ed24e · b6ed24e
1 parent 0886b5a
commit b6ed24e
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 8 deletions.
diff --git a/src/config/extend-theme.js b/src/config/extend-theme.js
@@ -73,8 +73,8 @@ const extendTheme = () => {
 
   // COLORS
   const colors = {
-    'page-ios-light': '#efeff4',
-    'page-ios-dark': '#000',
+    'ios-light-page': '#efeff4',
+    'ios-dark-page': '#000',
     'page-material-light': '#fff',
     'page-material-dark': '#121212',
     'block-strong-light': '#fff',

diff --git a/src/shared/colors/PageColors.js b/src/shared/colors/PageColors.js
@@ -2,11 +2,8 @@ import { cls } from '../cls.js';
 
 export const PageColors = (colorsProp = {}, dark) => {
   return {
-    bgIos: cls('bg-page-ios-light', dark('dark:bg-page-ios-dark')),
-    bgMaterial: cls(
-      'bg-page-material-light',
-      dark('dark:bg-page-material-dark')
-    ),
+    bgIos: cls('bg-ios-light-page', dark('dark:bg-ios-dark-page')),
+    bgMaterial: cls('bg-md-light-surface', dark('dark:bg-md-dark-surface')),
     ...colorsProp,
   };
 };
diff --git a/src/types/Page.d.ts b/src/types/Page.d.ts
@@ -13,7 +13,7 @@ interface Props {
     /**
      * Page bg color in iOS theme
      *
-     * @default 'bg-page-ios-light dark:bg-page-ios-dark'
+     * @default 'bg-ios-light-page dark:bg-ios-dark-page'
      */
     bgIos?: string;
     /**