docs: facelift the docs (#20180)

* docs: facelift the docs

* lint

* license headers

docs/src/pages/index.tsx

@@ -24,6 +24,7 @@ import {
 } from 'antd';
 import styled from '@emotion/styled';
 import { supersetTheme } from '@superset-ui/style';
+import '../styles/main.less';
 import {
   DeploymentUnitOutlined,
   FireOutlined,
@@ -31,7 +32,6 @@ import {
   DatabaseOutlined,
 } from '@ant-design/icons';
 import GitHubButton from 'react-github-btn';
-import 'antd/dist/antd.css';
 import { mq } from '../utils';
 import { Databases } from '../resources/data';
 
@@ -125,7 +125,7 @@ const StyledFeatures = styled('div')`
   background: #fff;
   padding: 5vw 0;
   margin-top: 0px;
-  margin-bottom: 30px;
+  margin-bottom: 10px;
   .featureList {
     padding: 40px;
     width: 100%;
@@ -135,7 +135,7 @@ const StyledFeatures = styled('div')`
     .feature {
       padding: 20px;
       text-align: center;
-      margin-bottom: 40px;
+      margin-bottom: 20px;
       .imagePlaceHolder {
         svg {
           width: 70px;
@@ -240,7 +240,7 @@ const CarouselSection = styled('div')`
     .imageContainer {
       img {
         margin: 0 auto;
-        width: 80%;
+        max-width: 800px;
         box-shadow: 0 0 3px #aaa;
         margin-top: 5px;
         margin-bottom: 5px;

docs/src/styles/antd-theme.less

@@ -0,0 +1,27 @@
+/**
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+@primary-color: #20a7c9;
+@info-color: #66bcfe;
+@success-color: #59c189;
+@processing-color: #66bcfe;
+@error-color: #e04355;
+@highlight-color: #e04355;
+@normal-color: #d9d9d9;
+@white: #FFF;
+@black: #000;

docs/src/styles/custom.css

@@ -24,6 +24,8 @@
  */
 
 /* You can override the default Infima variables here. */
+@import url('https://fonts.googleapis.com/css2?family=Inter&display=swap');
+
 :root {
   --ifm-color-primary: #20a7c9;
   --ifm-color-primary-dark: #1985a0;
@@ -36,6 +38,19 @@
   --ifm-menu-link-padding-vertical: 12px;
   --doc-sidebar-width: 350px !important;
   --ifm-navbar-height: none;
+  --ifm-font-family-base: Inter;
+}
+body {
+  font-family: Inter !important;
+}
+.DocSearch-Button .DocSearch-Button-Key {
+  display: none;
+}
+.github-logo-container {
+  background-image: url('/img/github.png');
+  background-size: contain;
+  width: 30px;
+  height: 30px;
 }
 
 .theme-doc-toc-desktop {
@@ -93,3 +108,6 @@ html[data-theme='dark'] .docusaurus-highlight-code-line {
     padding-left: 0;
   }
 }
+a > span > svg {
+  display: none;
+}

docs/src/styles/main.less

@@ -0,0 +1,21 @@
+/**
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+@import '~antd/lib/style/themes/default.less';
+@import '~antd/dist/antd.less'; // Import Ant Design styles by less entry
+@import 'antd-theme.less';