1/*
2 * Copyright (c) 2021 Nordic Semiconductor ASA
3 * SPDX-License-Identifier: Apache-2.0
4 */
5
6/* This file contains color customizations that follow Zephyr's branding */
7
8html {
9    --primary-color: #af7fe4;
10    --primary-dark-color: #7929d2;
11    --primary-light-color: #cb99f6;
12    --primary-lighter-color: #dfc8fa;
13    --primary-lightest-color: #efe4fc;
14
15    --side-nav-background: #333f67;
16    --side-nav-foreground: #c3e3ff;
17
18    --searchbar-background: var(--page-background-color);
19    --searchbar-foreground: var(--page-foreground-color);
20
21    --link-color: #2980b9;
22    --param-color: #b71c1c;
23
24    --side-nav-fixed-width: 300px;
25    --top-height: 220px;
26}
27
28@media (prefers-color-scheme: dark) {
29    html:not(.light-mode) {
30        color-scheme: dark;
31
32        --primary-color: #af7fe4;
33        --primary-dark-color: #cb99f6;
34        --primary-light-color: #7929d2;
35        --primary-lighter-color: #191e21;
36        --primary-lightest-color: #191a1c;
37
38        --side-nav-background: #252628;
39        --side-nav-foreground: var(--page-foreground-color);
40
41        --param-color: #ef9a9a;
42    }
43}
44
45html.dark-mode {
46    color-scheme: dark;
47
48    --primary-color: #af7fe4;
49    --primary-dark-color: #cb99f6;
50    --primary-light-color: #7929d2;
51    --primary-lighter-color: #191e21;
52    --primary-lightest-color: #191a1c;
53
54    --side-nav-background: #252628;
55    --side-nav-foreground: var(--page-foreground-color);
56
57    --param-color: #ef9a9a;
58}
59
60a:link, a:visited, a:hover, a:focus, a:active {
61    color: var(--link-color) !important;
62}
63
64.paramname {
65    color: var(--param-color);
66}
67
68dl.section dd, dl.bug dd, dl.deprecated dd {
69    margin-inline-start: revert;
70}
71
72/* adjust top and title to ~match Sphinx docs */
73#top {
74    background: var(--side-nav-background);
75}
76
77#titlearea {
78    padding-bottom: 0;
79}
80
81#titlearea table {
82    width: 100%;
83}
84
85#projectlogo img {
86    width: 200px;
87    height: 95px;
88    max-height: none !important;
89    padding-top: 12px;
90}
91
92#projectalign {
93    display: none;
94}
95
96@media screen and (min-width: 767px) {
97    #doc-content {
98        padding-top: calc(var(--top-height) - 180px);
99    }
100}
101
102/* style for re-injected version */
103#projectversion {
104    color: var(--side-nav-foreground);
105    padding-top: 25px;
106    text-align: center;
107}
108