doc: orange FRR theme

Signed-off-by: David Lamparter <equinox@diac24.net>

diff --git a/doc/developer/_static/overrides.css b/doc/developer/_static/overrides.css
index 0d871c961a898405fd9d11f1a6cdd8d713869cce..1d702bb6e9af44edfdee4e9c7b3c92dac53e3c63 100644 (file)
--- a/doc/developer/_static/overrides.css
+++ b/doc/developer/_static/overrides.css
@@ -3,6 +3,237 @@ div.body {
     max-width: none;
 }
 
+/* Palette URL: http://paletton.com/#uid=70p0p0kt6uvcDRAlhBavokxLJ6w */
+
+:root {
+--primary-0: #F36F16;  /* Main Primary color */
+--primary-1: #FFC39A;
+--primary-2: #FF9A55;
+--primary-3: #A34403;
+--primary-4: #341500;
+--primary-9: #FFF3EB;
+
+--secondary-1-0: #F39C16;      /* Main Secondary color (1) */
+--secondary-1-1: #FFD79A;
+--secondary-1-2: #FFBC55;
+--secondary-1-3: #A36403;
+--secondary-1-4: #341F00;
+--secondary-1-9: #FFF7EB;
+
+--secondary-2-0: #1A599F;      /* Main Secondary color (2) */
+--secondary-2-1: #92B9E5;
+--secondary-2-2: #477CB8;
+--secondary-2-3: #0A386B;
+--secondary-2-4: #011122;
+--secondary-2-9: #E3EBF4;
+
+--complement-0: #0E9A83;       /* Main Complement color */
+--complement-1: #8AE4D4;
+--complement-2: #3CB4A0;
+--complement-3: #026857;
+--complement-4: #00211B;
+--complement-9: #E0F4F0;
+}
+
+/* new */
+
+body {
+       font-family: "Fira Sans", Helvetica, Arial, sans-serif;
+       font-weight:400;
+}
+h1, h2, h3, h4, h5, h6 {
+       font-family: "Fira Sans", Helvetica, Arial, sans-serif;
+       font-weight:500;
+}
+code, pre, tt {
+       font-family: "Fira Mono";
+}
+h1 {
+       background-color:var(--secondary-1-1);
+       border-bottom:1px solid var(--secondary-1-0);
+       font-weight:300;
+}
+h2 {
+       margin-top:36pt;
+}
+
+a,
+a:hover,
+a:visited,
+.code-block-caption a.headerlink:hover,
+.rst-content dl:not(.docutils) dt .headerlink {
+       color: var(--complement-0);
+}
+.code-block-caption a.headerlink {
+       visibility:hidden;
+}
+
+/* admonitions */
+
+.admonition.warning {
+       border:1px dashed var(--primary-2);
+}
+.admonition.warning .admonition-title {
+       color: var(--primary-3);
+       background-color: var(--primary-1);
+}
+.admonition.note,
+.admonition.hint {
+       border:1px dashed var(--complement-2);
+}
+.admonition.note .admonition-title,
+.admonition.hint .admonition-title {
+       color: var(--complement-3);
+       background-color: var(--complement-1);
+}
+.admonition.seealso,
+div.seealso {
+       background-color:var(--complement-9);
+}
+.admonition.seealso .admonition-title {
+       color: var(--complement-3);
+       background-color:var(--complement-1);
+       border-bottom:1px solid var(--complement-2);
+}
+.admonition.admonition-todo .admonition-title {
+       background-image: repeating-linear-gradient(
+               135deg,
+               #ffa,
+               #ffa 14.14213452px,
+               #bbb 14.14213452px,
+               #bbb 28.28427124px
+       );
+       color:#000;
+}
+.admonition.admonition-todo {
+       background-image: repeating-linear-gradient(
+               135deg,
+               #ffd,
+               #ffd 14.14213452px,
+               #eed 14.14213452px,
+               #eed 28.28427124px
+       );
+}
+
+.rst-content dl .admonition p.last {
+       margin-bottom:0 !important;
+}
+
+/* file block */
+
+.code-block-caption {
+/*     border-radius: 4px; */
+       font-style:italic;
+       font-weight:300;
+       border-bottom: 1px solid var(--secondary-2-1);
+       background-color: var(--secondary-2-9);
+       padding:2px 8px;
+}
+
+/* navbar */
+
+.wy-nav-side {
+       background-color: var(--secondary-1-4);
+       border-right:2px solid var(--primary-3);
+}
+.wy-menu-vertical a,
+.wy-menu-vertical a:visited,
+.wy-menu-vertical a:hover,
+.wy-side-nav-search>a,
+.wy-side-nav-search .wy-dropdown>a {
+       color: var(--primary-0);
+}
+
+nav div.wy-side-nav-search {
+       background-color: #eee;
+}
+nav div.wy-side-scroll {
+       background-color: var(--secondary-1-4);
+}
+nav .wy-menu-vertical a:hover {
+       background-color:var(--primary-0);
+       color:var(--primary-4);
+}
+nav .wy-menu-vertical li.current ul a:hover {
+       background-color:var(--secondary-1-2);
+       color:var(--primary-4);
+}
+nav .wy-menu-vertical li.current ul a {
+       background-color:var(--secondary-1-1);
+       color:var(--primary-3);
+}
+nav .wy-menu-vertical li.on a:hover,
+nav .wy-menu-vertical li.current>a:hover {
+       background-color:#fcfcfc;
+}
+.wy-side-nav-search input[type=text] {
+       border-color:var(--primary-2);
+}
+.wy-menu-vertical li.toctree-l1.current>a {
+       border-top:1px solid var(--secondary-1-3);
+       border-bottom:1px solid var(--secondary-1-3);
+}
+.wy-menu-vertical li.toctree-l2.current>a {
+       background-color:var(--secondary-1-2);
+}
+.wy-menu-vertical li.toctree-l2.current li.toctree-l3>a {
+       background-color:var(--secondary-1-9);
+}
+
+.wy-nav-content {
+       padding: 25pt 40pt;
+}
+div[role=navigation] > hr {
+       display:none;
+}
+div[role=navigation] {
+       margin-bottom:15pt;
+}
+h1 {
+       margin-left:-40pt;
+       margin-right:-40pt;
+       padding:5pt 40pt 5pt 40pt;
+}
+
+.rst-content pre.literal-block, .rst-content div[class^='highlight'] {
+       border-color:var(--secondary-1-1);
+}
+
+span.pre {
+       color: var(--complement-3);
+}
 pre {
-    background-color: #e2e2e2;
+       background-color: var(--secondary-1-9);
+       border-color: var(--secondary-1-1);
+}
+.highlight .p { color: var(--secondary-2-3); }
+.highlight .k { color: var(--secondary-2-0); }
+.highlight .kt { color: var(--complement-0); }
+.highlight .cm { color: var(--primary-3); }
+.highlight .ow { color: var(--primary-3); }
+.highlight .na { color: var(--primary-2); }
+.highlight .nv { color: var(--complement-0); }
+
+strong {
+       font-weight:500;
+}
+.rst-content dl:not(.docutils) dt {
+       font-family:Fira Mono;
+       font-weight:600;
+       background-color:var(--secondary-2-9);
+       color:var(--secondary-2-3);
+       border-top:2px solid var(--secondary-2-2);
+}
+dt code.descname {
+       color: var(--secondary-2-4);
+}
+
+@media (min-width: 1200px) {
+       .container { width: auto; }
+}
+@media (min-width: 992px) {
+       .container { width: auto; }
+}
+@media (min-width: 768px) {
+       .container { width: auto; }
 }

