1/**
2 * This file provides the colour css for themes.
3 */
4
5
6body.theme-dark
7{
8    --background: #333;
9    --background-alt: #555;
10    --text-color: #eee;
11    --text-color-alt: #999;
12    --border-color: #666;
13    --link-color: #abccff;
14
15    navbar a.site-name, navbar a.site-name:hover
16    {
17        color: #eee;
18    }
19
20     *:not(.ui-dialog):not(.ui-dialog *)
21    {
22         a.wikilink2
23        {
24            color: #ff9a79;
25        }
26
27        a.wikilink1
28        {
29            color: #9dff9d;
30        }
31    }
32
33}
34
35
36body.theme-terminal
37{
38    --background: #111;
39    --background-alt: #050;
40    --text-color: #0c0;
41    --text-color-alt: #0a0;
42    --border-color: #070;
43    --link-color: #0c0;
44
45    font-family: Monospace, Sans-serif;
46
47    navbar a.site-name, navbar a.site-name:hover
48    {
49        color: #0c0;
50    }
51
52     *:not(.ui-dialog):not(.ui-dialog *)
53    {
54         a.wikilink2,  a.wikilink1
55        {
56            text-decoration: underline;
57        }
58
59    }
60
61}
62
63
64/*Corrections which are common for all themes */
65
66
67body.theme-dark, body.theme-terminal
68{
69     navbar form.search button
70    {
71        filter: invert(100%);
72    }
73
74    /* For body elements not in navbar / footer */
75    *:not(.ui-dialog):not(.ui-dialog *)
76    {
77
78         input, input.edit
79        {
80            background-color: var(--background);
81            border: 1px solid var(--border-color);
82            color: var(--text-color);
83        }
84
85
86    div.ui-admin ul li a span.icon svg>path
87    {
88        fill: var(--link-color);
89    }
90
91
92    .menu .list li > a:hover
93    {
94        background-color: var(--background-alt);
95    }
96
97    .menu .list li > a svg
98    {
99        fill: var(--text-color-alt)
100    }
101    .menu .button
102    {
103        color: var(--text-color-alt);
104    }
105
106    .menu .button::before, .mobile.icon .button::before
107    {
108        background: var(--text-color-alt);
109    }
110
111    button:not(form.search button)
112    {
113        background: var(--background-alt);
114        color: var(--text-color);
115        border:  1px solid var(--border-color);
116        border-radius: 0.1em;
117    }
118
119    #extension__manager .panelHeader
120    {
121        background: var(--background-alt);
122        color: var(--text-color);
123    }
124
125    .tabs > ul li a,  ul.tabs li strong, ul.tabs li a,  .tabs > ul li a:hover,  .tabs > ul li a:active,  .tabs > ul li a:focus,  .tabs > ul li .curid a,  .tabs > ul .active a,  ul.tabs li a:hover,  ul.tabs li a:active,  ul.tabs li a:focus,  ul.tabs li.active a,  ul.tabs li strong
126    {
127        background: var(--background-alt);
128        color: var(--text-color);
129    }
130
131    #extension__manager ul.tabs li.active a, #extension__manager ul.tabs li:hover,
132    {
133        background: var(--background-alt);
134        color: var(--text-color);
135        filter: brightness(125%);
136
137    }
138
139    #mediamanager__page .panelHeader,  #mediamanager__page .file dl dt, #mediamanager__page .namespaces h2
140    {
141        background: var(--background-alt);
142        color: var(--text-color);
143    }
144
145    #mediamanager__page .file dl dd
146    {
147        background: var(--background);
148        color: var(--text-color);
149    }
150
151    #mediamanager__page .filelist .thumbs li, #mediamanager__page .filelist .rows li:nth-child(2n+1), #mediamanager__page .namespaces ul .selected
152    {
153         background: var(--background-alt);
154         color: var(--text-color);
155    }
156
157
158
159    .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active
160    {
161        background: var(--background);
162        color: var(--text-color);
163    }
164
165        .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover
166    {
167        background: var(--background-alt);
168        color: var(--text-color);
169    }
170
171    fieldset
172    {
173         border-color: var(--border-color);
174    }
175
176    .prosemirror_wrapper
177    {
178
179    .ProseMirror li p
180    {
181        color: var(--text-color) !important;
182    }
183
184    .menubar
185    {
186        background: var(--background-alt);
187    }
188
189    .menubar .menuitem .menuicon svg
190    {
191         fill: var(--text-color);
192    }
193
194    .menubar .menuitem.is-disabled  .menuicon svg
195    {
196         fill: var(--text-color-alt);
197    }
198
199    .menubar .dropdown_content
200    {
201        background: var(--background-alt);
202    }
203
204    .menubar .menulabel
205    {
206        color: var(--text-color);
207    }
208    }
209
210}
211
212}
213