feat(docs): 文档首页暗黑模式样式调整

umijs · Aug 11, 2023 · 19871f9 · 19871f9
1 parent 5aee585
commit 19871f9
Show file tree

Hide file tree

Showing 4 changed files with 22 additions and 8 deletions.
diff --git a/docs/.dumi/components/Footer/index.tsx b/docs/.dumi/components/Footer/index.tsx
@@ -4,10 +4,8 @@ import { Link } from 'umi';
 import { NewsLetterForm } from './NewsLetterForm';
 
 const FooterWrapper = styled.div`
-  background: #f1f5f7;
   padding: 40px 0;
-  color: #4a5e71;
-  .wrapper {
+  .foot-wrapper {
     display: flex;
     max-width: 1200px;
     margin: 0 auto;
@@ -25,10 +23,12 @@ const FooterWrapper = styled.div`
         margin-top: 0;
         margin-bottom: 0;
         font-weight: 400;
+        color: #4a5e71;
       }
 
       .line div {
         flex: 1;
+        color: #4a5e71;
       }
 
       .line div a {
@@ -53,7 +53,7 @@ const FooterWrapper = styled.div`
 export const Footer = () => {
   return (
     <FooterWrapper>
-      <div className="wrapper">
+      <div className="foot-wrapper">
         <div className="left">
           <div className="line">
             <h3>文档和帮助</h3>

diff --git a/docs/.dumi/components/SectionHeader/index.tsx b/docs/.dumi/components/SectionHeader/index.tsx
@@ -24,9 +24,9 @@ const SectionHeaderWrapper = styled.div`
 export const SectionHeader = (props: { title: string }) => {
   return (
     <SectionHeaderWrapper>
-      <div></div>
+      <div className="section-header-line"></div>
       <h2 className="section-header-title">{props.title}</h2>
-      <div></div>
+      <div className="section-header-line"></div>
     </SectionHeaderWrapper>
   );
 };
diff --git a/docs/.dumi/components/WhoIsUsing/index.tsx b/docs/.dumi/components/WhoIsUsing/index.tsx
@@ -8,12 +8,14 @@ const WhoIsUsingWrapper = styled.div`
   ul {
     display: flex;
     flex-wrap: wrap;
+    justify-content: center;
     gap: 20px;
     list-style: none;
     padding: 0;
     li img {
       width: 224px;
-      height: 73px;
+      height: 81px;
+      margin: -8px;
     }
   }
 `;

diff --git a/docs/.dumi/pages/index.tsx b/docs/.dumi/pages/index.tsx
@@ -14,9 +14,15 @@ const GlobalStyle = createGlobalStyle`
     .bg {
       opacity: 0.1;
     }
+    .bigLogo{
+      opacity: 0.8;
+    }
     .githubStar,.section-header-title {
       color: rgba(255, 255, 255, 0.7) !important;
     }
+    .section-header-line{
+      border-top-color: rgba(255, 255, 255, 0.7) !important;
+    }
     .githubStar:before {
       filter: invert(80%);
     }
@@ -27,7 +33,13 @@ const GlobalStyle = createGlobalStyle`
       opacity: 0.8;
     }
     .using-list li {
-      background-color: rgba(255, 255, 255, 0.9)
+      background-color: rgba(255, 255, 255, 0.2);
+      overflow: auto;
+    }
+    .foot-wrapper {
+      .left .line h3,  .left .line div,  .left .line div a {
+        color: rgba(255, 255, 255, 0.8)!important;
+      }
     }
   }
 `;