UI update

docs/source/configuration/template.rst

@@ -227,14 +227,19 @@ Configuration options for the left sidebar.
     - number
     - -1
     - The maximum depth of the sidebar nested entries. Set to `-1` to allow unlimited depth.
+  * - ``theme``
+    - string
+    - product
+    - The theme to use. Available values: `open-source`, `enterprise`, `cloud`, `self-hosted`, `product`.
 
 Example:
 
 .. code:: python
 
   html_theme_options = {
       'collapse_navigation': 'false',
-      'navigation_depth': '-1'
+      'navigation_depth': '-1',
+      'theme': 'product',
   }
 
 SEO options

docs/source/examples/icons.rst

@@ -288,9 +288,9 @@ Preview
     :class: topic-box--product,large-3,small-6
 
 .. topic-box::
-    :title: icon-FormatAlignLeftFilled
+    :title: icon-format-align-left-filled
     :link: #
-    :icon: icon-FormatAlignLeftFilled
+    :icon: icon-format-align-left-filled
     :class: topic-box--product,large-3,small-6
 
 .. topic-box::
@@ -462,9 +462,9 @@ Preview
     :class: topic-box--product,large-3,small-6
 
 .. topic-box::
-    :title: icon-dashboard-filled
+    :title: icon-dashboard
     :link: #
-    :icon: icon-dashboard-filled
+    :icon: icon-dashboard
     :class: topic-box--product,large-3,small-6
 
 .. topic-box::
@@ -516,9 +516,9 @@ Preview
     :class: topic-box--product,large-3,small-6
 
 .. topic-box::
-    :title: icon-ViewHeadlineFilled
+    :title: icon-list
     :link: #
-    :icon: icon-ViewHeadlineFilled
+    :icon: icon-list
     :class: topic-box--product,large-3,small-6
 
 .. topic-box::
@@ -588,9 +588,9 @@ Preview
     :class: topic-box--product,large-3,small-6
 
 .. topic-box::
-    :title: icon-upload
+    :title: icon-upload-file
     :link: #
-    :icon: icon-upload
+    :icon: icon-upload-file
     :class: topic-box--product,large-3,small-6
 
 .. topic-box::
@@ -611,6 +611,199 @@ Preview
     :icon: icon-slack
     :class: topic-box--product,large-3,small-6
 
+.. topic-box::
+    :title: icon-github
+    :link: #
+    :icon: icon-github
+    :class: topic-box--product,large-3,small-6
+
+.. topic-box::
+    :title: icon-instance
+    :link: #
+    :icon: icon-instance
+    :class: topic-box--product,large-3,small-6
+
+.. topic-box::
+    :title: icon-pause
+    :link: #
+    :icon: icon-pause
+    :class: topic-box--product,large-3,small-6
+
+.. topic-box::
+    :title: icon-stop
+    :link: #
+    :icon: icon-stop
+    :class: topic-box--product,large-3,small-6
+
+.. topic-box::
+    :title: icon-reset
+    :link: #
+    :icon: icon-reset
+    :class: topic-box--product,large-3,small-6
+
+.. topic-box::
+    :title: icon-eye
+    :link: #
+    :icon: icon-eye
+    :class: topic-box--product,large-3,small-6
+
+.. topic-box::
+    :title: icon-stack-overflow
+    :link: #
+    :icon: icon-stack-overflow
+    :class: topic-box--product,large-3,small-6
+
+.. topic-box::
+    :title: icon-key
+    :link: #
+    :icon: icon-key
+    :class: topic-box--product,large-3,small-6
+
+.. topic-box::
+    :title: icon-vpc-peering-circle
+    :link: #
+    :icon: icon-vpc-peering-circle
+    :class: topic-box--product,large-3,small-6
+
+.. topic-box::
+    :title: icon-vpc-peering
+    :link: #
+    :icon: icon-vpc-peering
+    :class: topic-box--product,large-3,small-6
+
+.. topic-box::
+    :title: icon-server
+    :link: #
+    :icon: icon-server
+    :class: topic-box--product,large-3,small-6
+
+.. topic-box::
+    :title: icon-download-file
+    :link: #
+    :icon: icon-download-file
+    :class: topic-box--product,large-3,small-6
+
+.. topic-box::
+    :title: icon-scale-up
+    :link: #
+    :icon: icon-scale-up
+    :class: topic-box--product,large-3,small-6
+
+.. topic-box::
+    :title: icon-scale-down
+    :link: #
+    :icon: icon-scale-down
+    :class: topic-box--product,large-3,small-6
+
+.. topic-box::
+    :title: icon-resize
+    :link: #
+    :icon: icon-resize
+    :class: topic-box--product,large-3,small-6
+
+.. topic-box::
+    :title: icon-grid
+    :link: #
+    :icon: icon-grid
+    :class: topic-box--product,large-3,small-6
+
+.. topic-box::
+    :title: icon-upload
+    :link: #
+    :icon: icon-upload
+    :class: topic-box--product,large-3,small-6
+
+.. topic-box::
+    :title: icon-cloud-error
+    :link: #
+    :icon: icon-cloud-error
+    :class: topic-box--product,large-3,small-6
+
+.. topic-box::
+    :title: icon-terminal
+    :link: #
+    :icon: icon-terminal
+    :class: topic-box--product,large-3,small-6
+
+.. topic-box::
+    :title: icon-sample-data
+    :link: #
+    :icon: icon-sample-data
+    :class: topic-box--product,large-3,small-6
+
+.. topic-box::
+    :title: icon-add-circle-outline
+    :link: #
+    :icon: icon-add-circle-outline
+    :class: topic-box--product,large-3,small-6
+
+.. topic-box::
+    :title: icon-play-circle-filled
+    :link: #
+    :icon: icon-play-circle-filled
+    :class: topic-box--product,large-3,small-6
+
+.. topic-box::
+    :title: icon-play-circle-outline-filled
+    :link: #
+    :icon: icon-play-circle-outline-filled
+    :class: topic-box--product,large-3,small-6
+
+.. topic-box::
+    :title: icon-stop-circle-filled
+    :link: #
+    :icon: icon-stop-circle-filled
+    :class: topic-box--product,large-3,small-6
+
+.. topic-box::
+    :title: icon-add-circle-filled
+    :link: #
+    :icon: icon-add-circle-filled
+    :class: topic-box--product,large-3,small-6
+
+.. topic-box::
+    :title: icon-scale-in
+    :link: #
+    :icon: icon-scale-in
+    :class: topic-box--product,large-3,small-6
+
+.. topic-box::
+    :title: icon-scale-out
+    :link: #
+    :icon: icon-scale-out
+    :class: topic-box--product,large-3,small-6
+
+.. topic-box::
+    :title: icon-rocket
+    :link: #
+    :icon: icon-rocket
+    :class: topic-box--product,large-3,small-6
+
+.. topic-box::
+    :title: icon-link
+    :link: #
+    :icon: icon-link
+    :class: topic-box--product,large-3,small-6
+
+.. topic-box::
+    :title: icon-facebook
+    :link: #
+    :icon: icon-facebook
+    :class: topic-box--product,large-3,small-6
+
+.. topic-box::
+    :title: icon-linkedin
+    :link: #
+    :icon: icon-linkedin
+    :class: topic-box--product,large-3,small-6
+
+.. topic-box::
+    :title: icon-x-logo
+    :link: #
+    :icon: icon-x-logo
+    :class: topic-box--product,large-3,small-6
+
+
 .. topic-box::
     :title: icon-docs-mail
     :link: #
