/*
* SPDX-FileCopyrightText: 2022 Cosylab d.d.
*
* SPDX-License-Identifier: MIT-0
*/
/* https://copyprogramming.com/howto/change-the-colors-of-the-sphinx-read-the-docs-theme */
/*
Usefull links:
https://adactio.medium.com/inlining-svg-background-images-in-css-with-custom-properties-c32adde256c3
https://documatt.com/blog/20/sphinx-modify-theme
https://pydata-sphinx-theme.readthedocs.io/en/v0.8.1/user_guide/customizing.html
https://docutils.sourceforge.io/docs/ref/rst/directives.html#class
https://css-tricks.com/lodge/svg/09-svg-data-uris/
Icons: database:
https://simpleicons.org/
https://pictogrammers.com/library/mdi/
*/
/* CONSTANTS */
:root {
--nav-background: #202020;
}
/* inline SVG ICONs */
/*
:root {
--icon-test1: url('data:image/svg+xml;charset=utf-8,');
--icon-test2: url('data:image/svg+xml;charset=utf-8,');
--icon-test3: url('data:image/svg+xml;charset=utf-8,');
}
*/
/*
--icon-example: url('data:image/svg+xml;charset=utf-8, ');
--icon-test1: url('data:image/svg+xml;charset=utf-8,');
--icon-test3: url('
');
*/
/**
* Add all the icons of your project in this Sass list
*/
/*
$svg-icons: (
burger: ''
);
*/
/*
--icon-example: url('data:image/svg+xml;charset=utf-8, ')
*/
.myComponent {
background-image: url('data:image/svg+xml;utf8,');
}
/* ---------------------------------------------------------------------------------------------------
NAVIGATION MENU
--------------------------------------------------------------------------------------------------- */
/* Navigation menu: upper side background color */
.wy-side-nav-search{
background-color: var(--nav-background);
}
/* Navigation menu: lower side background color */
.wy-nav-side {
background: var(--nav-background);
}
/* Navigation menu: central part (with titles) background color */
.wy-side-scroll{
background-color: var(--nav-background);
}
/* Navigation menu: Section Font color and size */
/*
.wy-menu-vertical a {
color: #948c18;
font-size: 100%;
}
*/
/* Navigation menu: Subsection Font color */
/*
.wy-menu-vertical li.current a {
color: #e71195;
}
*/
/* Navigation menu: "Caption" color */
.wy-menu-vertical .caption-text {
color: #ffffff;
}
/* Navigation menu: Section backfround of mouse over */
/*
.wy-menu-vertical a:hover {
background-color: rgb(33, 208, 126);
}
*/
/* Navigation menu: Color of selected section or subsection */
/*
.wy-menu-vertical li.current>a {
color: rgb(51, 33, 208);
}
*/
/* ---------------------------------------------------------------------------------------------------
PAGE
--------------------------------------------------------------------------------------------------- */
/* Full page size */
.wy-nav-content {
max-width: 100%;
}
/* ---------------------------------------------------------------------------------------------------
TOGGLE SECTION
--------------------------------------------------------------------------------------------------- */
/* Turn the color red...
...with admonition toggle buttons */
/*
button.toggle-button {
color: red;
}
*/
/* ...with content block toggle buttons */
/*
.toggle-button summary {
color: red;
}
*/
.rst-content .myownstyle .admonition-title {
background: #b359b3
}
.rst-content .myownstyle {
background: #d1b7d1
}
.rst-content .myownstyle .admonition.admonition-icon {
content: "\f24e";
}
/*
.md-typeset .admonition.tip > .admonition-title::before,
.md-typeset .admonition.hint > .admonition-title::before {
mask-image: url('data:image/svg+xml;charset=utf-8,');
}
.rst-content .myownstyle .admonition.tip > .admonition-title::before,
.rst-content .myownstyle .admonition.hint > .admonition-title::before {
mask-image: url('data:image/svg+xml;charset=utf-8,');
}
*/
/*
div.admonition.myownstyle {
border-color: hsl(0, 100%, 50%);
}
div.admonition.myownstyle > .admonition-title {
background-color: hsl(0, 99%, 18%);
color: white;
}
div.admonition.myownstyle > .admonition-title:after {
color: hsl(0, 100%, 50%);
content: "\F021A";
}
.admonition.myownstyle > .admonition-title::before {
background-color: hsl(0, 99%, 18%);
-webkit-mask-image: var(--icon-test3);
mask-image: var(--icon-test3);
}
*/
/*
.md-typeset .admonition.tip > .admonition-title::before,
.md-typeset .admonition.hint > .admonition-title::before {
mask-image: url('data:image/svg+xml;charset=utf-8,');
}
*/
/* ---------------------------------------------------------------------------------------------------
OTHER
--------------------------------------------------------------------------------------------------- */
/*
.wy-menu-vertical p.caption {
color: var(--nav-background);
}
*/
/*
.wy-side-nav-search input[type="text"] {
border-color: #fbfbfb;
}
*/
/* This is not working?!?! -> this is to change the color of the code block */
/*
code.literal {
color: #404040 !important;
background-color: #fbfbfb !important;
}
*/