File: dark_mode.css

package info (click to toggle)
dataclass-wizard 0.39.1-1
  • links: PTS, VCS
  • area: main
  • in suites: forky, sid
  • size: 3,112 kB
  • sloc: python: 19,560; makefile: 126; javascript: 23
file content (138 lines) | stat: -rw-r--r-- 3,602 bytes parent folder | download
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
/* General dark mode body */
body.dark-mode {
    background-color: #1e1e1e;
    color: #cfcfcf;
}

/* Main page content */
body.dark-mode .body {
    background-color: #1e1e1e;
    color: #cfcfcf;
}

/* Fix for the main content on index */
body.dark-mode .content {
    background-color: #1e1e1e;
    color: #cfcfcf;
}

/* Sidebar elements */
body.dark-mode .wy-nav-side,
body.dark-mode .wy-side-nav-search {
    background-color: #22272e;
    color: #cfcfcf;
}

/* Headings */
body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4 {
    color: #ffffff;
}

/* Links */
body.dark-mode a {
    color: #79b8ff;
}

/* Code blocks */
body.dark-mode pre,
body.dark-mode code {
    background-color: #2d333b;
    color: #f0f0f0;
}

/* General REPL Python output */
body.dark-mode pre.highlight,
body.dark-mode code.highlight {
    background-color: #2d333b;
    color: #f0f0f0; /* Ensures all text in REPL blocks is visible */
}

/* Handle the '>>>', '...' prompts */
body.dark-mode .highlight .gp {
    color: #79b8ff; /* Color for REPL prompts like '>>>' */
}

/* Handle REPL output */
body.dark-mode .highlight .go {
    color: #d5a476; /* Distinct color for REPL outputs */
}

/* Decorators (e.g., @dataclass) */
body.dark-mode .highlight .nd {
    color: rgba(192, 144, 2, 0.87); /* Dark, burnished gold for decorators */
}

/* Operators (e.g., ==, +, -, etc.) */
body.dark-mode .highlight .o {
    color: #d5a476; /* Match your REPL output lighter gold */
}

/* Punctuation (e.g., . , ( )) */
body.dark-mode .highlight .p {
    color: #cfcfcf; /* Neutral light gray for punctuation */
}

/* Built-in types and constants (e.g., str, int, True, False) */
body.dark-mode .highlight .nb {
    color: #4ec9b0; /* Teal for built-in types/constants */
}

/* Function and variable names */
body.dark-mode .highlight .nf,
body.dark-mode .highlight .n {
    color: #9cdcfe; /* Light blue for function/variable names */
}

/* General admonition block */
body.dark-mode .admonition {
    background-color: #2e3b4e; /* Neutral dark background */
    color: #b0b0b0; /* Softer silver text */
    border-left: 4px solid #79b8ff; /* Default blue accent */
    padding: 10px;
    border-radius: 6px; /* Rounded corners */
}

/* Title of admonition blocks */
body.dark-mode .admonition .admonition-title {
    color: #79b8ff; /* Bright title text for clarity */
    font-weight: bold;
}

/* Specific styles for ..warning:: */
body.dark-mode .admonition.warning {
    background-color: #4a3224; /* Warm dark terracotta */
    border-left-color: #d8845e; /* Subdued orange for less vibrancy */
    color: #d3b8a6; /* Soft beige text for a smoother contrast */
}

/* Specific styles for ..note:: */
body.dark-mode .admonition.note {
    background-color: #4b4430; /* Subdued dark olive-brown background */
    border-left-color: #bfa45e; /* Muted goldenrod border */
    color: #d4c8a8; /* Softer light tan text to reduce glare */
}

/* Specific styles for ..tip:: */
body.dark-mode .admonition.tip {
    background-color: #2b4e4e; /* Teal background */
    border-left-color: #56b6c2; /* Cyan border for tips */
    color: #d8e0e0; /* Softer light teal text */
}

/* Specific styles for ..important:: */
body.dark-mode .admonition.important {
    background-color: #4e3b2b; /* Brownish background */
    border-left-color: #d19a66; /* Amber border for important */
    color: #e0d6d1; /* Softer light beige text */
}

/* Highlighting inline code within admonitions */
body.dark-mode .admonition code {
    background-color: #2d333b;
    color: #f0f0f0;
    padding: 2px 4px;
    border-radius: 4px;
}