@@ -701,48 +894,6 @@ Preview
     :icon: icon-docs-thumbs-up
     :class: topic-box--product,large-3,small-6
 
-.. topic-box::
-    :title: icon-github
-    :link: #
-    :icon: icon-github
-    :class: topic-box--product,large-3,small-6
-
-.. topic-box::
-    :title: icon-instance
-    :link: #
-    :icon: icon-instance
-    :class: topic-box--product,large-3,small-6
-
-.. topic-box::
-    :title: icon-pause
-    :link: #
-    :icon: icon-pause
-    :class: topic-box--product,large-3,small-6
-
-.. topic-box::
-    :title: icon-stop
-    :link: #
-    :icon: icon-stop
-    :class: topic-box--product,large-3,small-6
-
-.. topic-box::
-    :title: icon-reset
-    :link: #
-    :icon: icon-reset
-    :class: topic-box--product,large-3,small-6
-
-.. topic-box::
-    :title: icon-eye
-    :link: #
-    :icon: icon-eye
-    :class: topic-box--product,large-3,small-6
-
-.. topic-box::
-    :title: icon-stack-overflow
-    :link: #
-    :icon: icon-stack-overflow
-    :class: topic-box--product,large-3,small-6
-
 .. topic-box::
     :title: icon-docs-nsql-guides
     :link: #
@@ -797,6 +948,13 @@ Preview
     :icon: icon-docs-enterprise-m
     :class: topic-box--product,large-3,small-6
 
+.. topic-box::
+    :title: icon-docs-download
+    :link: #
+    :icon: icon-docs-download
+    :class: topic-box--product,large-3,small-6
+
+
 .. raw:: html
 
-    </div></div></div>
+    </div></div></div>

docs/source/index.rst

@@ -31,7 +31,7 @@
 .. topic-box::
   :title: Getting started
   :link: getting-started
-  :icon: icon-docs-getting-started
+  :icon: icon-rocket
   :class: large-6
   :anchor: Learn more
 
@@ -40,7 +40,7 @@
 .. topic-box::
   :title: Configuration
   :link: configuration
-  :icon: icon-docs-configuration
+  :icon: icon-settings
   :class: large-6
   :anchor: Learn more
 
@@ -49,7 +49,7 @@
 .. topic-box::
   :title: Commands
   :link: commands
-  :icon: icon-docs-commands
+  :icon: icon-terminal
   :class: large-6
   :anchor: Learn more
 
@@ -67,7 +67,7 @@
 .. topic-box::
   :title: Demos and Examples
   :link: examples
-  :icon: icon-docs-training
+  :icon: icon-dashboard
   :class: large-6
   :anchor: Learn more
 
@@ -76,7 +76,7 @@
 .. topic-box::
   :title: Contribute
   :link: contribute
-  :icon: icon-docs-contribute
+  :icon: icon-users
   :class: large-6
   :anchor: Learn more