Skip to content

Commit 25ca603

Browse files
maximilionusmaximilionus
committed
Version 2.3.0 release
2 parents 5a34113 + b74eb98 commit 25ca603

File tree

4 files changed

+358
-2
lines changed

4 files changed

+358
-2
lines changed

‎CHANGELOG.md‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,11 @@
11
# Python Docs - Dark Theme: Changelog
22

33

4+
## 2.3.0 - 2022.05.04
5+
### Added
6+
- New [Adaptive theme](./python_docs_dark_adaptive.user.css) variant. Activation depends on selected web browser color scheme.
7+
8+
49
## 2.2.1 - 2022.04.13
510
### Fixed
611
- Text color for `div.body` element

‎README.md‎

Lines changed: 10 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,11 @@ This repository contains the userstyle dark theme for python documentation and o
1111

1212
## 📦 Installation
1313
1. 🧩 Ensure that **Stylus** extension ([Chrome](https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne), [Firefox](https://addons.mozilla.org/ru/firefox/addon/styl-us/)) is installed in your browser
14-
2. ⬇️ [Install The Usercss](https://github.com/maximilionus/python_docs_dark/raw/master/python_docs_dark.user.css)
14+
2. ✔️ Select one of the theme variants below:
15+
- [⬇️ Adaptive][gh-raw-adaptive]
16+
- [⬇️ Default][gh-raw-default]
17+
18+
> **Adaptive** theme activation depends on selected web browser color scheme, while **Default** one will always be active
1519
1620
## ☄️ Supported Domains
1721
Here's list of domains that are currenlty supported by this userstyle.
@@ -20,3 +24,8 @@ Here's list of domains that are currenlty supported by this userstyle.
2024
- packaging.python.org
2125

2226
> If you know of other domains that inherited the style from docs.python.org, you can notify me by [creating the new issue](https://github.com/maximilionus/python_docs_dark/issues/new?labels=add%20to%20supported%20pages)
27+
28+
29+
<!-- REFERENCE LINKS -->
30+
[gh-raw-adaptive]: https://github.com/maximilionus/python_docs_dark/raw/master/python_docs_dark_adaptive.user.css (Raw adaptive theme)
31+
[gh-raw-default]: https://github.com/maximilionus/python_docs_dark/raw/master/python_docs_dark.user.css (Raw default theme)

‎python_docs_dark.user.css‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
@homepageURL https://github.com/maximilionus/python_docs_dark
55
@updateURL https://github.com/maximilionus/python_docs_dark/raw/master/python_docs_dark.user.css
66
@license MIT
7-
@version 2.2.1
7+
@version 2.3.0
88
@description Dark theme for python documentation pages
99
@author maximilionus <[email protected]>
1010
==/UserStyle== */

‎python_docs_dark_adaptive.user.css‎

Lines changed: 342 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,342 @@
1+
/* ==UserStyle==
2+
@name Python Docs - Dark Theme (Adaptive)
3+
@namespace https://github.com/maximilionus
4+
@homepageURL https://github.com/maximilionus/python_docs_dark
5+
@updateURL https://github.com/maximilionus/python_docs_dark/raw/master/python_docs_dark_adaptive.user.css
6+
@license MIT
7+
@version 2.3.0
8+
@description Dark theme for python documentation pages, activation depends on selected web browser color scheme
9+
@author maximilionus <[email protected]>
10+
==/UserStyle== */
11+
@-moz-document domain("docs.python.org"), domain("packaging.python.org") {
12+
@media (prefers-color-scheme: dark) {
13+
:root {
14+
--background-dark: #181818;
15+
--background-light: #262626;
16+
--background-gray: #303030;
17+
--text-normal: #b5b5b5;
18+
--text-light: #d9d9d9;
19+
--text-code-general: #bfbfbf;
20+
}
21+
22+
::-webkit-scrollbar {
23+
width: 10px;
24+
}
25+
26+
::-webkit-scrollbar-track {
27+
background-color: var(--background-light);
28+
}
29+
30+
::-webkit-scrollbar-thumb {
31+
background-color: #424242;
32+
border-radius: 4px;
33+
}
34+
35+
.mobile-nav {
36+
background-color: var(--background-light);
37+
color: var(--text-normal)
38+
}
39+
40+
.menu-wrapper {
41+
background-color: var(--background-dark);
42+
}
43+
44+
.menu a {
45+
color: var(--text-normal);
46+
}
47+
48+
.toggler__label {
49+
border-color: var(--background-dark);
50+
}
51+
52+
div#sidebarbutton {
53+
color: #6d6d6d !important;
54+
background-color: var(--background-light) !important;
55+
}
56+
57+
div#sidebarbutton:hover {
58+
color: #9b9b9b !important;
59+
background-color: #535353 !important;
60+
}
61+
62+
input, select {
63+
color: var(--text-normal);
64+
background-color: var(--background-light);
65+
border: 1px solid #272727;
66+
}
67+
68+
form.inline-search input,
69+
div.sphinxsidebar input {
70+
border: 1px solid #272727;
71+
}
72+
73+
html,
74+
body,
75+
ul,
76+
div.related,
77+
div.sphinxsidebar,
78+
div.warning,
79+
div.document {
80+
background-color: var(--background-dark);
81+
}
82+
83+
div.topic,
84+
.nav-content .search input[type=submit] {
85+
border: 0px;
86+
background-color: var(--background-gray);
87+
}
88+
89+
div {
90+
color: var(--text-normal);
91+
background-color: var(--background-dark);
92+
}
93+
94+
p {
95+
color: var(--text-normal);
96+
}
97+
98+
div.related a {
99+
color: var(--text-normal);
100+
}
101+
102+
div.sphinxsidebar h3 a {
103+
color: var(--text-light);
104+
}
105+
106+
div.sphinxsidebar h3,
107+
div.sphinxsidebar h4 {
108+
color: var(--text-light);
109+
}
110+
111+
div.sphinxsidebar a {
112+
color: var(--text-normal);
113+
}
114+
115+
div.body {
116+
color: var(--text-light);
117+
background-color: inherit;
118+
}
119+
120+
div.sidebar {
121+
background-color: var(--background-light);
122+
border: 2px solid var(--background-gray);
123+
}
124+
125+
div.body h1,
126+
div.body h2,
127+
div.body h3,
128+
div.body h4,
129+
div.body h5,
130+
div.body h6 {
131+
color: var(--text-light);
132+
background-color: var(--background-dark);
133+
}
134+
135+
div.body pre {
136+
color: var(--text-normal);
137+
background-color: var(--background-light);
138+
border: 2px solid var(--background-gray);
139+
}
140+
141+
div.seealso,
142+
th,
143+
dl.field-list > dt {
144+
background-color: var(--background-light);
145+
}
146+
147+
div.note {
148+
background-color: var(--background-light);
149+
border: 1px solid #5d5d5d;
150+
}
151+
152+
div.body div.seealso {
153+
border: 2px solid var(--background-gray);
154+
}
155+
156+
span.pre {
157+
color: var(--text-code-general);
158+
background-color: var(--background-gray);
159+
border: 0.4px solid var(--background-gray);
160+
border-radius: 5px;
161+
}
162+
163+
span.highlighted {
164+
color: #0f0f0f;
165+
background-color:#fff08c;
166+
border: 0.4px solid #fff08c;
167+
border-radius: 5px;
168+
}
169+
170+
span.copybutton {
171+
color: #64a576 !important;
172+
}
173+
174+
dt:target {
175+
color: var(--text-light);
176+
background-color: var(--background-gray);
177+
}
178+
179+
table.docutils td,
180+
table.docutils th {
181+
background-color: var(--background-light);
182+
border: 1px solid #5f5f5f !important;
183+
}
184+
185+
code,
186+
tt,
187+
.note code,
188+
.note tt {
189+
background-color: var(--background-gray);
190+
}
191+
192+
.version_switcher_placeholder,
193+
.language_switcher_placeholder,
194+
.nav-content
195+
{
196+
background-color: var(--background-dark);
197+
border: 2px solid var(--background-gray);
198+
border-radius: 5px;
199+
}
200+
201+
.language_switcher_placeholder select, .version_switcher_placeholder select {
202+
background-color: var(--background-dark);
203+
border: none;
204+
}
205+
206+
.highlight .o {
207+
color: #bfbfbf;
208+
}
209+
210+
.highlight .go {
211+
color: var(--text-normal);
212+
}
213+
214+
.highlight .n {
215+
color: var(--text-light);
216+
}
217+
218+
.highlight .nf {
219+
color: #e83b7c;
220+
}
221+
222+
.highlight .nn {
223+
color: #8f8fff;
224+
}
225+
226+
.highlight .nc {
227+
color: #c28eff;
228+
}
229+
230+
.highlight .vm {
231+
color: #ffa4f3;
232+
}
233+
234+
.highlight .nd {
235+
color: #ffc4c4;
236+
}
237+
238+
.highlight .k {
239+
color: #34b75a;
240+
}
241+
242+
.highlight .kt {
243+
color: #e6572e;
244+
}
245+
246+
.highlight .kn {
247+
color: #2da74f;
248+
}
249+
250+
.highlight .cm {
251+
color: #46a7bf;
252+
}
253+
254+
.highlight .nb {
255+
color: #16d84e;
256+
}
257+
258+
.highlight .fm {
259+
color: #54afda;
260+
}
261+
262+
.highlight .bp {
263+
color: #6ed88c;
264+
}
265+
266+
.highlight .s {
267+
color: #72a8de;
268+
}
269+
270+
.highlight .s1 {
271+
color: #59acff;
272+
}
273+
274+
.highlight .s2 {
275+
color: #a6d2ff;
276+
}
277+
278+
.highlight .se {
279+
color: #f3a68f;
280+
}
281+
282+
.highlight .sd {
283+
color: #5b9de0;
284+
}
285+
286+
.highlight .nt {
287+
color: #e64a7d;
288+
}
289+
290+
.highlight .mi {
291+
color: #34c17b;
292+
}
293+
294+
.highlight .mf {
295+
color: #2cb772;
296+
}
297+
298+
.highlight .ow {
299+
color: #00b534;
300+
}
301+
302+
.highlight .c1 {
303+
color: #59b6ce;
304+
}
305+
306+
.highlight .ne {
307+
color: #77bf8b;
308+
}
309+
310+
.highlight .cp {
311+
color: #45ca6b;
312+
}
313+
314+
.highlight .cpf {
315+
color: #61c0d8;
316+
}
317+
318+
.highlight .gh {
319+
color: #8787da;
320+
}
321+
322+
.highlight .gr {
323+
color: #ff6b97;
324+
}
325+
326+
.highlight .gt {
327+
color: #7a7cff;
328+
}
329+
330+
.highlight .gp {
331+
color: #8ac98a;
332+
}
333+
334+
.highlight .na {
335+
color: #508fce;
336+
}
337+
338+
.warning code {
339+
background-color: var(--background-dark);
340+
}
341+
}
342+
}

0 commit comments

Comments
 (0)