Small style tweaks

- new logo, svg.
- adjusted typgraphy hierarchy a smide
- made it brand Muli fonts
-small .pre adjustments

docs/source/_static/brave-release.svg

@@ -0,0 +1,20 @@
+<svg width="218" height="256" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <defs>
+    <linearGradient x1="0%" y1="50.706%" y2="50.706%" id="a">
+      <stop stop-color="#F50" offset="0%"/>
+      <stop stop-color="#F50" offset="40.988%"/>
+      <stop stop-color="#FF2000" offset="58.198%"/>
+      <stop stop-color="#FF2000" offset="100%"/>
+    </linearGradient>
+    <linearGradient x1="2.148%" y1="50.706%" y2="50.706%" id="c">
+      <stop stop-color="#FF452A" offset="0%"/>
+      <stop stop-color="#FF2000" offset="100%"/>
+    </linearGradient>
+    <path d="M170.272 25.336L147.968 0H69.632L47.328 25.336s-19.584-5.447-28.832 3.813c0 0 26.112-2.36 35.088 12.255 0 0 24.208 4.63 27.472 4.63 3.264 0 10.336-2.724 16.864-4.902 6.528-2.179 10.88-2.195 10.88-2.195s4.352.016 10.88 2.195c6.528 2.178 13.6 4.902 16.864 4.902 3.264 0 27.472-4.63 27.472-4.63 8.976-14.615 35.088-12.255 35.088-12.255-9.248-9.26-28.832-3.813-28.832-3.813" id="b"/>
+  </defs>
+  <g transform="translate(.114)" fill="none" fill-rule="evenodd">
+    <path d="M209.984 61.285l5.984-14.707s-7.616-8.17-16.864-17.43c-9.248-9.259-28.832-3.812-28.832-3.812L147.968 0H69.632L47.328 25.336s-19.584-5.447-28.832 3.813c-9.248 9.26-16.864 17.43-16.864 17.43l5.984 14.706L0 83.072s22.4 84.946 25.024 95.32c5.168 20.425 8.704 28.323 23.392 38.672 14.688 10.349 41.344 28.323 45.696 31.046 4.352 2.724 9.792 7.363 14.688 7.363 4.896 0 10.336-4.64 14.688-7.363 4.352-2.723 31.008-20.697 45.696-31.046 14.688-10.35 18.224-18.247 23.392-38.673C195.2 168.018 217.6 83.072 217.6 83.072l-7.616-21.787z" fill="url(#a)"/>
+    <path d="M164.016 41.404s28.688 34.723 28.688 42.145c0 7.421-3.608 9.38-7.237 13.238l-21.51 22.87c-2.036 2.164-6.273 5.445-3.78 11.35 2.492 5.905 6.168 13.419 2.08 21.04-4.089 7.62-11.093 12.708-15.58 11.867-4.489-.842-15.029-6.357-18.905-8.876-3.876-2.52-16.16-12.663-16.16-16.545 0-3.88 12.698-10.85 15.044-12.432 2.347-1.583 13.047-7.712 13.266-10.117.219-2.406.136-3.111-3.022-9.055-3.158-5.944-8.845-13.875-7.898-19.153.946-5.277 10.118-8.02 16.663-10.496 6.545-2.474 19.146-7.148 20.72-7.875 1.575-.727 1.168-1.42-3.601-1.872-4.768-.452-18.3-2.251-24.402-.548-6.1 1.702-16.524 4.293-17.368 5.667-.844 1.373-1.589 1.42-.722 6.158.867 4.739 5.33 27.477 5.764 31.516.433 4.039 1.28 6.709-3.068 7.705-4.35.995-11.672 2.724-14.188 2.724s-9.838-1.729-14.187-2.724c-4.35-.996-3.503-3.666-3.07-7.705.434-4.039 4.898-26.777 5.765-31.516.867-4.739.122-4.785-.722-6.158-.844-1.374-11.268-3.965-17.369-5.667-6.1-1.703-19.633.096-24.401.548-4.769.453-5.176 1.145-3.602 1.872 1.575.727 14.177 5.4 20.72 7.875 6.546 2.475 15.718 5.22 16.665 10.496.946 5.278-4.741 13.21-7.899 19.153-3.158 5.944-3.241 6.65-3.022 9.055.219 2.405 10.92 8.534 13.266 10.117 2.346 1.583 15.044 8.552 15.044 12.432 0 3.882-12.284 14.026-16.16 16.545-3.876 2.52-14.416 8.034-18.904 8.876-4.488.84-11.492-4.246-15.58-11.867-4.089-7.621-.412-15.135 2.08-21.04 2.491-5.905-1.745-9.186-3.78-11.35l-21.511-22.87c-3.629-3.858-7.237-5.817-7.237-13.238 0-7.422 28.688-42.145 28.688-42.145s24.208 4.63 27.472 4.63c3.264 0 10.336-2.724 16.864-4.902 6.528-2.179 10.88-2.195 10.88-2.195s4.352.016 10.88 2.195c6.528 2.178 13.6 4.902 16.864 4.902 3.264 0 27.472-4.63 27.472-4.63zM142.51 174.228c1.775 1.113.692 3.212-.925 4.357-1.618 1.145-23.357 18-25.467 19.862-2.11 1.864-5.21 4.94-7.318 4.94-2.108 0-5.209-3.076-7.318-4.94-2.11-1.863-23.849-18.717-25.467-19.862-1.618-1.145-2.7-3.244-.925-4.357 1.777-1.113 7.333-3.922 15-7.894 7.665-3.972 17.219-7.349 18.71-7.349 1.491 0 11.045 3.377 18.711 7.349 7.666 3.972 13.222 6.781 14.999 7.894z" fill="#FFF"/>
+    <use fill="url(#c)" xlink:href="#b"/>
+  </g>
+</svg>

