1/** 2 * This file provides the colour css for themes. 3 */ 4 5 6 body.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 36 body.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 67 body.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