chore: change some basic style vars

demo/Documentation.vue

@@ -7,7 +7,7 @@
     :content-props="contentProps"
   >
     <router-view />
-    <landing-footer style="padding: 32px 204px 16px 56px; text-align: left; font-size: 14px;" />
+    <landing-footer style="padding: 32px 204px 16px 36px; text-align: left; font-size: 14px;" />
   </n-service-layout>
 </template>
 
@@ -37,11 +37,11 @@ export default {
         }
       },
       contentProps: {
-        themedStyle: {
-          light: {
-            backgroundColor: '#FFF'
-          }
-        }
+        // themedStyle: {
+        //   light: {
+        //     backgroundColor: '#FFF'
+        //   }
+        // }
       }
     }
   },

demo/SiteHeader.vue

@@ -16,17 +16,7 @@
         <img src="./assets/images/naivelogo.svg">
         Naive UI ({{ version }})
       </n-text>
-      <div style=" margin-left: 56px; display: flex; align-items: center;">
-        <n-auto-complete
-          v-model:value="searchInputValue"
-          style="width: 216px;"
-          :z-index="zIndex && zIndex + 1"
-          :placeholder="t('searchPlaceholder')"
-          :options="searchOptions"
-          clear-after-select
-          blur-after-select
-          @select="handleSelect"
-        />
+      <div style="display: flex; align-items: center;">
         <div class="nav-menu">
           <n-menu
             mode="horizontal"
@@ -35,6 +25,16 @@
             @select="handleMenuSelect"
           />
         </div>
+        <n-auto-complete
+          v-model:value="searchInputValue"
+          style="width: 216px; margin-left: 24px;"
+          :z-index="zIndex && zIndex + 1"
+          :placeholder="t('searchPlaceholder')"
+          :options="searchOptions"
+          clear-after-select
+          blur-after-select
+          @select="handleSelect"
+        />
       </div>
       <div style="display: flex;">
         <n-tag class="nav-picker" @click="handleThemeChange">
@@ -241,7 +241,7 @@ export default {
   width: 32px;
 }
 .nav-menu {
-  padding-left: 32px;
+  padding-left: 16px;
 }
 
 .nav-picker {

demo/documentation/theme/enUS/index.demo-entry.md

@@ -11,5 +11,5 @@ read-theme
 environment
 element
 themed-style
-style-scheme
+style-scheme-debug
 ```

demo/documentation/theme/zhCN/index.demo-entry.md

@@ -11,5 +11,5 @@ read-theme
 environment
 element
 themed-style
-style-scheme
+style-scheme-debug
 ```

demo/utils/ComponentDocumentation.vue

@@ -35,6 +35,6 @@ export default {
 
 <style>
 .n-documentation {
-  padding: 32px 24px 24px 56px;
+  padding: 32px 24px 24px 36px;
 }
 </style>

demo/utils/EditOnGithubHeader.vue

@@ -10,7 +10,6 @@
         <template #activator>
           <edit-on-github-button
             text
-            size="large"
             class="edit-button"
             :relative-url="relativeUrl"
           />

src/_styles/base/light.js

@@ -13,7 +13,7 @@ export default create({
       neutralPopover: '#fff',
       neutralCard: '#fff',
       neutralModal: '#fff',
-      neutralBody: 'rgb(248, 248, 248)',
+      neutralBody: '#eff2f5',
 
       alpha1: '0.82',
       alpha2: '0.72',
@@ -32,8 +32,8 @@ export default create({
       alphaAvatar: '0.2',
       alphaRail: '0.14',
       alphaProgressRail: '.08',
-      alphaBorder: '0.14',
-      alphaDivider: '0.08',
+      alphaBorder: '0.12',
+      alphaDivider: '0.06',
       alphaInput: '0',
       alphaAction: '0.02',
       alphaTab: '0.04',

src/checkbox/src/styles/themed-base.cssr.js

@@ -138,7 +138,9 @@ export default c([
         ]
       ),
       // checkbox-group
-      cB('checkbox-group', [
+      cB('checkbox-group', {
+        display: 'flex'
+      }, [
         cB('checkbox', {
           marginRight: '18px'
         })

src/typography/styles/_common.js

@@ -1,13 +1,13 @@
 export default {
   headerFontSize1: '30px',
-  headerFontSize2: '26px',
+  headerFontSize2: '24px',
   headerFontSize3: '18px',
   headerFontSize4: '16px',
   headerFontSize5: '14px',
   headerFontSize6: '14px',
   headerMargin1: '1.6em 0 .8em 0',
-  headerMargin2: '1.6em 0 .8em 0',
-  headerMargin3: '1.6em 0 1.2em 0',
+  headerMargin2: '1.5em 0 .8em 0',
+  headerMargin3: '1.5em 0 1.2em 0',
   headerMargin4: '1.4em 0 1.2em 0',
   headerMargin5: '1.4em 0 1.2em 0',
   headerMargin6: '1.4em 0 1.2em 0',