Repository: vyperlang/vyper

Issue:
docs: Adopt a new theme?
I would like to propose the usage of another theme for the documentation: [shibuya](https://github.com/lepture/shibuya). A preview is visible here: https://shibuya.lepture.com/

Would you be open to such a change?

Previews of the "Built-in Functions" page:
![Screenshot 2024-01-24 at 22-51-05 Built-in Functions](https://github.com/vyperlang/vyper/assets/2033598/33c2a89e-7f16-4c09-9d2d-bc80d0392e8b)
![Screenshot 2024-01-24 at 22-51-15 Built-in Functions](https://github.com/vyperlang/vyper/assets/2033598/c9eb9211-c0af-46bc-b130-f4c7f349b5b4)

Personally, I only see pros, but that's will depend on each individual:
- no more custom CSS (light/dark themes are already provided, same for the toggle)
- modern design
- responsive


Discussion:
I just saw the logo on dark them is poorly visible. Apart from that, it seems good: I'll find a way for the logo if the proposal is accepted.
i'm interested! is there any way to preview what this would look like?

by the way, we are migrating to new logo -- you can see here https://github.com/vyperlang/vyper-brand/tree/main
> i'm interested! is there any way to preview what this would look like?

Awesome, I will put something for a preview.

> by the way, we are migrating to new logo -- you can see here https://github.com/vyperlang/vyper-brand/tree/main

Awesome too! I'll use it for the preview.

Resolving patch:
diff --git a/docs/conf.py b/docs/conf.py
--- a/docs/conf.py
+++ b/docs/conf.py
@@ -1,57 +1,12 @@
-#!/usr/bin/env python3
-# -*- coding: utf-8 -*-
-#
 # Vyper documentation build configuration file, created by
 # sphinx-quickstart on Wed Jul 26 11:18:29 2017.
-#
-# This file is execfile()d with the current directory set to its
-# containing dir.
-#
-# Note that not all possible configuration values are present in this
-# autogenerated file.
-#
-# All configuration values have a default; values that are commented out
-# serve to show the default.
-
-# If extensions (or modules to document with autodoc) are in another directory,
-# add these directories to sys.path here. If the directory is relative to the
-# documentation root, use os.path.abspath to make it absolute, like shown here.
-#
-# import os
-# import sys
-# sys.path.insert(0, os.path.abspath('.'))
-from recommonmark.parser import CommonMarkParser
-
-# TO DO - Create and Implement Vyper Lexer
-# def setup(sphinx):
-#     sys.path.insert(0, os.path.abspath('./utils'))
-#     from SolidityLexer import SolidityLexer
-#     sphinx.add_lexer('Python', SolidityLexer())
-
-
-# -- General configuration ------------------------------------------------
-
-# If your documentation needs a minimal Sphinx version, state it here.
-#
-# needs_sphinx = '1.0'
 
-# Add any Sphinx extension module names here, as strings. They can be
-# extensions coming with Sphinx (named 'sphinx.ext.*') or your custom
-# ones.
 extensions = [
-    "sphinx.ext.autodoc",
+    "sphinx_copybutton",
     "sphinx.ext.intersphinx",
 ]
 
-# Add any paths that contain templates here, relative to this directory.
 templates_path = ["_templates"]
-
-# The suffix(es) of source filenames.
-# You can specify multiple suffix as a list of string:
-#
-source_suffix = [".rst", ".md"]
-
-# The master toctree document.
 master_doc = "toctree"
 
 # General information about the project.
@@ -59,68 +14,31 @@
 copyright = "2017-2024 CC-BY-4.0 Vyper Team"
 author = "Vyper Team (originally created by Vitalik Buterin)"
 
-# The version info for the project you're documenting, acts as replacement for
-# |version| and |release|, also used in various other places throughout the
-# built documents.
-#
-# The short X.Y version.
-version = ""
-# The full version, including alpha/beta/rc tags.
-release = ""
-
 # The language for content autogenerated by Sphinx. Refer to documentation
 # for a list of supported languages.
 #
 # This is also used if you do content translation via gettext catalogs.
 # Usually you set "language" from the command line for these cases.
-language = "python"
-
-# List of patterns, relative to source directory, that match files and
-# directories to ignore when looking for source files.
-# This patterns also effect to html_static_path and html_extra_path
-exclude_patterns = ["_build", "Thumbs.db", ".DS_Store"]
-
-# The name of the Pygments (syntax highlighting) style to use.
-pygments_style = "sphinx"
-
-# If true, `todo` and `todoList` produce output, else they produce nothing.
-todo_include_todos = False
-
+language = "vyper"
 
 # -- Options for HTML output ----------------------------------------------
-
-# The theme to use for HTML and HTML Help pages.  See the documentation for
-# a list of builtin themes.
-#
-html_theme = "sphinx_rtd_theme"
-
-# Theme options are theme-specific and customize the look and feel of a theme
-# further.  For a list of options available for each theme, see the
-# documentation.
-#
-# html_theme_options = {}
-
-# Add any paths that contain custom static files (such as style sheets) here,
-# relative to this directory. They are copied after the builtin static files,
-# so a file named "default.css" will overwrite the builtin "default.css".
-html_static_path = ["_static"]
-
-html_css_files = ["css/toggle.css", "css/dark.css"]
-
-html_js_files = ["js/toggle.js"]
-
-html_logo = "vyper-logo-transparent.svg"
-
-# Custom sidebar templates, must be a dictionary that maps document names
-# to template names.
-#
-# The default sidebars (for documents that don't match any pattern) are
-# defined by theme itself.  Builtin themes are using these templates by
-# default: ``['localtoc.html', 'relations.html', 'sourcelink.html',
-# 'searchbox.html']``.
-#
-# html_sidebars = {}
-
+html_theme = "shibuya"
+html_theme_options = {
+    "accent_color": "purple",
+    "twitter_creator": "vyperlang",
+    "twitter_site": "vyperlang",
+    "twitter_url": "https://twitter.com/vyperlang",
+    "github_url": "https://github.com/vyperlang",
+}
+html_favicon = "logo.svg"
+html_logo = "logo.svg"
+
+# For the "Edit this page ->" link
+html_context = {
+    "source_type": "github",
+    "source_user": "vyperlang",
+    "source_repo": "vyper",
+}
 
 # -- Options for HTMLHelp output ------------------------------------------
 
@@ -130,21 +48,6 @@
 
 # -- Options for LaTeX output ---------------------------------------------
 
-latex_elements: dict = {
-    # The paper size ('letterpaper' or 'a4paper').
-    #
-    # 'papersize': 'letterpaper',
-    # The font size ('10pt', '11pt' or '12pt').
-    #
-    # 'pointsize': '10pt',
-    # Additional stuff for the LaTeX preamble.
-    #
-    # 'preamble': '',
-    # Latex figure (float) alignment
-    #
-    # 'figure_align': 'htbp',
-}
-
 # Grouping the document tree into LaTeX files. List of tuples
 # (source start file, target name, title,
 #  author, documentclass [howto, manual, or own class]).
@@ -153,7 +56,7 @@
         master_doc,
         "Vyper.tex",
         "Vyper Documentation",
-        "Vyper Team (originally created by Vitalik Buterin)",
+        author,
         "manual",
     ),
 ]
@@ -183,10 +86,6 @@
     ),
 ]
 
-source_parsers = {
-    ".md": CommonMarkParser,
-}
-
 intersphinx_mapping = {
     "brownie": ("https://eth-brownie.readthedocs.io/en/stable", None),
     "pytest": ("https://docs.pytest.org/en/latest/", None),


Test patch: