PluginProbe
Elementor Website Builder – more than just a page builder / 3.11.1
Elementor Website Builder – more than just a page builder v3.11.1
4.3.0-beta2 4.3.0-beta1 4.2.4 4.2.3 4.2.2 4.2.1 4.2.0 4.1.5 4.2.0-beta2 4.2.0-dev2 4.2.0-beta1 4.1.4 4.1.3 4.1.2 4.1.1 4.1.0 4.1.0-beta3 4.1.0-dev3 4.0.9 4.1.0-beta2 4.1.0-dev2 4.0.8 4.1.0-beta1 4.1.0-dev1 4.0.7 All 451 releases
elementor / assets / css / editor-dark-mode.css

editor-dark-mode.css in Elementor Website Builder – more than just a page builder 3.11.1, at assets/css/editor-dark-mode.css

1,027 lines 29.6 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /*! elementor - v3.11.1 - 15-02-2023 */
2 :root {
3 color-scheme: dark;
4 }
5
6 body {
7 color: #E0E1E3;
8 }
9 body .pcr-app {
10 background-color: #4C4F56;
11 box-shadow: 0 0.15em 1.5em 0 rgba(0, 0, 0, 0.5), 0 0 1em 0 rgba(0, 0, 0, 0.05);
12 }
13 body .pcr-app .pcr-swatches > button:after {
14 box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
15 }
16 body .pcr-app .pcr-clear {
17 color: #E0E1E3;
18 background-color: #64666A;
19 }
20 body .pcr-app .pcr-interaction .pcr-result {
21 color: #E0E1E3;
22 border-color: #64666A;
23 }
24 body .pcr-app .pcr-interaction .pcr-result:focus {
25 border-color: #7D7E82;
26 }
27 body .pcr-swatch.pcr-active:after {
28 box-shadow: 0 0 0 1px #71d7f7, inset 0 0 0 1px #4C4F56;
29 }
30 body .pcr-swatch.pcr-active ~ .elementor-color-picker__add-swatch {
31 background-color: #64666A;
32 }
33 body .pcr-swatch.pcr-active ~ .elementor-color-picker__add-swatch i {
34 color: #E0E1E3;
35 }
36
37 .pickr {
38 background-color: #34383C;
39 border-color: #64666A;
40 }
41
42 .e-control-color--no-value .pcr-button {
43 border-color: #64666A;
44 }
45
46 .e-global__popover-toggle {
47 border-color: #64666A;
48 background-color: #34383C;
49 }
50 .e-global__popover-container {
51 background-color: #4C4F56;
52 color: #E0E1E3;
53 }
54 .e-global__popover-title {
55 border-bottom-color: #404349;
56 }
57 .e-global__color-title, .e-global__manage-button, .e-global__popover-title {
58 color: #E0E1E3;
59 }
60 .e-global__manage-button {
61 border-top-color: #404349;
62 }
63 .e-global__preview-item:hover {
64 background-color: #404349;
65 }
66
67 .elementor-control-type-global-style-repeater .elementor-button-wrapper {
68 border-top-color: #34383C;
69 }
70 .elementor-control-type-global-style-repeater .elementor-repeater-fields.ui-sortable-helper {
71 background-color: #404349;
72 }
73
74 .e-control-tool {
75 background-color: #34383C;
76 border-color: #E0E1E3;
77 }
78 .e-control-tool i {
79 color: #E0E1E3;
80 }
81
82 #elementor-loading {
83 background-color: #34383C;
84 }
85
86 .elementor-loader {
87 background-color: #4C4F56;
88 }
89
90 .elementor-safe-mode-toast {
91 background-color: #4C4F56;
92 }
93 .elementor-safe-mode-toast header h2,
94 .elementor-safe-mode-toast .elementor-toast-content {
95 color: #E0E1E3;
96 }
97
98 .elementor-units-choices input.e-units-placeholder + label {
99 color: #B4B5B7;
100 }
101
102 input, select, textarea, .elementor-input-style {
103 color: #E0E1E3;
104 background-color: #34383C;
105 }
106 input:not(:focus), select:not(:focus), textarea:not(:focus), .elementor-input-style:not(:focus) {
107 border-color: #64666A;
108 }
109 input:focus, select:focus, textarea:focus, .elementor-input-style:focus {
110 border-color: #7D7E82;
111 }
112 input[disabled], select[disabled], textarea[disabled], .elementor-input-style[disabled] {
113 background-color: #4C4F56;
114 }
115 input::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder, .elementor-input-style::-moz-placeholder {
116 color: #64666A;
117 }
118 input::placeholder, select::placeholder, textarea::placeholder, .elementor-input-style::placeholder {
119 color: #64666A;
120 }
121
122 select {
123 background-color: #34383C;
124 }
125
126 .elementor-button.elementor-button-default {
127 background-color: #64666A;
128 }
129 .elementor-button.elementor-button-default:hover {
130 background-color: #4C4F56;
131 }
132 .elementor-button.elementor-button-success[disabled] {
133 background-color: #64666A;
134 }
135 .elementor-button.elementor-button-danger {
136 background-color: #F84343;
137 }
138
139 #elementor-mode-switcher {
140 background-color: #34383C;
141 }
142 #elementor-mode-switcher:hover {
143 background-color: #71D7F7;
144 }
145
146 .elementor-control-dynamic-switcher {
147 background-color: #34383C;
148 border-color: #64666A;
149 color: #E0E1E3;
150 }
151
152 .elementor-tags-list {
153 background-color: #4C4F56;
154 border-color: #64666A;
155 }
156 .elementor-tags-list__group-title {
157 color: #B4B5B7;
158 }
159 .elementor-tags-list__item:hover {
160 background-color: #404349;
161 }
162
163 .elementor-tag-settings-popup {
164 background-color: #34383C;
165 box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.8);
166 }
167 .elementor-tag-settings-popup:before {
168 border-bottom-color: #404349;
169 }
170
171 .elementor-panel {
172 background-color: #34383C;
173 }
174 .elementor-panel a {
175 color: #71D7F7;
176 }
177 .elementor-panel #elementor-panel-header {
178 background-color: #26292C;
179 }
180 .elementor-panel .elementor-panel-navigation {
181 background-color: #404349;
182 }
183 .elementor-panel .elementor-panel-navigation .elementor-panel-navigation-tab.elementor-active {
184 background-image: linear-gradient(to bottom, #34383C, #4C4F56);
185 border-bottom-color: #71D7F7;
186 }
187 .elementor-panel .elementor-panel-navigation .elementor-panel-navigation-tab a {
188 color: #E0E1E3;
189 }
190 .elementor-panel #elementor-panel-elements-search-area {
191 background-color: #34383C;
192 }
193 .elementor-panel #elementor-panel-elements-search-input {
194 background-color: #4C4F56;
195 color: #E0E1E3;
196 }
197 .elementor-panel #elementor-panel-elements-search-input:focus {
198 background-color: #404349;
199 color: #E0E1E3;
200 }
201 .elementor-panel #elementor-panel-elements-search-input:focus + i {
202 color: #E0E1E3;
203 }
204 .elementor-panel .elementor-element {
205 background-color: #404349;
206 }
207 .elementor-panel .elementor-element .title,
208 .elementor-panel .elementor-element .icon {
209 color: #E0E1E3;
210 }
211 .elementor-panel .elementor-element:hover .title,
212 .elementor-panel .elementor-element:hover .icon {
213 color: #71D7F7;
214 }
215 .elementor-panel .elementor-element > .eicon-lock {
216 color: #64666A;
217 }
218 .elementor-panel .widget-inside {
219 background-color: inherit;
220 }
221 .elementor-panel #elementor-panel-footer {
222 background-color: #26292C;
223 }
224 .elementor-panel .elementor-panel-footer-sub-menu-wrapper {
225 background-color: #34383C;
226 border-top: 1px solid #4C4F56;
227 }
228 .elementor-panel .elementor-panel-footer-sub-menu-item {
229 background-color: #404349;
230 }
231 .elementor-panel .elementor-panel-footer-sub-menu-item:hover, .elementor-panel .elementor-panel-footer-sub-menu-item.active {
232 background-color: #4C4F56;
233 }
234 .elementor-panel #elementor-panel-footer-saver-options {
235 border-color: #26292C;
236 }
237 .elementor-panel .elementor-controls-popover {
238 background-color: #4C4F56;
239 box-shadow: 0 2px 15px rgba(0, 0, 0, 0.5);
240 }
241 .elementor-panel .elementor-controls-popover:before {
242 border-bottom-color: #4C4F56;
243 }
244 .elementor-panel .elementor-controls-popover .elementor-control-responsive-switchers__holder {
245 background-color: #4C4F56;
246 }
247 .elementor-panel .elementor-panel-alert {
248 background-color: #4C4F56;
249 }
250 .elementor-panel .elementor-panel-alert.elementor-panel-alert-info {
251 background-color: #4C4F56;
252 }
253 .elementor-panel #elementor-panel__editor__help__link {
254 color: #B4B5B7;
255 }
256 .elementor-panel #elementor-panel__editor__help__link:hover {
257 color: #E0E1E3;
258 }
259 .elementor-panel #elementor-panel-global-widget > * {
260 background-color: #404349;
261 }
262 .elementor-panel #elementor-global-widget-locked-unlink {
263 border-top-color: #34383C;
264 }
265 .elementor-panel .elementor-panel-scheme-color-system-items {
266 background-color: #34383C;
267 border-color: #64666A;
268 }
269 .elementor-panel .elementor-panel-menu-item {
270 background-color: #404349;
271 }
272 .elementor-panel .elementor-panel-menu-item:hover {
273 background-color: #4C4F56;
274 }
275 .elementor-panel .elementor-panel-menu-item a {
276 color: #E0E1E3;
277 }
278 .elementor-panel .elementor-panel-menu-item-icon {
279 color: #B4B5B7;
280 }
281
282 .elementor-control {
283 background-color: #404349;
284 }
285 .elementor-control.elementor-control-separator-before:before, .elementor-control.elementor-control-separator-after:after {
286 background-color: #34383C;
287 }
288 .elementor-control.elementor-control-type-divider .elementor-control-content {
289 background-color: #404349;
290 border-color: #34383C;
291 }
292 .elementor-control.elementor-control-type-select .elementor-control-input-wrapper select.e-select-placeholder {
293 color: #64666A;
294 }
295
296 .elementor-control-responsive-switchers__holder {
297 background-color: #404349;
298 }
299 .elementor-control-responsive-switchers.elementor-responsive-switchers-open .elementor-control-responsive-switchers__holder {
300 box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
301 }
302
303 a.elementor-responsive-switcher {
304 color: #E0E1E3;
305 }
306 a.elementor-responsive-switcher:hover {
307 color: #71D7F7;
308 }
309
310 .elementor-device-widescreen .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-widescreen {
311 color: #71D7F7;
312 }
313
314 .elementor-device-desktop .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-desktop {
315 color: #71D7F7;
316 }
317
318 .elementor-device-laptop .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-laptop {
319 color: #71D7F7;
320 }
321
322 .elementor-device-tablet_extra .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-tablet_extra {
323 color: #71D7F7;
324 }
325
326 .elementor-device-tablet .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-tablet {
327 color: #71D7F7;
328 }
329
330 .elementor-device-mobile_extra .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-mobile_extra {
331 color: #71D7F7;
332 }
333
334 .elementor-device-mobile .elementor-responsive-switchers-open:not(:hover) .elementor-responsive-switcher.elementor-responsive-switcher-mobile {
335 color: #71D7F7;
336 }
337
338 .e-units-wrapper .e-units-switcher {
339 color: #f1f3f5;
340 }
341 .e-units-wrapper .e-units-switcher:hover {
342 color: #71D7F7;
343 background-color: #34383C;
344 }
345
346 .e-units-choices input:checked + label {
347 color: #71D7F7;
348 }
349 .e-units-choices input.e-units-placeholder + label {
350 color: #E0E1E3;
351 }
352 .e-units-choices.e-units-choices-open {
353 background-color: #404349;
354 box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
355 }
356 .e-units-choices.e-units-choices-open .elementor-units-choices-label:hover {
357 color: #71D7F7;
358 }
359
360 .elementor-control-type-popover_toggle .elementor-control-popover-toggle-toggle-label {
361 background-color: #34383C;
362 border-color: #64666A;
363 }
364 .elementor-control-type-popover_toggle .elementor-control-responsive-switchers__holder {
365 background-color: #4C4F56;
366 }
367
368 .elementor-control-media-upload-button {
369 background-color: #34383C;
370 }
371
372 .elementor-control-media__remove {
373 background-color: #64666A;
374 color: #B4B5B7;
375 }
376
377 .elementor-control-media .elementor-control-input-wrapper {
378 border-color: #64666A;
379 }
380 .elementor-control-media .eicon-plus-circle {
381 color: #E0E1E3;
382 }
383 .elementor-control-media__file, .elementor-control-media__file__controls {
384 border-color: #64666A;
385 }
386
387 .elementor-control-media-area, .pcr-app[data-theme=monolith] .pcr-color-palette, .pcr-button {
388 background-image: linear-gradient(45deg, #34383C 25%, transparent 0, transparent 75%, #34383C 0, #34383C), linear-gradient(45deg, #34383C 25%, transparent 0, transparent 75%, #34383C 0, #34383C);
389 background-size: 12px 12px;
390 background-position: 0 0, calc( 12px / 2 ) calc( 12px / 2 );
391 background-color: #64666A;
392 }
393
394 .elementor-control-type-icons .elementor-control-media__preview i {
395 color: #B4B5B7;
396 }
397
398 .elementor-control-type-media .elementor-control-media-area .elementor-control-media__preview {
399 background-color: #34383C;
400 }
401
402 .elementor-control-type-gallery .elementor-control-gallery-clear:hover {
403 color: #F84343;
404 }
405 .elementor-control-type-gallery .elementor-control-gallery-add {
406 background-color: #34383C;
407 }
408 .elementor-control-type-gallery .elementor-control-gallery-add:hover {
409 background-color: #4C4F56;
410 }
411 .elementor-control-type-gallery .elementor-control-gallery-status,
412 .elementor-control-type-gallery .elementor-control-media__content {
413 border-color: #64666A;
414 }
415 .elementor-control-type-gallery.elementor-control-dynamic .elementor-control-gallery-clear {
416 border-color: #64666A;
417 }
418 .elementor-control-type-gallery .elementor-control-dynamic-switcher {
419 border-bottom: 1px solid #64666A;
420 border-left: 1px solid #64666A;
421 border-radius: 0 3px 0 0;
422 }
423
424 body.rtl .elementor-control-type-gallery .elementor-control-dynamic-switcher {
425 border-right: 1px solid #64666A;
426 border-left: none;
427 }
428
429 .elementor-control-type-url .elementor-control-url-more {
430 background-color: #34383C;
431 border-color: #64666A;
432 }
433 .elementor-control-type-url .elementor-control-url-option-input {
434 border-color: #64666A;
435 }
436 .elementor-control-type-url .elementor-control-url-option-input:checked {
437 background-color: #64666A;
438 }
439 .elementor-control-type-url .elementor-input:focus ~ div {
440 border-color: #7D7E82;
441 }
442
443 .elementor-control-type-wysiwyg .wp-editor-container {
444 border-color: #64666A;
445 }
446 .elementor-control-type-wysiwyg .mce-menubtn button,
447 .elementor-control-type-wysiwyg .mce-ico,
448 .elementor-control-type-wysiwyg .wp-switch-editor {
449 color: #E0E1E3;
450 }
451 .elementor-control-type-wysiwyg .wp-editor-tabs {
452 border-color: #7D7E82;
453 }
454 .elementor-control-type-wysiwyg .switch-html {
455 border-color: #7D7E82;
456 }
457 .elementor-control-type-wysiwyg #insert-media-button,
458 .elementor-control-type-wysiwyg .html-active .switch-html,
459 .elementor-control-type-wysiwyg .mce-toolbar-grp,
460 .elementor-control-type-wysiwyg .quicktags-toolbar,
461 .elementor-control-type-wysiwyg .tmce-active .switch-tmce {
462 background-color: #64666A;
463 }
464 .elementor-control-type-wysiwyg #insert-media-button {
465 color: #E0E1E3;
466 border-color: #7D7E82;
467 }
468 .elementor-control-type-wysiwyg .mce-toolbar .mce-btn-group .mce-btn.mce-active,
469 .elementor-control-type-wysiwyg .mce-toolbar .mce-btn-group .mce-btn:active,
470 .elementor-control-type-wysiwyg .qt-dfw.active,
471 .elementor-control-type-wysiwyg .mce-toolbar .mce-btn-group .mce-btn:hover,
472 .elementor-control-type-wysiwyg .mce-toolbar .mce-btn-group .mce-btn:focus,
473 .elementor-control-type-wysiwyg .qt-dfw:hover,
474 .elementor-control-type-wysiwyg .qt-dfw:focus {
475 background-color: #404349;
476 box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.08), 0 1px 0 rgba(0, 0, 0, 0.08);
477 }
478 .elementor-control-type-wysiwyg .mce-toolbar .mce-btn-group .mce-btn.mce-listbox {
479 background-color: #404349;
480 border-color: #7D7E82;
481 border-radius: 3px;
482 }
483 .elementor-control-type-wysiwyg .quicktags-toolbar {
484 border-color: #7D7E82;
485 }
486 .elementor-control-type-wysiwyg .wp-core-ui .button,
487 .elementor-control-type-wysiwyg .wp-core-ui .button-secondary {
488 background-color: #4C4F56;
489 color: #E0E1E3;
490 border-color: #7D7E82;
491 }
492 .elementor-control-type-wysiwyg .wp-core-ui .button:hover,
493 .elementor-control-type-wysiwyg .wp-core-ui .button-secondary:hover {
494 background-color: #404349;
495 border-color: #7D7E82;
496 }
497
498 .elementor-choices .elementor-choices-label, .elementor-choices .elementor-choices-label:last-child {
499 background-color: #34383C;
500 border-color: #64666A;
501 }
502 .elementor-choices input.e-choose-placeholder + .elementor-choices-label {
503 background-color: #64666A;
504 border-color: #64666A;
505 }
506 .elementor-choices input:checked + .elementor-choices-label {
507 background-color: #7D7E82;
508 border-color: #7D7E82;
509 }
510
511 .elementor-control-type-repeater .elementor-repeater-row-tools {
512 background-color: #64666A;
513 color: #E0E1E3;
514 }
515 .elementor-control-type-repeater .elementor-repeater-row-tools:hover {
516 background-color: #7D7E82;
517 }
518 .elementor-control-type-repeater .elementor-repeater-row-tools > div:not(.elementor-repeater-row-handle-sortable) {
519 background-color: #404349;
520 }
521 .elementor-control-type-repeater .elementor-repeater-row-tools > div:not(.elementor-repeater-row-handle-sortable):hover {
522 background-color: #464950;
523 }
524 .elementor-control-type-repeater .elementor-repeater-row--form-step .elementor-repeater-row-tools:hover {
525 background-color: #7D7E82;
526 }
527 .elementor-control-type-repeater .elementor-repeater-row--form-step .elementor-repeater-row-tools div:not(.elementor-repeater-row-handle-sortable) {
528 background-color: #4C4F56;
529 }
530 .elementor-control-type-repeater .elementor-repeater-row--form-step .elementor-repeater-row-tools div:not(.elementor-repeater-row-handle-sortable):hover {
531 background-color: #64666A;
532 }
533 .elementor-control-type-repeater .elementor-repeater-row-controls {
534 border-color: #64666A;
535 }
536
537 .elementor-control-type-tab {
538 background-color: #34383C;
539 border-color: #64666A;
540 }
541 .elementor-control-type-tab:first-child {
542 border-color: #64666A;
543 }
544 .elementor-control-type-tab.elementor-tab-active {
545 background-color: #7D7E82;
546 border-color: #7D7E82;
547 }
548
549 .elementor-control-type-slider--handles-range .elementor-slider .noUi-handle:after {
550 background-color: #E0E1E3;
551 }
552
553 .elementor-slider {
554 background-color: #64666A;
555 }
556 .elementor-slider .noUi-handle {
557 background-color: #E0E1E3;
558 }
559
560 .elementor-control-type-dimensions li input,
561 .elementor-control-type-dimensions li .elementor-link-dimensions {
562 border-color: #64666A;
563 }
564 .elementor-control-type-dimensions li input:focus {
565 border-color: #7D7E82;
566 }
567 .elementor-control-type-dimensions li:first-child input {
568 border-color: #64666A;
569 }
570 .elementor-control-type-dimensions li:first-child input:focus {
571 border-color: #7D7E82;
572 }
573 .elementor-control-type-dimensions .elementor-link-dimensions.unlinked {
574 background-color: #34383C;
575 color: #E0E1E3;
576 }
577 .elementor-control-type-dimensions .elementor-link-dimensions:not(.unlinked) {
578 background-color: #7D7E82;
579 border-color: #7D7E82;
580 }
581
582 .elementor-control-type-switcher .elementor-switch-label {
583 background-color: #34383C;
584 }
585 .elementor-control-type-switcher .elementor-switch-label:before {
586 text-shadow: 0 1px rgba(0, 0, 0, 0.8);
587 }
588 .elementor-control-type-switcher .elementor-switch-input:checked ~ .elementor-switch-label {
589 background-color: #71D7F7;
590 }
591 .elementor-control-type-switcher .elementor-switch-handle {
592 background-color: #E0E1E3;
593 }
594
595 .elementor-control-type-structure .elementor-control-structure-preset path {
596 fill: #34383C;
597 }
598 .elementor-control-type-structure .elementor-control-structure-presets input:checked + .elementor-control-structure-preset path {
599 fill: #64666A;
600 }
601 .elementor-control-type-structure .elementor-control-structure-reset {
602 border-top-color: #34383C;
603 }
604
605 .elementor-panel-heading {
606 border-bottom-color: #34383C;
607 }
608 .elementor-panel-heading-toggle, .elementor-panel-heading-title {
609 color: #E0E1E3;
610 }
611
612 .select2-container .e-select2-placeholder {
613 color: #64666A;
614 }
615 .select2-container:not(.select2-container--open):not(.select2-container--focus) .select2-selection--single,
616 .select2-container:not(.select2-container--open):not(.select2-container--focus) .select2-selection--multiple {
617 background-color: #34383C;
618 color: #E0E1E3;
619 border-color: #64666A;
620 }
621 .select2-container:not(.select2-container--all-selected) .select2-selection--multiple .select2-search--inline::before {
622 background-color: #4C4F56;
623 color: #B4B5B7;
624 }
625 .select2-container.select2-container--open .select2-selection--single,
626 .select2-container.select2-container--open .select2-selection--multiple, .select2-container.select2-container--focus .select2-selection--single,
627 .select2-container.select2-container--focus .select2-selection--multiple {
628 border-color: #7D7E82;
629 }
630 .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
631 color: #E0E1E3;
632 }
633 .select2-container.select2-container--default .select2-selection--single {
634 background-color: #34383C;
635 border-color: #4C4F56;
636 }
637 .select2-container.select2-container--default .select2-selection--multiple {
638 background-color: #34383C;
639 }
640 .select2-container.select2-container--default .select2-selection--multiple .select2-selection__choice {
641 background-color: #4C4F56;
642 border-color: #4C4F56;
643 }
644 .select2-container.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
645 color: #B4B5B7;
646 }
647 .select2-container.select2-container--default .select2-results__option--highlighted[aria-selected] {
648 background-color: #4C4F56;
649 color: #E0E1E3;
650 }
651 .select2-container .select2-results__option[aria-selected=true] {
652 color: #FFF;
653 }
654 .select2-container .select2-dropdown {
655 background-color: #34383C;
656 border-color: #7D7E82;
657 }
658
659 #elementor-element--promotion__dialog {
660 background-color: #404349;
661 box-shadow: 0 2px 15px rgba(0, 0, 0, 0.5);
662 }
663 #elementor-element--promotion__dialog:after {
664 border-right-color: #404349;
665 }
666 #elementor-element--promotion__dialog .dialog-header {
667 color: #E0E1E3;
668 border-bottom-color: #64666A;
669 }
670 #elementor-element--promotion__dialog .dialog-header .eicon-pro-icon {
671 color: #B4B5B7;
672 }
673 #elementor-element--promotion__dialog .dialog-header .eicon-close {
674 color: #B4B5B7;
675 }
676
677 body.rtl #elementor-element--promotion__dialog:after {
678 border-left-color: #475158;
679 }
680
681 .dialog-type-lightbox {
682 background-color: rgba(0, 0, 0, 0.65);
683 }
684 .dialog-type-lightbox .dialog-header {
685 color: #E0E1E3;
686 }
687 .dialog-type-lightbox .dialog-widget-content {
688 background-color: #34383C;
689 }
690 .dialog-type-lightbox .dialog-buttons-wrapper > .dialog-button {
691 color: #E0E1E3;
692 }
693 .dialog-type-lightbox .dialog-buttons-wrapper > .dialog-button.dialog-ok {
694 color: #F84343;
695 }
696 .dialog-type-lightbox .dialog-buttons-wrapper > .dialog-button:hover {
697 background-color: #4C4F56;
698 }
699 .dialog-type-lightbox .dialog-buttons-wrapper,
700 .dialog-type-lightbox .dialog-button:first-child {
701 border-color: #4C4F56;
702 }
703 .dialog-type-lightbox .elementor-publish__tab__title {
704 color: #E0E1E3;
705 }
706 .dialog-type-lightbox .elementor-publish__tab.elementor-active {
707 background-color: #404349;
708 }
709 .dialog-type-lightbox .elementor-popup__display-settings_controls_group {
710 background-color: #404349;
711 }
712 .dialog-type-lightbox .elementor-popup__display-settings_controls_group__icon {
713 border-color: #34383C;
714 }
715
716 .elementor-templates-modal .dialog-header {
717 background-color: #26292C;
718 color: #E0E1E3;
719 box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
720 }
721 .elementor-templates-modal__header__close--normal {
722 border-color: #7D7E82;
723 }
724 .elementor-templates-modal__sidebar {
725 background-color: transparent;
726 }
727 .elementor-templates-modal__content {
728 box-shadow: 0 0 13px inset rgba(0, 0, 0, 0.08);
729 }
730 .elementor-templates-modal .dialog-buttons-wrapper {
731 background-color: #34383C;
732 }
733
734 #elementor-template-library-header-menu {
735 color: #E0E1E3;
736 }
737
738 .elementor-template-library-menu-item.elementor-active {
739 background-image: linear-gradient(to bottom, #26292C, #34383C);
740 border-color: #71D7F7;
741 }
742
743 #elementor-template-library-filter {
744 border-color: #34383C;
745 }
746 #elementor-template-library-filter-text {
747 background-color: transparent;
748 }
749 #elementor-template-library-filter-text:focus + i {
750 color: #E0E1E3;
751 }
752
753 label.elementor-template-library-order-label:hover,
754 #elementor-template-library-filter-my-favorites:hover {
755 color: #B4B5B7;
756 }
757
758 #elementor-template-library-templates[data-template-source=remote] .elementor-template-library-order-input:checked + .elementor-template-library-order-label {
759 color: #7D7E82;
760 }
761
762 #elementor-template-library-filter-my-favorites:checked + #elementor-template-library-filter-my-favorites-label {
763 color: #7D7E82;
764 }
765
766 #elementor-template-library-header-preview-back {
767 border-color: #4C4F56;
768 }
769
770 .elementor-template-library-template-remote {
771 background-color: #404349;
772 }
773 .elementor-template-library-template-remote .elementor-template-library-template-name {
774 color: #E0E1E3;
775 }
776 .elementor-template-library-template-remote:not(.elementor-template-library-template-page) .elementor-template-library-template-footer {
777 background-color: #404349;
778 }
779
780 .elementor-template-library-template-local {
781 background-color: #4C4F56;
782 }
783 .elementor-template-library-template-local:hover {
784 background-color: #64666A;
785 }
786 .elementor-template-library-template-local .elementor-template-library-template-controls > div:not(:hover), .elementor-template-library-template-local .elementor-template-library-template-controls > div a {
787 color: #B4B5B7;
788 }
789 .elementor-template-library-template-local .elementor-template-library-template-more {
790 background-color: #4C4F56;
791 }
792 .elementor-template-library-template-local .elementor-template-library-template-more:before {
793 border-bottom-color: #4C4F56;
794 }
795 .elementor-template-library-template-local .elementor-template-library-template-more:hover,
796 .elementor-template-library-template-local .elementor-template-library-template-more a:hover {
797 color: #E0E1E3;
798 }
799 .elementor-template-library-template-local .elementor-template-library-template-more .elementor-template-library-template-delete:hover {
800 color: #F84343;
801 }
802
803 #elementor-template-library-save-template-name {
804 background-color: #26292C;
805 }
806
807 #elementor-template-library-import-form {
808 background-color: transparent;
809 }
810 #elementor-template-library-import-form:hover {
811 background-color: rgba(0, 0, 0, 0.3);
812 }
813
814 #elementor-publish #elementor-theme-builder-conditions select,
815 #elementor-publish #elementor-theme-builder-conditions input {
816 background-color: #4C4F56;
817 color: #E0E1E3;
818 }
819 #elementor-publish #elementor-theme-builder-conditions .elementor-control-type[data-elementor-condition-type=include],
820 #elementor-publish #elementor-theme-builder-conditions .elementor-control-type[data-elementor-condition-type=exclude] {
821 background-color: #64666A;
822 }
823 #elementor-publish #elementor-theme-builder-conditions .elementor-control-type[data-elementor-condition-type=include] select,
824 #elementor-publish #elementor-theme-builder-conditions .elementor-control-type[data-elementor-condition-type=include] option,
825 #elementor-publish #elementor-theme-builder-conditions .elementor-control-type[data-elementor-condition-type=exclude] select,
826 #elementor-publish #elementor-theme-builder-conditions .elementor-control-type[data-elementor-condition-type=exclude] option {
827 background-color: #404349;
828 color: #E0E1E3;
829 }
830 #elementor-publish #elementor-theme-builder-conditions .elementor-control-type-select .elementor-control-input-wrapper:after {
831 color: inherit;
832 }
833 #elementor-publish #elementor-theme-builder-conditions .elementor-theme-builder-conditions-repeater-row-controls .select2-dropdown,
834 #elementor-publish #elementor-theme-builder-conditions .elementor-theme-builder-conditions-repeater-row-controls .select2-container--default .select2-selection--single {
835 background-color: #4C4F56;
836 }
837
838 #elementor-toast .e-toast-button {
839 background-color: #4C4F56;
840 }
841
842 #elementor-icons-manager__search input {
843 background-color: #404349;
844 transition: all 0.3s;
845 }
846 #elementor-icons-manager__search input:focus {
847 background-color: #4C4F56;
848 }
849
850 .elementor-icons-manager__tab__item {
851 background-color: #404349;
852 }
853 .elementor-icons-manager__tab__item__icon, .elementor-icons-manager__tab__item__name {
854 color: #E0E1E3;
855 }
856 .elementor-icons-manager__tab-link {
857 color: #E0E1E3;
858 }
859 .elementor-icons-manager__tab-link.elementor-active {
860 background-color: #404349;
861 }
862
863 .elementor-context-menu {
864 background-color: #404349;
865 border-color: #34383C;
866 }
867 .elementor-context-menu .elementor-context-menu-list__group:not(:last-child) {
868 border-color: #34383C;
869 }
870
871 .elementor-context-menu-list__item--disabled .elementor-context-menu-list__item__icon,
872 .elementor-context-menu-list__item--disabled .elementor-context-menu-list__item__title,
873 .elementor-context-menu-list__item--disabled .elementor-context-menu-list__item__shortcut {
874 color: #7D7E82;
875 }
876 .elementor-context-menu-list__item:not(.elementor-context-menu-list__item--disabled):hover {
877 background-color: #4C4F56;
878 }
879 .elementor-context-menu-list__item.elementor-context-menu-list__item-delete:not(.elementor-context-menu-list__item--disabled):hover {
880 background-color: #F84343;
881 }
882
883 #elementor-navigator {
884 background-color: #34383C;
885 }
886 #elementor-navigator__header, #elementor-navigator__inner, #elementor-navigator__footer {
887 background-color: #34383C;
888 }
889 #elementor-navigator__header, #elementor-navigator__footer {
890 border-color: #4C4F56;
891 }
892 #elementor-navigator__header #elementor-navigator__close,
893 #elementor-navigator__header #elementor-navigator__toggle-all {
894 color: #B4B5B7;
895 }
896
897 .elementor-navigator__element-section {
898 background-color: transparent;
899 }
900 .elementor-navigator__item, .elementor-navigator__elements {
901 background-color: #404349;
902 border-color: #34383C;
903 }
904 .elementor-navigator__item:hover, .elementor-navigator__elements:hover {
905 background-color: #4c4f57;
906 }
907 .elementor-navigator__element__indicator {
908 color: #E0E1E3;
909 background-color: #4C4F56;
910 }
911 .elementor-navigator__element__indicator:hover {
912 color: #B4B5B7;
913 }
914 .elementor-navigator__element__indicator:not(:first-child) {
915 border-color: #34383C;
916 }
917 .elementor-navigator__element-column {
918 background-color: #474a51;
919 }
920 .elementor-navigator__element:not(.elementor-navigator__element--hidden) > .elementor-navigator__item.elementor-editing {
921 background-color: #4c4f57;
922 }
923 .elementor-navigator__element:not(.elementor-navigator__element--hidden) > .elementor-navigator__item.elementor-editing .elementor-navigator__element__toggle {
924 color: #71D7F7;
925 }
926 .elementor-navigator__elements .elementor-empty-view {
927 border-color: #34383C;
928 }
929 .elementor-navigator__elements .ui-sortable-helper {
930 background-color: #34383C;
931 border-color: #34383C;
932 }
933 .elementor-navigator__elements .ui-sortable-placeholder {
934 background-color: #34383C;
935 }
936
937 #elementor-panel-history:not(.elementor-empty),
938 .elementor-panel .elementor-panel-box,
939 .elementor-panel .elementor-panel-scheme-buttons {
940 background-color: #404349;
941 }
942
943 .elementor-revision-item__wrapper,
944 .elementor-history-item {
945 background-color: #4C4F56;
946 border-color: #4C4F56;
947 }
948 .elementor-revision-item__wrapper:hover,
949 .elementor-history-item:hover {
950 background-color: #64666A;
951 }
952
953 #elementor-finder__search__input {
954 color: #E0E1E3;
955 }
956
957 .elementor-finder__results__category__title {
958 background-color: #26292C;
959 color: #E0E1E3;
960 }
961 .elementor-finder__results__item__title {
962 color: #E0E1E3;
963 }
964 .elementor-finder__results__item.elementor-active {
965 background-color: #404349;
966 }
967
968 .elementor-hotkeys__list {
969 background-color: #4C4F56;
970 }
971 .elementor-hotkeys__item {
972 border-color: #64666A;
973 }
974 .elementor-hotkeys__item--shortcut span {
975 background-color: #64666A;
976 }
977
978 #elementor-paste-area-dialog .dialog-header {
979 color: inherit;
980 }
981 #elementor-paste-area-dialog #elementor-paste-area-dialog__error:before {
982 border-top-color: #4C4F56;
983 }
984
985 .media-modal {
986 color-scheme: light;
987 color: #6d7882;
988 }
989
990 #wp-link {
991 color: #6d7882;
992 }
993 #wp-link input,
994 #wp-link select,
995 #wp-link textarea,
996 #wp-link .elementor-input-style {
997 color: #6d7882;
998 background-color: transparent;
999 }
1000 #wp-link input:not(:focus),
1001 #wp-link select:not(:focus),
1002 #wp-link textarea:not(:focus),
1003 #wp-link .elementor-input-style:not(:focus) {
1004 border-color: #d5dadf;
1005 }
1006 #wp-link input:focus,
1007 #wp-link select:focus,
1008 #wp-link textarea:focus,
1009 #wp-link .elementor-input-style:focus {
1010 border-color: #a4afb7;
1011 }
1012
1013 .ui-autocomplete {
1014 color: #6d7882;
1015 }
1016
1017 .elementor-color-picker__tool {
1018 background-color: #E0E1E3;
1019 }
1020 .elementor-color-picker__tool i {
1021 color: #64666A;
1022 }
1023
1024 .elementor-nerd-box-icon {
1025 filter: contrast(0.8);
1026 }
1027 /*# sourceMappingURL=editor-dark-mode.css.map */