feat: 1st wtf_coop theme based on read the docs

- addd logo
- switched font for headings (rtd already use lato)
- changed color scheme

sphinx/source/conf.py

@@ -60,6 +60,7 @@ exclude_patterns = []
 #
 html_theme = "wtf_coop"
 html_theme_path = ["../theme"]
+html_logo = "_static/wtf_logo_dark_bg.png"
 #html_theme = 'alabaster'
 
 # Add any paths that contain custom static files (such as style sheets) here,

sphinx/theme/wtf_coop/static/css/wtf_coop.css

@@ -0,0 +1,174 @@
+/*
+ *
+ */
+
+@import url('css/fonts.css');
+@import url('theme.css');
+
+:root {
+    /* default text color */
+    --wtf-nearly-black: #333;
+    --wtf-nearly-white: #fff;
+    /* WTF Farben gemäß https://git.wtf-eg.de/ag_kommunikation/wtf_propaganda/ */
+     --wtf-orange: #ef7c21;
+     --wtf-light-orange: #ffcba9;
+     --wtf-very-light-blue: #cfe2ff;
+     --wtf-light-blue: #0790a9;
+     --wtf-dark-blue: #20386a;
+     --wtf-night-blue: #00173B;
+     --wtf-dark-grey: #202020;
+     --wtf-grey: #666;
+     --wtf-mid-grey: #acacac;
+     --wtf-footer-grey: #344b5d;
+     --wtf-light-grey: #edefeb;
+     --wtf-lila: #6600ff;
+     --wtf-rtd-background: #F5F6F3;
+}
+
+/* fonts - start */
+.rst-content .toctree-wrapper>p.caption,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+legend {
+    font-family: 'Noto Serif Bold', ff-tisa-web-pro, Georgia, Arial, sans-serif;
+}
+
+.rst-content .sidebar .sidebar-title {
+    font-family: 'Noto Serif Bold', ff-tisa-web-pro, Georgia, Arial, sans-serif;
+}
+/* fonts - end */
+
+/* colours - start */
+
+.wy-nav-content {
+    background-color: var(--wtf-light-grey);
+}
+
+.wy-nav-content-wrap{
+    background-color: var(--wtf-rtd-background);
+}
+
+.wy-menu-vertical li span.toctree-expand,
+.wy-menu-vertical a {
+    color: var(--wtf-light-grey);
+}
+
+.rst-content .wy-alert-neutral.admonition-todo a,
+.rst-content .wy-alert-neutral.admonition a,
+.rst-content .wy-alert-neutral.attention a,
+.rst-content .wy-alert-neutral.caution a,
+.rst-content .wy-alert-neutral.danger a,
+.rst-content .wy-alert-neutral.error a,
+.rst-content .wy-alert-neutral.hint a,
+.rst-content .wy-alert-neutral.important a,
+.rst-content .wy-alert-neutral.note a,
+.rst-content .wy-alert-neutral.seealso a,
+.rst-content .wy-alert-neutral.tip a,
+.rst-content .wy-alert-neutral.warning a,
+.wy-alert.wy-alert-neutral a {
+    color: var(--wtf-dark-blue);
+}
+
+.wy-tray-container li.wy-tray-item-info {
+    background: var(--wtf-dark-blue);
+}
+
+.btn-info {
+    background-color: var(--wtf-dark-blue); !important
+}
+
+.btn-link {
+    color: var(--wtf-dark-blue);
+}
+
+.wy-dropdown-menu>dd>a:hover {
+    background: var(--wtf-dark-blue);
+}
+
+.wy-dropdown.wy-dropdown-bubble .wy-dropdown-menu a:hover {
+    background: var(--wtf-dark-blue);
+}
+
+.wy-inline-validate.wy-inline-validate-info .wy-input-context {
+    color: var(--wtf-dark-blue);
+}
+
+a {
+    color: var(--wtf-dark-blue);
+}
+
+.wy-text-info {
+    color: var(--wtf-dark-blue); !important
+}
+
+.wy-menu-vertical a:active {
+    background-color: var(--wtf-dark-blue);
+}
+
+.wy-side-nav-search {
+    background-color: var(--wtf-dark-blue);
+}
+
+.wy-side-nav-search img {
+    background-color: var(--wtf-dark-blue);
+}
+
+.wy-nav .wy-menu-vertical header {
+    color: var(--wtf-dark-blue);
+}
+
+.wy-nav .wy-menu-vertical a:hover {
+    background-color: var(--wtf-dark-blue);
+}
+
+.wy-nav-top {
+    background: var(--wtf-dark-blue);
+}
+
+.wy-nav-top img {
+    background-color: var(--wtf-dark-blue);
+}
+
+a,
+.rst-versions a {
+    color: var(--wtf-orange);
+}
+
+a:hover,
+.rst-versions a:hover {
+    color: var(--wtf-light-blue);
+}
+
+.wy-menu-vertical a:hover {
+    color: var(--wtf-orange);
+}
+
+a:visited,
+.rst-versions a:visited {
+    color: var(--wtf-light-blue);
+}
+
+.rst-content a code,
+.rst-content a tt {
+    color: var(--wtf-dark-blue);
+}
+
+html.writer-html4 .rst-content dl:not(.docutils)>dt,
+html.writer-html5 .rst-content dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glossary):not(.simple)>dt {
+    color: var(--wtf-dark-blue);
+}
+
+.wy-menu-vertical header,
+.wy-menu-vertical p.caption {
+    color: var(--wtf-mid-grey);
+}
+
+.wy-nav-side {
+    background-color: var(--wtf-nearly-black);
+}
+
+/* colours - end */

sphinx/theme/wtf_coop/theme.conf

@@ -1,4 +1,7 @@
 [theme]
 inherit = sphinx_rtd_theme
-# stylesheet = wtf_coop.css
+stylesheet = css/wtf_coop.css
 pygments_style = trac
+
+[options]
+logo_only = True