zephyr/doc/_doxygen/doxygen-awesome-zephyr.css
Gerard Marull-Paretas 96b2b931fe doc: doxygen: adjust Doxygen theme to match Sphinx better
Adjust the Doxygen theme (based on doxygen-awesome) to match the Sphinx
theme. While not perfect, the experience should now be more consistent.

Signed-off-by: Gerard Marull-Paretas <gerard.marull@nordicsemi.no>
2021-11-08 11:17:37 +01:00

108 lines
2.2 KiB
CSS

/*
* Copyright (c) 2021 Nordic Semiconductor ASA
* SPDX-License-Identifier: Apache-2.0
*/
/* This file contains color customizations that follow Zephyr's branding */
html {
--primary-color: #af7fe4;
--primary-dark-color: #7929d2;
--primary-light-color: #cb99f6;
--primary-lighter-color: #dfc8fa;
--primary-lightest-color: #efe4fc;
--side-nav-background: #333f67;
--side-nav-foreground: #c3e3ff;
--searchbar-background: var(--page-background-color);
--searchbar-foreground: var(--page-foreground-color);
--link-color: #2980b9;
--param-color: #b71c1c;
--side-nav-fixed-width: 300px;
--top-height: 220px;
}
@media (prefers-color-scheme: dark) {
html:not(.light-mode) {
color-scheme: dark;
--primary-color: #af7fe4;
--primary-dark-color: #cb99f6;
--primary-light-color: #7929d2;
--primary-lighter-color: #191e21;
--primary-lightest-color: #191a1c;
--side-nav-background: #252628;
--side-nav-foreground: var(--page-foreground-color);
--param-color: #ef9a9a;
}
}
html.dark-mode {
color-scheme: dark;
--primary-color: #af7fe4;
--primary-dark-color: #cb99f6;
--primary-light-color: #7929d2;
--primary-lighter-color: #191e21;
--primary-lightest-color: #191a1c;
--side-nav-background: #252628;
--side-nav-foreground: var(--page-foreground-color);
--param-color: #ef9a9a;
}
a:link, a:visited, a:hover, a:focus, a:active {
color: var(--link-color) !important;
}
.paramname {
color: var(--param-color);
}
dl.section dd, dl.bug dd, dl.deprecated dd {
margin-inline-start: revert;
}
/* adjust top and title to ~match Sphinx docs */
#top {
background: var(--side-nav-background);
}
#titlearea {
padding-bottom: 0;
}
#titlearea table {
width: 100%;
}
#projectlogo img {
width: 200px;
height: 95px;
max-height: none !important;
padding-top: 12px;
}
#projectalign {
display: none;
}
@media screen and (min-width: 767px) {
#doc-content {
padding-top: calc(var(--top-height) - 180px);
}
}
/* style for re-injected version */
#projectversion {
color: var(--side-nav-foreground);
padding-top: 25px;
text-align: center;
}