diff --git a/doc/developer/conf.py b/doc/developer/conf.py
index 61253c4b2f4ef48c3b267d2ec196dcaeda5a6e05..6a339480fac07924a4b96e4e442e3b06099e8cda 100644 (file)
--- a/doc/developer/conf.py
+++ b/doc/developer/conf.py
@@ -167,12 +167,19 @@ todo_include_todos = True
 # a list of builtin themes.
 html_theme = 'default'
 
+try:
+    import sphinx_rtd_theme
+
+    html_theme = 'sphinx_rtd_theme'
+except ImportError:
+    pass
+
 # 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 = {
-    'sidebarbgcolor': '#374249'
-}
+#html_theme_options = {
+#    'sidebarbgcolor': '#374249'
+#}
 
 # Add any paths that contain custom themes here, relative to this directory.
 #html_theme_path = []

diff --git a/doc/user/_static/overrides.css b/doc/user/_static/overrides.css
index 41fcc66f8d2e4ca69e0efe7709d1462c5a5c57b5..638f61986fa2c1c40fbbca711c7ceee0b9308996 100644 (file)
--- a/doc/user/_static/overrides.css
+++ b/doc/user/_static/overrides.css
@@ -3,10 +3,6 @@ div.body {
     max-width: none;
 }
 
-pre {
-    background-color: #e2e2e2;
-}
-
 /* styling for the protocols vs. OS table in overview.rst */
 /* first, general bits */
 div.body td.mark {
@@ -40,6 +36,7 @@ td.mark span {
     border: 1px dotted #666;
     width: 36pt;
     margin:auto;
+    text-align:center;
 }
 table.mark tr td:first-child {
     padding-left:1.5em;
@@ -61,3 +58,238 @@ li span.mark {
     width: 36pt;
     text-align: center;
 }
+
+/* Palette URL: http://paletton.com/#uid=70p0p0kt6uvcDRAlhBavokxLJ6w */
+
+:root {
+--primary-0: #F36F16;  /* Main Primary color */
+--primary-1: #FFC39A;
+--primary-2: #FF9A55;
+--primary-3: #A34403;
+--primary-4: #341500;
+--primary-9: #FFF3EB;
+
+--secondary-1-0: #F39C16;      /* Main Secondary color (1) */
+--secondary-1-1: #FFD79A;
+--secondary-1-2: #FFBC55;
+--secondary-1-3: #A36403;
+--secondary-1-4: #341F00;
+--secondary-1-9: #FFF7EB;
+
+--secondary-2-0: #1A599F;      /* Main Secondary color (2) */
+--secondary-2-1: #92B9E5;
+--secondary-2-2: #477CB8;
+--secondary-2-3: #0A386B;
+--secondary-2-4: #011122;
+--secondary-2-9: #E3EBF4;
+
+--complement-0: #0E9A83;       /* Main Complement color */
+--complement-1: #8AE4D4;
+--complement-2: #3CB4A0;
+--complement-3: #026857;
+--complement-4: #00211B;
+--complement-9: #E0F4F0;
+}
+
+/* new */
+
+body {
+       font-family: "Fira Sans", Helvetica, Arial, sans-serif;
+       font-weight:400;
+}
+h1, h2, h3, h4, h5, h6 {
+       font-family: "Fira Sans", Helvetica, Arial, sans-serif;
+       font-weight:500;
+}
+code, pre, tt {
+       font-family: "Fira Mono";
+}
+h1 {
+       background-color:var(--secondary-1-1);
+       border-bottom:1px solid var(--secondary-1-0);
+       font-weight:300;
+}
+h2 {
+       margin-top:36pt;
+}
+
+a,
+a:hover,
+a:visited,
+.code-block-caption a.headerlink:hover,
+.rst-content dl:not(.docutils) dt .headerlink {
+       color: var(--complement-0);
+}
+.code-block-caption a.headerlink {
+       visibility:hidden;
+}
+
+/* admonitions */
+
+.admonition.warning {
+       border:1px dashed var(--primary-2);
+}
+.admonition.warning .admonition-title {
+       color: var(--primary-3);
+       background-color: var(--primary-1);
+}
+.admonition.note,
+.admonition.hint {
+       border:1px dashed var(--complement-2);
+}
+.admonition.note .admonition-title,
+.admonition.hint .admonition-title {
+       color: var(--complement-3);
+       background-color: var(--complement-1);
+}
+.admonition.seealso,
+div.seealso {
+       background-color:var(--complement-9);
+}
+.admonition.seealso .admonition-title {
+       color: var(--complement-3);
+       background-color:var(--complement-1);
+       border-bottom:1px solid var(--complement-2);
+}
+.admonition.admonition-todo .admonition-title {
+       background-image: repeating-linear-gradient(
+               135deg,
+               #ffa,
+               #ffa 14.14213452px,
+               #bbb 14.14213452px,
+               #bbb 28.28427124px
+       );
+       color:#000;
+}
+.admonition.admonition-todo {
+       background-image: repeating-linear-gradient(
+               135deg,
+               #ffd,
+               #ffd 14.14213452px,
+               #eed 14.14213452px,
+               #eed 28.28427124px
+       );
+}
+
+.rst-content dl .admonition p.last {
+       margin-bottom:0 !important;
+}
+
+/* file block */
+
+.code-block-caption {
+/*     border-radius: 4px; */
+       font-style:italic;
+       font-weight:300;
+       border-bottom: 1px solid var(--secondary-2-1);
+       background-color: var(--secondary-2-9);
+       padding:2px 8px;
+}
+
+/* navbar */
+
+.wy-nav-side {
+       background-color: var(--secondary-1-4);
+       border-right:2px solid var(--primary-3);
+}
+.wy-menu-vertical a,
+.wy-menu-vertical a:visited,
+.wy-menu-vertical a:hover,
+.wy-side-nav-search>a,
+.wy-side-nav-search .wy-dropdown>a {
+       color: var(--primary-0);
+}
+
+nav div.wy-side-nav-search {
+       background-color: #eee;
+}
+nav div.wy-side-scroll {
+       background-color: var(--secondary-1-4);
+}
+nav .wy-menu-vertical a:hover {
+       background-color:var(--primary-0);
+       color:var(--primary-4);
+}
+nav .wy-menu-vertical li.current ul a:hover {
+       background-color:var(--secondary-1-2);
+       color:var(--primary-4);
+}
+nav .wy-menu-vertical li.current ul a {
+       background-color:var(--secondary-1-1);
+       color:var(--primary-3);
+}
+nav .wy-menu-vertical li.on a:hover,
+nav .wy-menu-vertical li.current>a:hover {
+       background-color:#fcfcfc;
+}
+.wy-side-nav-search input[type=text] {
+       border-color:var(--primary-2);
+}
+.wy-menu-vertical li.toctree-l1.current>a {
+       border-top:1px solid var(--secondary-1-3);
+       border-bottom:1px solid var(--secondary-1-3);
+}
+.wy-menu-vertical li.toctree-l2.current>a {
+       background-color:var(--secondary-1-2);
+}
+.wy-menu-vertical li.toctree-l2.current li.toctree-l3>a {
+       background-color:var(--secondary-1-9);
+}
+
+.wy-nav-content {
+       padding: 25pt 40pt;
+}
+div[role=navigation] > hr {
+       display:none;
+}
+div[role=navigation] {
+       margin-bottom:15pt;
+}
+h1 {
+       margin-left:-40pt;
+       margin-right:-40pt;
+       padding:5pt 40pt 5pt 40pt;
+}
+
+.rst-content pre.literal-block, .rst-content div[class^='highlight'] {
+       border-color:var(--secondary-1-1);
+}
+
+span.pre {
+       color: var(--complement-3);
+}
+pre {
+       background-color: var(--secondary-1-9);
+       border-color: var(--secondary-1-1);
+}
+.highlight .p { color: var(--secondary-2-3); }
+.highlight .k { color: var(--secondary-2-0); }
+.highlight .kt { color: var(--complement-0); }
+.highlight .cm { color: var(--primary-3); }
+.highlight .ow { color: var(--primary-3); }
+.highlight .na { color: var(--primary-2); }
+.highlight .nv { color: var(--complement-0); }
+
+strong {
+       font-weight:500;
+}
+.rst-content dl:not(.docutils) dt {
+       font-family:Fira Mono;
+       font-weight:600;
+       background-color:var(--secondary-2-9);
+       color:var(--secondary-2-3);
+       border-top:2px solid var(--secondary-2-2);
+}
+dt code.descname {
+       color: var(--secondary-2-4);
+}
+
+@media (min-width: 1200px) {
+       .container { width: auto; }
+}
+@media (min-width: 992px) {
+       .container { width: auto; }
+}
+@media (min-width: 768px) {
+       .container { width: auto; }
+}

diff --git a/doc/user/conf.py b/doc/user/conf.py
index 2231989fe51713dc5960c3c93d11124e54dbe16c..635dbaa3c78b7f6a52642fa63dafabceff34afde 100644 (file)
--- a/doc/user/conf.py
+++ b/doc/user/conf.py
@@ -168,12 +168,19 @@ todo_include_todos = True
 # a list of builtin themes.
 html_theme = 'default'
 
+try:
+    import sphinx_rtd_theme
+
+    html_theme = 'sphinx_rtd_theme'
+except ImportError:
+    pass
+
 # 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 = {
-    'sidebarbgcolor': '#374249'
-}
+#html_theme_options = {
+#    'sidebarbgcolor': '#374249'
+#}
 
 # Add any paths that contain custom themes here, relative to this directory.
 #html_theme_path = []