Ultima attività 1731234189

mike's Avatar mike ha revisionato questo gist 1731234188. Vai alla revisione

1 file changed, 1 deletion

seafile-darktheme-fixed.css

@@ -1480,7 +1480,6 @@ textarea {
1480 1480
1481 1481 .shared-file-view-head h2 {
1482 1482 overflow: visible;
1483 -
1484 1483 color: var(--theme-font);
1485 1484 }
1486 1485

mike's Avatar mike ha revisionato questo gist 1731234167. Vai alla revisione

1 file changed, 2 insertions

seafile-darktheme-fixed.css

@@ -1479,6 +1479,8 @@ textarea {
1479 1479 }
1480 1480
1481 1481 .shared-file-view-head h2 {
1482 + overflow: visible;
1483 +
1482 1484 color: var(--theme-font);
1483 1485 }
1484 1486

mike's Avatar mike ha revisionato questo gist 1731233589. Vai alla revisione

1 file changed, 1663 insertions

seafile-darktheme-fixed.css(file creato)

@@ -0,0 +1,1663 @@
1 + @media (prefers-color-scheme: dark) {
2 + :root {
3 +
4 + --main-bg: #282c34;
5 + --dark-bg: #21252b;
6 + --light-bg: #333842;
7 +
8 + --main-font: #ababab;
9 + --light-font: #eee;
10 + --dark-font: #888;
11 +
12 + --main-theme: #6C86B7;
13 + --theme-font: #6C86B7;
14 +
15 + --border: rgba(34, 34, 34, 0.9);
16 + --shadow: rgba(10, 10, 10, 0.8);
17 + --no-shadow: rgba(0, 0, 0, 0);
18 + --green: #326732;
19 + --info: #676732;
20 + --error: #673f32;
21 + }
22 + }
23 +
24 + @media (prefers-color-scheme: light) {
25 + :root {
26 + --main-bg: #fff;
27 + --dark-bg: rgb(203, 223, 233);
28 + --light-bg: rgb(241, 250, 255);
29 +
30 + --main-font: #404650;
31 + --light-font: #1a1a1a;
32 + --dark-font: #535d68;
33 +
34 + --main-theme: rgb(190, 213, 255);
35 + --theme-font: rgb(92, 113, 153);
36 +
37 + --border: rgba(230, 230, 230, 0.6);
38 + --shadow: rgba(0, 0, 0, 0.3);
39 + --no-shadow: rgba(0, 0, 0, 0);
40 + --green: #326732;
41 + --info: #676732;
42 + --error: #673f32;
43 + }
44 + }
45 +
46 +
47 +
48 +
49 + /******************
50 + MAIN PAGE
51 + *****************/
52 +
53 + .star-empty {
54 + color: var(--dark-font);
55 + }
56 +
57 + .cur-view-container .fa-star.fas {
58 + color: var(--dark-font);
59 + }
60 +
61 + .cur-view-path {
62 + background: var(--main-bg) !important;
63 + }
64 +
65 + body {
66 + color: var(--main-font);
67 + background-color: var(--main-bg);
68 + }
69 +
70 + #header, .main-panel-north, .side-panel-north {
71 + background: var(--dark-bg) !important ;
72 + border-bottom: 1px solid var(--dark-bg) !important;
73 + }
74 +
75 + .dir-content-nav {
76 + background-color: var(--main-bg);
77 + border-right: 1px solid var(--border);
78 + }
79 +
80 + .border-left-show:before {
81 + background-color: var(--dark-bg);
82 + }
83 +
84 + .cur-view-path:after {
85 + border-bottom: 1px solid var(--border) !important;
86 + }
87 +
88 + .side-search-form .input, .side-search-form .input:focus {
89 + background: var(--light-bg);
90 + box-shadow: inset 0 1px 2px var(--shadow);
91 + }
92 +
93 + .btn-white, .tabnav button, .repo-file-list-topbar .op-btn {
94 + background: var(--light-bg);
95 + }
96 +
97 + table td, table th {
98 + border-bottom: 1px solid var(--border);
99 + color: var(--main-font);
100 + }
101 +
102 + .sf-heading {
103 + border-bottom: 1px solid var(--main-bg);
104 + color: var(--theme-font);
105 + }
106 +
107 + .side-nav-footer {
108 + background: var(--dark-bg);
109 + border-top: 1px solid var(--border);
110 + }
111 +
112 + .side-panel-footer {
113 + border-right: 1px solid var(--border)!important;
114 + }
115 +
116 + .side-panel-center {
117 + border-right: 0px solid var(--border)!important;
118 + }
119 +
120 +
121 + .mobile-operation-menu {
122 + background: var(--main-bg);
123 + }
124 +
125 + .side-panel {
126 + background: var(--main-bg);
127 + }
128 +
129 + .side-panel-north {
130 + border-right: 0px solid var(--border);
131 + }
132 +
133 + .nav-pills .nav-item .nav-link {
134 + color: var(--main-font);
135 + }
136 +
137 + .tr-highlight, .tree-node-inner-hover {
138 + background-color: var(--dark-bg);
139 + }
140 +
141 + .tree-node-hight-light {
142 + color: var(--main-font);
143 + background-color:var(--dark-bg)!important;
144 + }
145 +
146 + .tr-active {
147 + background-color: var(--dark-bg) !important;
148 + }
149 +
150 + .grid-selected-active, .grid-file-img-link:hover {
151 + background-color: var(--dark-bg) !important;
152 + border: 0px solid var(--border);
153 + }
154 +
155 + .grid-item:hover img {
156 + background-color: var(--dark-bg) !important;
157 + }
158 +
159 +
160 + .grid-file-img-link, .grid-item {
161 + background-color: var(--main-bg);
162 + }
163 +
164 + .grid-file-img-link .thumbnail {
165 + background: var(--dark-bg);
166 + border: 0px solid var(--border);
167 + }
168 +
169 + .grid-item:hover .grid-file-img-link {
170 + background:var(--main-bg);
171 + }
172 +
173 + a, a:hover, .grid-file-name-link, .op-target, a:focus {
174 + color: var(--theme-font);
175 + }
176 + .path-link {
177 + color: var(--theme-font) !important;
178 + }
179 +
180 + .a-simulate {
181 + color: var(--theme-font) !important;
182 + }
183 +
184 + .grid-item:hover a {
185 + color: var(--theme-font);
186 + }
187 +
188 + .op-icon:hover, .op-icon:focus {
189 + color: var(--theme-font);
190 + padding-bottom: 0;
191 + border-bottom: none;
192 + }
193 +
194 + .op-icon.sf2-x, .op-icon, .sf-dropdown-toggle {
195 + color: var(--main-font);
196 + }
197 +
198 + .op-icon.sf2-x:hover, .op-icon.sf2-x:active, .sf-dropdown-toggle:hover, .sf-dropdown-toggle:active {
199 + color: var(--theme-font);
200 + text-decoration: none;
201 + }
202 +
203 + .empty-tip {
204 + border: 1px solid var(--border);
205 + background-color: var(--dark-bg);
206 + }
207 +
208 + .empty-tip h2 {
209 + color: var(--main-font);
210 + }
211 +
212 + .nav-pills .nav-item .nav-link.active {
213 + background-color: var(--dark-bg);
214 + }
215 +
216 + .nav-pills .nav-item .nav-link.active:hover {
217 + background-color: var(--dark-bg);
218 + }
219 +
220 + .nav-pills .nav-item .nav-link:hover {
221 + background-color: var(--dark-bg);
222 + }
223 +
224 + .nav-tabs {
225 + border-bottom: 1px solid var(--border);
226 + }
227 +
228 + .nav .nav-item .nav-link{
229 + color: var(--dark-font);
230 + border-bottom: 0rem solid var(--no-shadow);
231 + }
232 +
233 + .nav .nav-item .nav-link:hover{
234 + color: var(--main-font);
235 + border-bottom: 0rem solid var(--no-shadow);
236 + }
237 +
238 + .nav .nav-item .nav-link.active {
239 + color: var(--theme-font);
240 + border-bottom: 0rem solid var(--no-shadow);
241 + }
242 +
243 +
244 + .dropdown-menu {
245 + background-color: var(--light-bg);
246 + border: 1px solid var(--border);
247 + }
248 +
249 + .dropdown-divider {
250 + border-top: 1px solid var(--border);
251 + }
252 +
253 + .dropdown-item, .link-dropdown-item {
254 + color: var(--main-font);
255 + }
256 +
257 + .group-operations .group-op-item, .sf-view-mode-btn {
258 + color: var(--main-font);
259 + background-color: var(--light-bg);
260 + border: 1px solid var(--border);
261 + }
262 +
263 + .detail-btn button {
264 + color: var(--main-font);
265 + background-color: var(--light-bg);
266 + border: 1px solid var(--border);
267 + }
268 +
269 + .action-icon:focus, .action-icon:hover, .attr-action-icon:focus, .attr-action-icon:hover {
270 + color: var(--light-font) !important;
271 + }
272 +
273 + .dropdown-item:hover, .link-dropdown-item:hover {
274 + color: var(--light-font);
275 + background-color: var(--main-theme);
276 + }
277 +
278 + .sf-view-mode-btn.current-mode {
279 + background-color: var(--main-theme)!important;
280 + color: var(--light-font) !important;
281 + }
282 +
283 + .modal-header {
284 + background-color: var(--main-bg);
285 + border-bottom: 1px solid var(--border);
286 + }
287 +
288 + .modal-content {
289 + background-color: var(--main-bg);
290 + }
291 +
292 + .modal-footer {
293 + border-top: 1px solid var(--border);
294 + }
295 +
296 + .share-dialog-content .share-dialog-side {
297 + border-right: 1px solid var(--border);
298 + }
299 +
300 + .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
301 + color: var(--main-font);
302 + background-color: transparent;
303 + }
304 +
305 + #my-info {
306 + color: var(--main-font);
307 + }
308 +
309 + .close {
310 + color: var(--main-font);
311 + text-shadow: 0 1px 0 var(--shadow);
312 + }
313 +
314 + .form-control {
315 + color: var(--main-font);
316 + background-color: var(--light-bg);
317 + border: 1px solid var(--border);}
318 + .form-control:focus {
319 + color: var(--light-font);
320 + background-color: var(--light-bg);
321 + border: 1px solid var(--border);
322 + box-shadow: 0px 0px 1px var(--shadow); }
323 + .form-control::placeholder {
324 + color: var(--main-font);}
325 + .form-control:disabled, .form-control[readonly] {
326 + color: var(--dark-font);
327 + background-color: var(--light-bg);
328 + }
329 +
330 + input[type=text]:focus, input[type="password"]:focus {
331 + color: var(--light-font);
332 + background-color: var(--light-bg);
333 + border: 1px solid var(--border);
334 + }
335 +
336 + .sf-popover {
337 + background: var(--light-bg);
338 + border: 1px solid var(--border);
339 + box-shadow: 0 0 1px var(--no-shadow);
340 + }
341 + .up-outer-caret .inner-caret {
342 + border-bottom-color: var(--light-bg);
343 + border-color: var(--light-bg) transparent;
344 + }
345 +
346 + .inner-caret {
347 + border-top-color: var(--light-bg);
348 + }
349 +
350 + .outer-caret, .inner-caret {
351 + border-color: var(--light-bg) transparent;
352 + }
353 +
354 + .account-popup .item {
355 + border-bottom: 1px solid var(--light-bg);
356 + }
357 +
358 + .account-popup a.item:hover {
359 + background: var(--main-theme);
360 + color: var(--light-font);
361 + }
362 +
363 + .account-popup a.item {
364 + background: var(--light-bg);
365 + color: var(--main-font);
366 + }
367 +
368 + #quota-bar {
369 + border: 1px solid var(--dark-bg);
370 + background: var(--main-bg);
371 + }
372 +
373 + #quota-usage {
374 + background: var(--main-theme);
375 + }
376 +
377 +
378 + #notifications .title {
379 + color: var(--main-font);
380 + }
381 +
382 + #notice-popover .sf-popover-hd {
383 + border-bottom: 1px solid var(--light-bg);
384 + }
385 +
386 + #notice-popover .view-all, .detail-header .detail-title .name {
387 + color: var(--theme-font);
388 + }
389 +
390 + .path-toolbar .toolbar-item a:hover {
391 + color: var(--theme-font);
392 + }
393 +
394 + .file-internal-link:hover {
395 + color: var(--theme-font);
396 + }
397 +
398 + .cur-view-detail {
399 + background-color: var(--main-bg);
400 + -webkit-box-shadow: -1px 0 2px 0 var(--shadow);
401 + box-shadow: -1px 0 2px 0 var(--shadow);
402 + }
403 +
404 + .detail-header {
405 + background-color: var(--main-bg);
406 + border-bottom: 0px solid var(--border);
407 + }
408 +
409 + .detail-container {
410 + border-left: 1px solid var(--border);
411 + }
412 +
413 + .text-secondary {
414 + color: var(--main-font) !important;
415 + }
416 +
417 +
418 + .btn-secondary, .btn-primary {
419 + color: var(--main-font)!important;
420 + background-color: var(--light-bg)!important;
421 + border-color: var(--border)!important; }
422 + .btn-secondary:hover, .btn-primary:hover {
423 + color: var(--light-font)!important;
424 + background-color: var(--main-theme)!important;
425 + border-color: var(--border)!important; }
426 + .btn-secondary:focus, .btn-secondary.focus, .btn-primary:focus, .btn-primary.focus {
427 + box-shadow: 0 0 0 0px var(--shadow)!important; }
428 + .btn-secondary.disabled, .btn-secondary:disabled, .btn-primary.disabled, .btn-primary:disabled, .btn-outline-primary:disabled {
429 + color: var(--dark-font)!important;
430 + background-color: var(--main-bg)!important;
431 + border-color: var(--border)!important; }
432 + .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
433 + .show > .btn-secondary.dropdown-toggle, .btn-primary:not(:disabled):not(.disabled):active,
434 + .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
435 + color: var(--main-font)!important;
436 + background-color: var(--light-bg)!important;
437 + border-color: var(--border)!important; }
438 + .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
439 + .show > .btn-secondary.dropdown-toggle:focus, .btn-primary:not(:disabled):not(.disabled):active:focus,
440 + .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
441 + box-shadow: 0 0 0 0px var(--shadow)!important;
442 + }
443 +
444 + .btn-outline-primary {
445 + color: var(--main-font);
446 + border-color: var(--border);}
447 + .btn-outline-primary:hover {
448 + color: var(--light-font);
449 + background-color: var(--main-theme);
450 + border-color: var(--border); }
451 + .btn-outline-primary:focus, .btn-outline-primary.focus {
452 + box-shadow: 0 0 0 0px var(--shadow); }
453 + .btn-outline-primary.disabled, .btn-outline-primary:disabled {
454 + color: var(--dark-font);}
455 + .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
456 + .show > .btn-outline-primary.dropdown-toggle {
457 + color: var(--main-font);
458 + background-color: var(--light-bg);
459 + border-color: var(--border); }
460 + .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
461 + .show > .btn-outline-primary.dropdown-toggle:focus {
462 + box-shadow: 0 0 0 0px var(--shadow);
463 + }
464 +
465 + .uploader-list-view {
466 + border: 1px solid var(--border);
467 + -webkit-box-shadow: 0 0 6px var(--shadow);
468 + box-shadow: 0 0 6px var(--shadow);
469 + background-color: var(--light-bg);
470 + }
471 +
472 + .uploader-list-header {
473 + background-color: var(--light-bg);
474 + color: var(--theme-font);
475 + }
476 +
477 + .uploader-list-content {
478 + background-color: var(--light-bg);
479 + }
480 +
481 + .progress-bar {
482 + color: var(--light-bg);
483 + background-color: var(--main-theme);
484 + }
485 +
486 + .progress {
487 + background-color: var(--main-bg);
488 + }
489 +
490 + .file-chooser-item .item-active {
491 + background: var(--main-theme)!important;
492 + color: var(--main-font);
493 + }
494 +
495 + .list-view-header:hover {
496 + background-color: var(--dark-bg);
497 + }
498 +
499 + .file-chooser-item .item-active .icon {
500 + color: var(--main-font) !important;
501 + }
502 +
503 + .op-bar {
504 + background: var(--main-bg);
505 + }
506 +
507 + .rename-container input:focus {
508 + background-color: var(--light-bg);
509 + border-color: var(--border);
510 + box-shadow: 0 0 0 2px var(--shadow);
511 + color: var(--main-font);
512 + }
513 +
514 + .rename-container input {
515 + border: 1px solid var(--border);
516 + color: var(--dark-font);
517 + }
518 +
519 + .side-nav-con [class^="sf2-icon-"], .side-nav-con [class^="sf3-font-"] {
520 + color: var(--dark-font);
521 + }
522 +
523 + .side-nav-con .active [class^="sf2-icon-"], .side-nav-con .active [class^="sf3-font-"], .side-nav-con .active .sharp {
524 + color: var(--theme-font);
525 + }
526 +
527 + .big-new-file-button {
528 + background: var(--light-bg);
529 + border: 1px solid var(--border);
530 + }
531 +
532 + .big-new-file-button:focus,
533 + .big-new-file-button:hover {
534 + border-color:var(--border);
535 + color: var(--main-font);
536 + background: var(--main-theme);
537 + }
538 +
539 + .repo-info-bar {
540 + border: 1px solid var(--light-bg);
541 + background-color: var(--light-bg);
542 + }
543 +
544 + .used-tag-files {
545 + color: var(--theme-font);
546 + }
547 +
548 + .tag-list-stacked .file-tag {
549 + border: 0.125rem solid var(--dark-bg);
550 + }
551 +
552 + .table-drop-active:before {
553 + border:1px solid var(--main-theme);
554 + }
555 +
556 + .tr-drop-effect {
557 + background-color:var(--dark-bg)
558 + }
559 +
560 + /******************
561 + ADMIN MENU
562 + *****************/
563 +
564 + #right-panel .hd, .tabnav, .repo-file-list-topbar, .commit-list-topbar, .file-audit-list-topbar, #dir-view .repo-op, .wiki-top {
565 + background: var(--main-bg);
566 + border-bottom: 1px solid var(--border);
567 + }
568 +
569 + .seahub-web-settings h4, .header-bar h3 {
570 + background: var(--main-bg);
571 + border-bottom: 1px solid var(--border);
572 + }
573 +
574 + .side-nav {
575 + border-right: 1px solid var(--border);
576 + background-color: var(--main-bg);
577 + box-shadow: 0 0 4px var(--shadow);
578 + }
579 +
580 + .logo-container {
581 + background: var(--dark-bg);
582 + border-bottom: 1px solid var(--border);
583 + }
584 +
585 + .side-tabnav-tabs .tab a:hover {
586 + background-color: var(--dark-bg);
587 + }
588 +
589 + .side-tabnav-tabs .tab a:focus {
590 + color: var(--main-font);
591 + }
592 +
593 +
594 + .side-tabnav-tabs .tab a {
595 + color: var(--main-font);
596 + }
597 +
598 + .side-tabnav-tabs .tab-cur [class^="sf2-icon-"], .side-tabnav-tabs .tab-cur [class^="sf3-font-"] {
599 + color: var(--light-font);
600 + }
601 +
602 + .side-tabnav-tabs .tab-cur a:hover {
603 + background-color: var(--main-theme);
604 + color: var(--light-font);
605 + }
606 +
607 + .side-tabnav-tabs .tab-cur a:focus {
608 + color: var(--light-font);
609 + }
610 +
611 + .side-tabnav-tabs .tab-cur a {
612 + background-color: var(--main-theme);
613 + color: var(--light-font);
614 + }
615 +
616 + .header-bar {
617 + background: var(--main-bg);
618 + }
619 +
620 + .side-tabnav h3.hd, .side-tabnav .hd h3 {
621 + color: var(--theme-font);
622 + }
623 +
624 + .tabnav-tab-cur a, .tabnav-tab a:hover, .wiki-nav .cur-item .link, .wiki-nav .link:hover, #right-panel .hd .ui-state-active .a, #right-panel .hd .a:hover {
625 + color: var(--theme-font);
626 + border-bottom-color: var(--main-theme);
627 + }
628 +
629 + #right-panel .hd .a, .tabnav-tab a, .wiki-nav .link {
630 + color: var(--dark-font);
631 + border-bottom: 3px solid transparent;
632 + }
633 +
634 + #simplemodal-container {
635 + background-color: var(--main-bg);
636 + }
637 +
638 + .hl {
639 + background-color: var(--dark-bg);
640 + }
641 +
642 + .empty-tips {
643 + background-color: var(--dark-bg);
644 + border: solid 1px var(--border);
645 + box-shadow: inset 0 0 4px var(--shadow);
646 + }
647 +
648 + dt, h2 {
649 + color: var(--main-font);
650 + }
651 +
652 + h4, h3 {
653 + color: var(--theme-font);
654 + }
655 +
656 + input {
657 + color: var(--light-font);
658 + background-color: var(--light-bg);
659 + background: var(--light-bg);
660 + border: 1px solid var(--border);
661 + }
662 +
663 + textarea {
664 + background-color: var(--light-bg) !important;
665 + }
666 +
667 + input:focus, button:focus, select:focus, textarea:focus {
668 + border-color: var(--border);
669 + }
670 +
671 + input, button, select {
672 + border-color: var(--main-bg);
673 + }
674 +
675 + textarea {
676 + border-color: var(--main-bg)!important;
677 + border-radius: 0px!important;
678 + }
679 +
680 + body, input, textarea, button, select {
681 + color: var(--main-font);
682 + }
683 +
684 + #info-bar {
685 + color: var(--theme-font);
686 + background: var(--dark-bg);
687 + border: 1px solid var(--main-theme);
688 + }
689 +
690 + button, input[type=submit], input[type=button], input.submit, .sf-btn-link, .fileinput-button, select {
691 + background: var(--light-bg);
692 + border: 1px solid var(--border);
693 + color: var(--main-font);
694 + }
695 +
696 + input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover, button:hover, .sf-btn-link:hover, .fileinput-button:hover {
697 + background: var(--main-theme);
698 + color: var(--light-font);
699 + }
700 +
701 + .web-setting-form .cancel, .inline-rename-form .cancel {
702 + color: var(--error);
703 + }
704 +
705 + .select2-drop {
706 + background: var(--light-bg);
707 + color: var(--main-font);
708 + border: 1px solid var(--border);
709 + -webkit-box-shadow: 0 4px 5px var(--shadow);
710 + box-shadow: 0 4px 5px var(--shadow);
711 + }
712 +
713 + .select2-results .select2-highlighted {
714 + background: var(--main-theme);
715 + color: var(--main-font);
716 + }
717 +
718 + .select2-default {
719 + color: var(--main-font) !important;
720 + }
721 +
722 + .select2-container-multi .select2-choices {
723 + border: 1px solid var(--border);
724 + background-color: var(--light-bg);
725 + color: var(--main-font);
726 + }
727 +
728 + .select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-ajax-error, .select2-results .select2-selection-limit {
729 + background: var(--light-bg);
730 + color: var(--main-font);
731 + }
732 +
733 + .select2-drop-active {
734 + border: 1px solid var(--border);
735 + color: var(--main-font);
736 + }
737 +
738 + .select2-drop.select2-drop-above.select2-drop-active {
739 + border-top: 1px solid var(--border);
740 + }
741 +
742 + .select2-container-active .select2-choice, .select2-container-active .select2-choices {
743 + color: var(--main-font);
744 + border: 1px solid var(--border);
745 + -webkit-box-shadow: 0 0 5px var(--shadow);
746 + box-shadow: 0 0 5px var(--shadow);
747 + }
748 +
749 + .select2-dropdown-open.select2-drop-above .select2-choice,
750 + .select2-dropdown-open.select2-drop-above .select2-choices {
751 + color: var(--main-font);
752 + border: 1px solid var(--border);
753 + }
754 +
755 + .select2-container-multi.select2-container-active .select2-choices {
756 + border: 1px solid var(--border);
757 + -webkit-box-shadow: 0 0 5px var(--shadow);
758 + box-shadow: 0 0 5px var(--shadow);
759 + color: var(--main-font);
760 + }
761 +
762 + .select2-container-multi .select2-choices .select2-search-choice {
763 + background: var(--main-theme);
764 + color: var(--main-font);
765 + }
766 +
767 + .select2-container-multi .select2-choices .select2-search-choice {
768 + color: var(--main-font);
769 + box-shadow: 0 0 2px var(--shadow) inset, 0 1px 0 var(--shadow);
770 + }
771 +
772 +
773 + .select2-container-multi .select2-choices .select2-search-field input.select2-active {
774 + background: var(--light-bg) url("select2-spinner.7b9776076d5f.gif") no-repeat 100% !important;
775 + color: var(--main-font);
776 + }
777 +
778 + .select2-results .select2-disabled.select2-highlighted,
779 + .select2-container-multi .select2-choices .select2-search-field input {
780 + color: var(--main-font);
781 + background: var(--light-bg);
782 + }
783 +
784 + .fileinput-button {
785 + background: var(--dark-bg);
786 + }
787 +
788 + .fileinput-button:hover {
789 + background: var(--light-bg);
790 + }
791 +
792 + .input-tip {
793 + color: var(--dark-font);
794 + }
795 +
796 + .select-white, .folder-perm-select, .share-permission-select, .user-role-select, .admin-role-select, .user-status-select {
797 + background: var(--light-bg);
798 + border: 1px solid var(--border);
799 + }
800 +
801 + .messages .info {
802 + background:var(--info);
803 + color: var(--light-font);
804 + }
805 + .messages .success {
806 + background: var(--green);
807 + color: var(--light-font);
808 + }
809 + .messages .error {
810 + background:var(--error);
811 + color: var(--light-font);
812 + }
813 +
814 +
815 + .info-item-heading {
816 + border-bottom: 1px solid var(--border)!important;
817 + }
818 +
819 + .border-left-show:before {
820 + background-color: var(--dark-bg)!important;
821 + }
822 +
823 + /******************
824 + PROFILE PAGE
825 + *****************/
826 +
827 + .top-header {
828 + background: var(--dark-bg);
829 + border-bottom: 1px solid var(--border);
830 + }
831 +
832 + .heading {
833 + background: var(--main-bg)!important;
834 + color: var(--theme-font)!important;
835 + }
836 + .btn-outline-primary:hover {
837 + color: var(--main-font);
838 + background-color: var(--dark-bg);
839 + border-color: var(--border);
840 + }
841 +
842 + .btn-outline-primary {
843 + color: var(--main-font);
844 + background-color: var(--light-bg);
845 + border-color: var(--border);
846 + }
847 +
848 + .setting-item-heading {
849 + border-bottom: 1px solid var(--border);
850 + }
851 +
852 + .side-panel {
853 + border-right: 0px solid var(--border);
854 + }
855 +
856 + .user-setting-nav .nav-item .nav-link:hover {
857 + color: var(--theme-font);
858 + }
859 +
860 + .user-setting-nav .nav-item .nav-link {
861 + color: var(--main-font);
862 + }
863 +
864 + .user-setting-nav .nav-item.active .nav-link {
865 + color: var(--theme-font);
866 + border-color: var(--main-theme);
867 + }
868 +
869 +
870 + #user-profile {
871 + background: var(--dark-bg);
872 + border: 2px solid var(--shadow);
873 +
874 + }
875 +
876 + .user-profile-info {
877 + border-top: 1px solid var(--border);
878 + }
879 +
880 + .dirent-table-container td {
881 + text-align: right;
882 + }
883 +
884 + .text-orange {
885 + color: var(--theme-font) !important;
886 + }
887 +
888 + /******************
889 + LOGIN PAGE
890 + *****************/
891 +
892 + .login-panel .name-input {
893 + border-radius: 3px 3px 0 0;
894 + }
895 +
896 + .login-panel {
897 + background: var(--shadow);
898 + box-shadow: 0 0 8px var(--shadow);
899 + }
900 +
901 + .login-panel .input {
902 + border: 1px solid var(--shadow);
903 + }
904 +
905 + .login-panel .passwd-input {
906 + border-radius: 0 0 3px 3px;
907 + }
908 +
909 + .new-narrow-panel {
910 + border: 1px solid var(--border);
911 + box-shadow: 0 3px 2px var(--shadow);
912 + }
913 +
914 + .new-narrow-panel .hd {
915 + color: var(--main-font);
916 + background: var(--dark-bg);
917 + border-bottom: 1px solid var(--border);
918 + }
919 +
920 +
921 +
922 + #lang-context-selector a {
923 + color: var(--main-font);
924 + }
925 +
926 + #lang-context-selector a:hover {
927 + color: var(--light-font);
928 + background: var(--light-bg);
929 + }
930 +
931 + /******************
932 + FILE EDITOR
933 + *****************/
934 +
935 +
936 +
937 + .file-view-content {
938 + background: var(--light-bg);
939 + border-bottom: 1px solid var(--border);
940 + }
941 +
942 + .file-view-tip {
943 + background: var(--light-bg);
944 + border: 1px solid var(--dark-bg);
945 + box-shadow: 0 0 6px var(--shadow);
946 + }
947 +
948 + .file-view-header {
949 + background: var(--dark-bg);
950 + border-bottom: 1px solid var(--border);
951 + }
952 +
953 + .ReactCodeMirror {
954 + -webkit-box-shadow: 0 0 6px var(--shadow);
955 + box-shadow: 0 0 6px var(--shadow);
956 + border: 1px solid var(--border);
957 + }
958 +
959 + .CodeMirror {
960 + color: var(--main-font);
961 + }
962 +
963 + .CodeMirror-cursor {
964 + border-left:1px solid var(--light-font);
965 + }
966 +
967 + .CodeMirror-linenumber {
968 + color: var(--dark-font);
969 + }
970 +
971 + .CodeMirror-selected, .CodeMirror-focused .CodeMirror-selected {
972 + filter: invert(70%);
973 + }
974 +
975 + .CodeMirror-gutter-filler, .CodeMirror-scrollbar-filler {
976 + background-color:var(--main-bg)
977 + }
978 +
979 + .CodeMirror-gutters {
980 + border-right:1px solid var(--dark-bg);
981 + background-color:var(--main-bg);
982 + }
983 +
984 + .CodeMirror-lines {
985 + background: var(--main-bg);
986 + }
987 +
988 + dd {
989 + color: var(--theme-font);
990 + }
991 +
992 + .page {
993 + background: var(--main-bg);
994 + -webkit-box-shadow: 0 0 6px var(--shadow);
995 + box-shadow: 0 0 6px var(--shadow);
996 + }
997 +
998 + .ril__navButtonPrev:hover {
999 + background:rgba(0,0,0,.4) url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjIwIiBoZWlnaHQ9IjM0Ij48cGF0aCBkPSJtIDE5LDMgLTIsLTIgLTE2LDE2IDE2LDE2IDEsLTEgLTE1LC0xNSAxNSwtMTUgeiIgZmlsbD0iI0ZGRiIvPjwvc3ZnPg==") no-repeat 50%
1000 + }
1001 + .ril__navButtonNext:hover {
1002 + background:rgba(0,0,0,.4) url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjIwIiBoZWlnaHQ9IjM0Ij48cGF0aCBkPSJtIDEsMyAyLC0yIDE2LDE2IC0xNiwxNiAtMSwtMSAxNSwtMTUgLTE1LC0xNSB6IiBmaWxsPSIjRkZGIi8+PC9zdmc+") no-repeat 50%
1003 + }
1004 +
1005 + .ril__closeButton:hover {
1006 + background: rgba(0,0,0,.4) url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zd…UgLTEuMjUsLTEuMjUgNy41LC03LjUgLTcuNSwtNy41IHoiIGZpbGw9IiNGRkYiLz48L3N2Zz4=") no-repeat 50%;
1007 + }
1008 +
1009 + .ril__closeButton:hover {
1010 + background: rgba(0,0,0,.4) url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIj48cGF0aCBkPSJtIDEsMyAxLjI1LC0xLjI1IDcuNSw3LjUgNy41LC03LjUgMS4yNSwxLjI1IC03LjUsNy41IDcuNSw3LjUgLTEuMjUsMS4yNSAtNy41LC03LjUgLTcuNSw3LjUgLTEuMjUsLTEuMjUgNy41LC03LjUgLTcuNSwtNy41IHoiIGZpbGw9IiNGRkYiLz48L3N2Zz4=") no-repeat 50%
1011 + }
1012 + .ril__zoomInButton:hover {
1013 + background: rgba(0,0,0,.4) url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PGcgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PHBhdGggZD0iTTEgMTlsNi02Ii8+PHBhdGggZD0iTTkgOGg2Ii8+PHBhdGggZD0iTTEyIDV2NiIvPjwvZz48Y2lyY2xlIGN4PSIxMiIgY3k9IjgiIHI9IjciIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+") no-repeat 50%
1014 + }
1015 + .ril__zoomOutButton:hover {
1016 + background: rgba(0,0,0,.4) url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PGcgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PHBhdGggZD0iTTEgMTlsNi02Ii8+PHBhdGggZD0iTTkgOGg2Ii8+PC9nPjxjaXJjbGUgY3g9IjEyIiBjeT0iOCIgcj0iNyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=") no-repeat 50%
1017 + }
1018 +
1019 + .seafile-ed-hovermenu {
1020 + background-color: var(--light-bg);
1021 + border: 1px solid var(--main-bg);
1022 + -webkit-box-shadow: 0 1px 2px 0 var(--shadow);
1023 + }
1024 +
1025 +
1026 + /******************
1027 + MD REDACTOR
1028 + *****************/
1029 +
1030 + .sf-md-viewer-topbar-first, .sf-md-viewer-topbar-first-narrow {
1031 + background-color: var(--dark-bg);
1032 + border-bottom: 1px solid var(--border);
1033 + -webkit-box-shadow: 0 3px 2px -2px var(--shadow);
1034 + box-shadow: 0 3px 2px -2px var(--shadow);
1035 + }
1036 +
1037 + .sf-editor-rich-menu {
1038 + background-color: var(--main-bg);
1039 + }
1040 +
1041 + .plain-editor-left-panel {
1042 + background-color: var(--light-bg);
1043 + border-right: 1px solid var(--border);
1044 + }
1045 +
1046 + .editor, .plain-editor-right-panel {
1047 + background: var(--main-bg);
1048 + border: 1px solid var(--dark-bg);
1049 + }
1050 +
1051 + .seafile-editor-topbar, .seafile-rich-editor-topbar {
1052 + background-color: var(--main-bg);
1053 + border-bottom: 1px solid var(--border);
1054 + -webkit-box-shadow: 0 2px 1px -1px var(--shadow);
1055 + box-shadow: 0 2px 1px -1px var(--shadow);
1056 + }
1057 +
1058 + .header-list-container, .seafile-rich-editor-topbar .editor-btn-group {
1059 + border-right: 1px solid var(--border);
1060 + border-left: 1px solid var(--border);
1061 + }
1062 +
1063 + .btn-active[data-active=true], .rich-icon-btn[data-active=true] {
1064 + color: var(--light-font);
1065 + }
1066 +
1067 + .button-container .btn, .button-container .rich-icon-btn, .rich-icon-btn {
1068 + background-color: var(--main-bg);
1069 + }
1070 +
1071 +
1072 + .seafile-rich-editor-topbar .editor-btn-group {
1073 + border-right: 1px solid var(--border);
1074 + color: var(--main-font);
1075 + }
1076 +
1077 + .upload-localimg-hover .btn:hover, .insert-file:hover, .rich-icon-btn-hover:hover {
1078 + /*background-color: var(--main-theme);*/
1079 + color: var(--light-font);
1080 + }
1081 +
1082 + .custom-dropdown-list .dropdown-list-toggle:hover {
1083 + background-color: var(--main-theme);
1084 + border-radius: 3px;
1085 + }
1086 +
1087 + .custom-dropdown-list .custom-dropdown-menu {
1088 + background-color: var(--light-bg);
1089 + }
1090 +
1091 + .header-list-container .header-list-body-highlight, .header-list-container .header-list-body-hover:hover {
1092 + background-color: var(--main-bg);
1093 + }
1094 +
1095 + .header-list-container .list-dropdown {
1096 + border: 1px solid var(--border);
1097 + -webkit-box-shadow: 0 0 2px var(--shadow);
1098 + box-shadow: 0 0 2px var(--shadow);
1099 + background-color: var(--main-bg);
1100 + }
1101 +
1102 + .header-list-container .header-list .list-dropdown-item:hover {
1103 + background-color: var(--main-theme);
1104 + color: var(--light-font);
1105 + }
1106 +
1107 + .upload-localimg .btn, .rich-icon-btn {
1108 + color: var(--main-font);
1109 + }
1110 +
1111 + .upload-localimg-disable .btn {
1112 + color:var(--dark-font);
1113 + }
1114 +
1115 + .rich-icon-btn-disabled {
1116 + color:var(--dark-font);
1117 + }
1118 +
1119 + .rich-icon-btn-disabled:hover {
1120 + color:var(--dark-font);
1121 + }
1122 +
1123 + .article h1, .article h2, .article h3, .article h4, .article h5, .article h6 {
1124 + color: var(--dark-font);
1125 + }
1126 +
1127 + .article {
1128 + color: var(--main-font);
1129 + }
1130 +
1131 + .seafile-editor-main-panel {
1132 + background-color: var(--light-bg);
1133 + }
1134 +
1135 + .article tr:nth-child(2n+1) {
1136 + background-color: var(--light-bg);
1137 + }
1138 +
1139 + .article pre {
1140 + background: var(--light-bg);
1141 + }
1142 +
1143 + .article h2 {
1144 + border-bottom: 1px solid var(--dark-font);
1145 + }
1146 +
1147 + .article table td, .article table th, table {
1148 + border-color: var(--dark-font);
1149 + }
1150 +
1151 + .article table {
1152 + border-left: 1px solid var(--dark-font);
1153 + border-top: 1px solid var(--dark-font);
1154 + }
1155 +
1156 + .article hr.active {
1157 + border-top: 1px solid var(--dark-font);
1158 + }
1159 +
1160 + .article .selected-cell {
1161 + background-color: var(--dark-bg);
1162 + }
1163 +
1164 + .article .selected-cell-top:before {
1165 + border-top:1px double var(--main-theme)
1166 + }
1167 + .article .selected-cell-bottom:before {
1168 + border-bottom:1px double var(--main-theme)
1169 + }
1170 + .article .selected-cell-left:before {
1171 + border-left:1px double var(--main-theme)
1172 + }
1173 + .article .selected-cell-right:before {
1174 + border-right:1px double var(--main-theme)
1175 + }
1176 +
1177 + .seafile-editor-side-panel {
1178 + border-left: 1px solid var(--border);
1179 + }
1180 +
1181 + .outline-h2 {
1182 + color: var(--dark-font);
1183 + }
1184 +
1185 + .outline-h2:hover {
1186 + color: var(--theme-font);
1187 + }
1188 +
1189 + .outline-h3, .dirent-table-container td, .old-history-main h2 {
1190 + color: var(--main-font);
1191 + }
1192 +
1193 + .outline-h3:hover {
1194 + color: var(--theme-font);
1195 + }
1196 +
1197 +
1198 + .side-panel .nav .nav-link.active {
1199 + color: var(--theme-font);
1200 + }
1201 +
1202 + .old-history-main .file-name, .old-history-main .commit-list .username, .old-history-main .go-back:hover {
1203 + color: var(--theme-font);
1204 + }
1205 +
1206 + .issue-card {
1207 + background-color: var(--light-bg);
1208 + border: 1px solid var(--border);
1209 + -webkit-box-shadow: 0 5px 5px -2px var(--shadow);
1210 + box-shadow: 0 5px 5px -2px var(--shadow);
1211 + }
1212 +
1213 + .seafile-comment-item .seafile-comment-info .seafile-comment-dropdown button:hover {
1214 + color: var(--light-font);
1215 + background-color: var(--no-shadow);
1216 + }
1217 +
1218 + .seafile-comment-item .seafile-comment-info .seafile-comment-dropdown button {
1219 + background-color: var(--no-shadow);
1220 + color: var(--main-font);
1221 + }
1222 +
1223 + .seafile-comment-item .seafile-comment-info .seafile-comment-dropdown .seafile-comment-dropdown-btn {
1224 + color: var(--light-font);
1225 + background-color: var(--no-shadow);
1226 + }
1227 +
1228 + .seafile-comment-item .seafile-comment-info .seafile-comment-dropdown:hover .seafile-comment-dropdown-btn {
1229 + color: var(--main-font);
1230 + }
1231 +
1232 + .seafile-comment-item-resolved {
1233 + background-color: var(--green);
1234 + }
1235 +
1236 + .seafile-comment-item .seafile-comment-info .seafile-comment-dropdown button:focus {
1237 + background-color: var(--no-shadow);
1238 + }
1239 +
1240 + .seafile-comment-item .seafile-comment-info .review-time {
1241 + color: var(--theme-font);
1242 + }
1243 +
1244 + .file-chooser-item .item-active {
1245 + background:var(--dark-bg)!important;
1246 + color:var(--main-font)
1247 + }
1248 + .file-chooser-item .item-active,
1249 + .file-chooser-item .item-info:hover {
1250 + -webkit-box-shadow:inset 0 0 1px var(--shadow);
1251 + box-shadow:inset 0 0 1px var(--shadow);
1252 + }
1253 + .file-chooser-item .item-info:hover {
1254 + background:var(--dark-bg);
1255 + }
1256 + .file-chooser-item .item-active .icon {
1257 + color:var(--main-font);
1258 + }
1259 +
1260 + .lds-ripple div {
1261 + border:4px solid var(--theme-font);
1262 + }
1263 +
1264 + .article blockquote {
1265 + color: var(--main-font);
1266 + border-left: 4px solid var(--dark-font);
1267 + }
1268 +
1269 + .add-tag-link {
1270 + color:var(--main-font);
1271 + background: var(--light-bg);
1272 + }
1273 +
1274 + .add-tag-link:hover {
1275 + color:var(--theme-font);
1276 + background: var(--light-bg);
1277 + }
1278 +
1279 + .add-related-file-link {
1280 + color: var(--main-font);
1281 + }
1282 +
1283 + .add-related-file-link:hover {
1284 + color: var(--theme-font);
1285 + }
1286 +
1287 + .tag-list-item .tag-demo {
1288 + color: var(--dark-bg);
1289 + }
1290 +
1291 + .file-tag-list .file-tag-item {
1292 + background-color: var(--light-bg);
1293 + }
1294 +
1295 + .file-tag-list .file-tag-item:hover {
1296 + background-color: var(--dark-bg);
1297 + }
1298 +
1299 + .table thead th, .text-wrap table thead th {
1300 + border-bottom: 1px solid var(--border) ;
1301 + }
1302 +
1303 + .image-full-button {
1304 + border:1px solid rgba(0,40,100,.12);
1305 + background-color:var(--light-bg);
1306 + }
1307 + .image-full-button:hover {
1308 + background-color:var(--light-bg)
1309 + }
1310 +
1311 + .seafile-ed-hovermenu .seafile-ed-hovermenu-btn {
1312 + background-color: var(--light-bg);
1313 + }
1314 +
1315 + .seafile-ed-hovermenu .seafile-ed-hovermenu-triangle {
1316 + background: var(--light-bg);
1317 + }
1318 +
1319 + .seafile-editor-help {
1320 + background-color: var(--light-bg);
1321 + border-left: 1px solid var(--border);
1322 + }
1323 +
1324 + .seafile-editor-help .help-header {
1325 + background-color: var(--light-bg);
1326 + border-bottom: 1px solid var(--border);
1327 + }
1328 +
1329 +
1330 + .help-shortcut {
1331 + color: var(--main-font);
1332 + border-bottom: 1px solid var(--border);
1333 + }
1334 +
1335 + .help-content .help-shortcut-type {
1336 + border-bottom: 1px solid var(--border);
1337 + }
1338 +
1339 + .help-shortcut .key {
1340 + background-color: var(--dark-bg);
1341 + border: 1px solid var(--border);
1342 + -webkit-box-shadow: 0 1px 0 var(--border);
1343 + box-shadow: 0 1px 0 var(--shadow);
1344 + }
1345 +
1346 + .article .language-type select {
1347 + background-color: var(--dark-bg);
1348 + }
1349 +
1350 +
1351 + /******************
1352 + comment
1353 + *****************/
1354 +
1355 + .seafile-comment-footer .submit-comment {
1356 + width: 80px;
1357 + }
1358 +
1359 + .seafile-comment-list {
1360 + background-color: var(--main-bg);
1361 + }
1362 +
1363 + .seafile-comment-footer {
1364 + background-color: var(--dark-bg);
1365 + border-top: 1px solid var(--border);
1366 + }
1367 +
1368 + textarea {
1369 + color: var(--main-font);
1370 + }
1371 +
1372 + .side-panel .nav {
1373 + border-bottom: 1px solid var(--no-shadow);
1374 + }
1375 +
1376 + .seafile-comment-title, .seafile-history-title {
1377 + border-bottom: 1px solid var(--border);
1378 + background-color: var(--dark-bg);
1379 + }
1380 +
1381 + .seafile-comment-toggle-resolved {
1382 + border-bottom: 1px solid var(--border);
1383 + background-color: var(--dark-bg);
1384 + }
1385 +
1386 + .seafile-comment {
1387 + border-left: 0px solid var(--border);
1388 + }
1389 +
1390 + .seafile-comment-footer .add-comment-input, .seafile-edit-comment .edit-comment-input {
1391 + border: 1px solid var(--border);
1392 + background-color: var(--light-bg);
1393 + }
1394 +
1395 + .custom-switch-input:checked ~ .custom-switch-indicator {
1396 + background: var(--dark-font);
1397 + }
1398 +
1399 + .custom-switch-indicator:before {
1400 + background: var(--light-bg);
1401 + }
1402 +
1403 + .custom-switch-input:focus ~ .custom-switch-indicator {
1404 + box-shadow: 0 0 0 0px var(--shadow);
1405 + border-color: var(--border); }
1406 +
1407 + .custom-switch-indicator {
1408 + background: var(--main-bg);
1409 + border: 1px solid var(--dark-bg);
1410 + }
1411 +
1412 + .participants .add-participants i {
1413 + color: var(--main-font);
1414 + border: 0px solid var(--border);
1415 + }
1416 +
1417 + .participants .avatar {
1418 + border: 0px solid var(--border);
1419 + }
1420 +
1421 + .seafile-editor-module .side-panel .nav {
1422 + border-bottom: 1px solid var(--border);
1423 + }
1424 +
1425 + .seafile-editor-module .side-panel {
1426 + background-color: var(--main-bg);
1427 + }
1428 +
1429 + .seafile-editor-module .side-panel .nav .nav-link.active {
1430 + color: var(--main-theme);
1431 + }
1432 +
1433 + .comment-dialog, .comment-dialog-triangle {
1434 + background-color: var(--main-bg);
1435 + }
1436 +
1437 + .comment-dialog {
1438 + border: 1px solid var(--border);
1439 + -webkit-box-shadow: 0 0 3px var(--shadow);
1440 + box-shadow: 0 0 3px var(--shadow);
1441 + }
1442 +
1443 + .comment-dialog textarea {
1444 + background-color: var(--light-bg) !important;
1445 + }
1446 +
1447 + .seafile-viewer-comment-btn:hover {
1448 + border: 1px solid var(--border);
1449 + -webkit-box-shadow: 0 1px 2px 0 var(--shadow);
1450 + box-shadow: 0 1px 2px 0 var(--shadow);
1451 + background-color: var(--main-theme);
1452 + }
1453 +
1454 + .seafile-viewer-comment-btn {
1455 + border: 1px solid var(--border);
1456 + -webkit-box-shadow: 0 1px 2px 0 var(--shadow);
1457 + box-shadow: 0 1px 2px 0 var(--shadow);
1458 + background-color: var(--border);
1459 +
1460 + }
1461 +
1462 + /******************
1463 + SHARE
1464 + *****************/
1465 +
1466 +
1467 + .shared-file-view-md-header {
1468 + background: var(--dark-bg);
1469 + border-bottom: 1px solid var(--border);
1470 + }
1471 +
1472 + .shared-file-view-body {
1473 + background: var(--light-bg);
1474 + border: 1px solid var(--border);
1475 + }
1476 +
1477 + .shared-file-view-head {
1478 + background: var(--main-bg);
1479 + }
1480 +
1481 + .shared-file-view-head h2 {
1482 + color: var(--theme-font);
1483 + }
1484 +
1485 + .btn-success {
1486 + color: var(-);
1487 + background-color: var(--main-theme);
1488 + border-color: var(--main-theme);}
1489 + .btn-success:hover {
1490 + color: var(--main-font);
1491 + background-color: var(--green);
1492 + border-color: var(--green); }
1493 + .btn-success:focus, .btn-success.focus {
1494 + box-shadow: 0 0 1px var(--no-shadow); }
1495 + .btn-success.disabled, .btn-success:disabled {
1496 + color: var(--dark-font);
1497 + background-color: var(--main-theme);
1498 + border-color: var(--main-theme); }
1499 + .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
1500 + .show > .btn-success.dropdown-toggle {
1501 + color: var(--main-font);
1502 + background-color: var(--green);
1503 + border-color: var(--green); }
1504 + .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
1505 + .show > .btn-success.dropdown-toggle:focus {
1506 + box-shadow: 0 0 2px var(--no-shadow);
1507 + }
1508 +
1509 + #image-view {
1510 + background: var(--main-bg);
1511 + border: 1px solid var(--no-shadow);
1512 + }
1513 +
1514 + .shared-file-view-body .md-view {
1515 + border: 1px solid var(--border);
1516 + -webkit-box-shadow: 0 0 6px var(--shadow);
1517 + box-shadow: 0 0 6px var(--shadow);
1518 + background: var(--main-bg);
1519 + }
1520 +
1521 +
1522 + /******************
1523 + HELP PAGE
1524 + *****************/
1525 +
1526 +
1527 + .side-textnav-tabs .tab a {
1528 + color: var(--main-font);
1529 + border-bottom: 1px solid var(--no-shadow);
1530 + }
1531 +
1532 + .side-textnav .hd, .side-info .hd {
1533 + border-bottom: 1px solid var(--no-shadow);
1534 + }
1535 +
1536 + .side-textnav-tabs .tab-cur a, .side-textnav-tabs .tab a:hover {
1537 + color: var(--theme-font);
1538 + }
1539 +
1540 + /******************
1541 + EDITOR TEXT COLOR
1542 + *****************/
1543 +
1544 + pre {
1545 + color: var(--main-font);
1546 + text-shadow: none;
1547 + }
1548 +
1549 + .CodeMirror pre {
1550 + color: var(--main-font);
1551 + }
1552 +
1553 + .cm-s-default .cm-atom {
1554 + color: #63c3e3;
1555 + }
1556 +
1557 + .cm-s-default .cm-tag {
1558 + color: #ff4747;
1559 + }
1560 +
1561 + .cm-s-default .cm-qualifier {
1562 + color: #ffa347;
1563 + }
1564 +
1565 + .cm-s-default .cm-metar {
1566 + color: #ff6347;
1567 + }
1568 +
1569 + .cm-s-default .cm-number {
1570 + color: #a3d175;
1571 + }
1572 +
1573 + .cm-s-default .cm-string {
1574 + color: #75d1ba;
1575 + }
1576 +
1577 + .article .virtual-link {
1578 + color: #47a3ff;
1579 + }
1580 +
1581 + .cm-s-default .cm-type {
1582 + color: #ff4747;
1583 + }
1584 +
1585 + .cm-s-default .cm-variable-2 {
1586 + color: #ff6347;
1587 + }
1588 +
1589 + .cm-s-default .cm-variable-3 {
1590 + color: #ff7547;
1591 + }
1592 +
1593 + .cm-s-default .cm-builtin {
1594 + color: #75d1ba;
1595 + }
1596 +
1597 + .cm-s-default .cm-header {
1598 + color: #5ec6e8;
1599 + }
1600 +
1601 + .cm-s-default .cm-link {
1602 + color: var(--theme-font);
1603 + }
1604 +
1605 + .cm-s-default .cm-comment {
1606 + color: var(--dark-font);
1607 + }
1608 +
1609 + .cm-s-default .cm-keyword {
1610 + color: #ba75d1;
1611 + }
1612 +
1613 + .cm-s-default .cm-def {
1614 + color: #63a3e3;
1615 + }
1616 +
1617 + .cm-s-default .cm-quote {
1618 + color: #75d1a3;
1619 + }
1620 +
1621 + .cm-s-default .cm-meta {
1622 + color: #da7d6c;
1623 + }
1624 +
1625 + .cm-s-default .cm-attribute {
1626 + color: #8888dd;
1627 + }
1628 +
1629 +
1630 + /*INNER*/
1631 +
1632 +
1633 + .css-vj8t7z {
1634 + background-color: var(--light-bg) !important;
1635 + border-color: var(--border) !important;
1636 + }
1637 +
1638 + .css-2o5izw {
1639 + background-color: var(--light-bg) !important;
1640 + border-color: var(--border) !important;
1641 + box-shadow: 0 0 2px var(--shadow) !important;
1642 + }
1643 +
1644 + .css-xp4uvy {
1645 + color: var(--main-font) !important;
1646 + }
1647 +
1648 + .css-d8oujb {
1649 + background-color: var(--dark-font) !important;
1650 + }
1651 +
1652 + .css-15k3avv {
1653 + background-color: var(--light-bg) !important;
1654 + }
1655 +
1656 + .css-15agui6, [data-css-15agui6], .css-16hxgpx, [data-css-16hxgpx] {
1657 + background-color: var(--light-bg) !important;
1658 + box-shadow: 0 0 2px var(--shadow) !important;
1659 + }
1660 +
1661 + .css-1tlqf55 {
1662 + color: var(--main-font) !important;
1663 + }
Più nuovi Più vecchi