docs/source/_static/custom.css

@@ -1,9 +1,15 @@
-/* This prevents the code block from having a scroll bar */
-pre {
-    white-space: pre-wrap;
-}
 
 /* add padding after logo */
 .logo {
-    padding-bottom: 20px
+    height:100%;
+    width:80px;
+    margin-bottom: 20px;
+}
+
+pre {
+    white-space: pre-wrap;
+    background: #EEE;
+    padding: 25px 30px;
+    margin: 15px 0px;
+    line-height: 1.3em;
 }

docs/source/conf.py

@@ -81,8 +81,15 @@ html_theme = 'alabaster'
 # documentation.
 #
 html_theme_options = {
-    'description': 'Next generation Brave browser for macOS, Windows, Linux. <a href="https://www.brave.com">brave.com</a>',
-    'logo': 'product_logo_name_48.png',
+'description': 'Next generation Brave browser for macOS, Windows, Linux. <a href="https://www.brave.com">brave.com</a>',
+'logo': 'brave-release.svg',
+'head_font_family': 'Muli, Proxima Nova, Avenir',
+'caption_font_size': '14px',
+'caption_font_family': 'Muli, Proxima Nova, Avenir',
+'code_font_size': '14px',
+'code_font_family': 'Menlo, DejaVu Sans Mono, monospace',
+'font_family': 'Muli, Proxima Nova, Avenir',
+'font_size': '16px',
 }
 
 # Add any paths that contain custom static files (such as style sheets) here,
@@ -100,7 +107,7 @@ html_static_path = ['_static']
 #
 # html_sidebars = {}
 
-# html_favicon = "_static/product_logo_32.png"
+html_favicon = '_static/product_logo_32.png'
 
 
 # -- Options for HTMLHelp output ---------------------------------------------
@@ -108,6 +115,8 @@ html_static_path = ['_static']
 # Output file base name for HTML help builder.
 htmlhelp_basename = 'BraveBrowserdoc'
 
+html_css_files = '_static/custom.css'
+
 
 # -- Options for LaTeX output ------------------------------------------------
 

docs/source/index.rst

@@ -3,8 +3,8 @@
 
 .. _rs_welcome:
 
-Welcome to Brave Docs!
-======================
+Welcome to Brave Docs
+---------------------
 
 The next generation Brave desktop browser for macOS, Windows, and Linux.