| @@ -25,8 +25,11 @@ | ||
| 25 | 25 | |
| 26 | 26 | /* Sets color for yellow elements. */ |
| 27 | 27 | --yellow-color: #B58105; |
| 28 | 28 | |
| 29 | + /* Sets color for orange elements. */ | |
| 30 | + --orange-color: #c47335; | |
| 31 | + | |
| 29 | 32 | /* Sets color for red elements. */ |
| 30 | 33 | --red-color: #a00000; |
| 31 | 34 | |
| 32 | 35 | /* Sets color for blue elements. */ |
| @@ -128,9 +131,9 @@ | ||
| 128 | 131 | body.mainwp-ui.mainwp-custom-theme.pushable>.pusher, |
| 129 | 132 | body.mainwp-ui.mainwp-custom-theme, |
| 130 | 133 | .mainwp-ui.mainwp-custom-theme #wpbody-content, |
| 131 | 134 | .mainwp-ui.mainwp-custom-theme .mainwp-content-wrap, |
| 132 | -.mainwp-ui.mainwp-custom-theme .ui.segment { | |
| 135 | +.mainwp-ui.mainwp-custom-theme .ui.segment { | |
| 133 | 136 | background-color: var(--background-color-2) !important; |
| 134 | 137 | color: var(--font-color); |
| 135 | 138 | } |
| 136 | 139 | |
| @@ -151,17 +154,17 @@ | ||
| 151 | 154 | padding: 0 !important; |
| 152 | 155 | box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1) !important; |
| 153 | 156 | border-top: 0px solid var(--border-color) !important; |
| 154 | 157 | border-bottom: 1px solid var(--border-color) !important; |
| 155 | - border-left: 1px solid var(--border-color) !important; | |
| 158 | + border-left: 0px solid var(--border-color) !important; | |
| 156 | 159 | border-right: 1px solid var(--border-color) !important; |
| 157 | 160 | } |
| 158 | 161 | |
| 159 | 162 | .mainwp-ui.mainwp-custom-theme #mainwp-page-navigation-wrapper .menu { |
| 160 | 163 | margin-bottom: 0px !important; |
| 161 | - border-top: 1px solid var(--border-color) !important; | |
| 164 | + border-top: 0px solid var(--border-color) !important; | |
| 162 | 165 | border-bottom: 0px solid var(--border-color) !important; |
| 163 | - border-left: 1px solid var(--border-color) !important; | |
| 166 | + border-left: 0px solid var(--border-color) !important; | |
| 164 | 167 | border-right: 1px solid var(--border-color) !important; |
| 165 | 168 | color: var(--font-color); |
| 166 | 169 | background-color: var(--background-color-3); |
| 167 | 170 | } |
| @@ -179,9 +182,9 @@ | ||
| 179 | 182 | |
| 180 | 183 | |
| 181 | 184 | .mainwp-ui.mainwp-custom-theme .mainwp-actions-bar, |
| 182 | 185 | .mainwp-ui.mainwp-custom-theme .mainwp-sub-header { |
| 183 | - border-bottom: 1px solid var(--border-color); | |
| 186 | + border-bottom: 1px solid var(--border-color) !important; | |
| 184 | 187 | background: var(--background-color-2); |
| 185 | 188 | } |
| 186 | 189 | |
| 187 | 190 | .mainwp-ui.mainwp-custom-theme .mainwp-side-content, |
| @@ -192,8 +195,18 @@ | ||
| 192 | 195 | .mainwp-ui.mainwp-custom-theme #mainwp-sites-menu-sidebar .mainwp-site-menu-item .title { |
| 193 | 196 | color: var(--font-color) !important; |
| 194 | 197 | } |
| 195 | 198 | |
| 199 | +/* Flyout */ | |
| 200 | +.mainwp-ui.mainwp-custom-theme .ui.flyout { | |
| 201 | + background-color: var(--background-color-3) !important; | |
| 202 | +} | |
| 203 | +.mainwp-ui.mainwp-custom-theme .ui.flyout .content, | |
| 204 | +.mainwp-ui.mainwp-custom-theme .ui.flyout .actions, | |
| 205 | +.mainwp-ui.mainwp-custom-theme .ui.flyout .header { | |
| 206 | + background-color: var(--background-color-3) !important; | |
| 207 | +} | |
| 208 | + | |
| 196 | 209 | /* Headers */ |
| 197 | 210 | |
| 198 | 211 | .mainwp-ui.mainwp-custom-theme h2, |
| 199 | 212 | .mainwp-ui.mainwp-custom-theme h2.header { |
| @@ -211,17 +224,17 @@ | ||
| 211 | 224 | } |
| 212 | 225 | |
| 213 | 226 | /* Invert Side Bar */ |
| 214 | 227 | |
| 215 | -.mainwp-ui.mainwp-custom-theme #mainwp-select-sites-header .ui.menu { | |
| 228 | +.mainwp-ui.mainwp-custom-theme .mainwp-select-sites-header .ui.menu { | |
| 216 | 229 | border-color: var(--border-color); |
| 217 | 230 | } |
| 218 | 231 | |
| 219 | -.mainwp-ui.mainwp-custom-theme #mainwp-select-sites-header .ui.menu a.item { | |
| 232 | +.mainwp-ui.mainwp-custom-theme .mainwp-select-sites-header .ui.menu a.item { | |
| 220 | 233 | color: var(--font-color); |
| 221 | 234 | } |
| 222 | 235 | |
| 223 | -.mainwp-ui.mainwp-custom-theme #mainwp-select-sites-header .ui.menu a.item.active { | |
| 236 | +.mainwp-ui.mainwp-custom-theme .mainwp-select-sites-header .ui.menu a.item.active { | |
| 224 | 237 | color: var(--accent-color); |
| 225 | 238 | } |
| 226 | 239 | |
| 227 | 240 | .mainwp-ui.mainwp-custom-theme #mainwp-select-sites .ui.divided.list .item { |
| @@ -246,9 +259,9 @@ | ||
| 246 | 259 | .mainwp-ui.mainwp-custom-theme #mainwp-select-sites .ui.divided.list .item label { |
| 247 | 260 | color: var(--font-color) !important; |
| 248 | 261 | } |
| 249 | 262 | |
| 250 | -.mainwp-ui.mainwp-custom-theme #mainwp-select-sites-select-all-actions { | |
| 263 | +.mainwp-ui.mainwp-custom-theme .mainwp-select-sites-select-all-actions { | |
| 251 | 264 | background-color: var(--border-color); |
| 252 | 265 | border-color: var(--border-color); |
| 253 | 266 | } |
| 254 | 267 | |
| @@ -390,8 +403,10 @@ | ||
| 390 | 403 | .mainwp-ui.mainwp-custom-theme #mainwp-manage-updates table tr.content.active { |
| 391 | 404 | background: var(--background-color-3) !important; |
| 392 | 405 | } |
| 393 | 406 | |
| 407 | +.mainwp-ui.mainwp-custom-theme #mainwp-db-plugins-updates-table tr.active table tfoot tr th, | |
| 408 | +.mainwp-ui.mainwp-custom-theme #mainwp-db-plugins-updates-table tr.active table thead tr th, | |
| 394 | 409 | .mainwp-ui.mainwp-custom-theme #mainwp-manage-updates table tr.content.active table tfoot tr th, |
| 395 | 410 | .mainwp-ui.mainwp-custom-theme #mainwp-manage-updates table tr.content.active table thead tr th { |
| 396 | 411 | background: var(--background-color-2) !important; |
| 397 | 412 | color: var(--font-color) !important; |
| @@ -396,8 +411,9 @@ | ||
| 396 | 411 | background: var(--background-color-2) !important; |
| 397 | 412 | color: var(--font-color) !important; |
| 398 | 413 | } |
| 399 | 414 | |
| 415 | +.mainwp-ui.mainwp-custom-theme #mainwp-db-plugins-updates-table tr.active table tbody tr td, | |
| 400 | 416 | .mainwp-ui.mainwp-custom-theme #mainwp-manage-updates table tr.content.active table tbody tr td { |
| 401 | 417 | background: var(--background-color-2) !important; |
| 402 | 418 | color: var(--font-color) !important; |
| 403 | 419 | } |
| @@ -414,8 +430,20 @@ | ||
| 414 | 430 | border-bottom: 1px solid var(--border-color) !important; |
| 415 | 431 | border-top: 1px solid var(--border-color) !important; |
| 416 | 432 | } |
| 417 | 433 | |
| 434 | +.mainwp-ui.mainwp-custom-theme table.dataTable.table > tbody > tr.selected > * { | |
| 435 | + color: var(--font-color); | |
| 436 | +} | |
| 437 | + | |
| 438 | +.mainwp-ui.mainwp-custom-theme table.dataTable tr th:first-child,table.dataTable tr td:first-child { | |
| 439 | + border-left: none !important; | |
| 440 | +} | |
| 441 | + | |
| 442 | +.mainwp-ui.mainwp-custom-theme table.dataTable tr th:last-child,table.dataTable tr td:last-child { | |
| 443 | + border-right: none !important; | |
| 444 | +} | |
| 445 | + | |
| 418 | 446 | /* Invert Form Fields */ |
| 419 | 447 | |
| 420 | 448 | .mainwp-ui.mainwp-custom-theme .ui.tab textarea, |
| 421 | 449 | .mainwp-ui.mainwp-custom-theme .ui.form textarea { |
| @@ -442,8 +470,10 @@ | ||
| 442 | 470 | color: var(--font-color); |
| 443 | 471 | border-color: var(--border-color); |
| 444 | 472 | } |
| 445 | 473 | |
| 474 | + | |
| 475 | + | |
| 446 | 476 | .mainwp-ui.mainwp-custom-theme .ui.form input:focus, |
| 447 | 477 | .mainwp-ui.mainwp-custom-theme .ui.form select:focus, |
| 448 | 478 | .mainwp-ui.mainwp-custom-theme .ui.dropdown.selection:focus { |
| 449 | 479 | background-color: var(--background-color-4); |
| @@ -523,8 +553,12 @@ | ||
| 523 | 553 | .mainwp-ui.mainwp-custom-theme .ui.field input.labelauty+label { |
| 524 | 554 | background-color: var(--background-color-2) !important; |
| 525 | 555 | } |
| 526 | 556 | |
| 557 | +.mainwp-ui.mainwp-custom-theme .mainwp-managesites-import-rows:nth-of-type(odd) { | |
| 558 | + background-color: rgba(255, 255, 255, .06) !important; | |
| 559 | +} | |
| 560 | + | |
| 527 | 561 | /* Invert Messages */ |
| 528 | 562 | |
| 529 | 563 | .mainwp-ui.mainwp-custom-theme .ui.message .header { |
| 530 | 564 | color: var(--font-color); |
| @@ -597,8 +631,32 @@ | ||
| 597 | 631 | border-top: 1px solid var(--border-color) !important; |
| 598 | 632 | color: var(--font-color); |
| 599 | 633 | } |
| 600 | 634 | |
| 635 | +.mainwp-ui.mainwp-custom-theme .ui.cards .card .extra a:not(.ui) { | |
| 636 | + color: var(--accent-color); | |
| 637 | +} | |
| 638 | + | |
| 639 | +/* Invert Steps */ | |
| 640 | + | |
| 641 | +.mainwp-ui.mainwp-custom-theme .ui.steps .step { | |
| 642 | + background-color: var(--background-color-3) !important; | |
| 643 | +} | |
| 644 | + | |
| 645 | +.mainwp-ui.mainwp-custom-theme .ui.steps .step .description { | |
| 646 | + color: var(--font-color) !important; | |
| 647 | +} | |
| 648 | + | |
| 649 | +/* Invert Feed */ | |
| 650 | + | |
| 651 | +.mainwp-ui.mainwp-custom-theme .ui.feed .summary { | |
| 652 | + color: var(--font-color) !important; | |
| 653 | +} | |
| 654 | + | |
| 655 | +.mainwp-ui.mainwp-custom-theme .ui.feed .summary .date { | |
| 656 | + color: var(--font-light-color) !important; | |
| 657 | +} | |
| 658 | + | |
| 601 | 659 | /* Invert Modal */ |
| 602 | 660 | |
| 603 | 661 | .mainwp-ui.mainwp-custom-theme .ui.modal i.icon.close { |
| 604 | 662 | top: 0.8em; |
| @@ -704,8 +762,16 @@ | ||
| 704 | 762 | .mainwp-ui.mainwp-custom-theme .ui.button.red { |
| 705 | 763 | background-color: var(--red-color); |
| 706 | 764 | } |
| 707 | 765 | |
| 766 | +.mainwp-ui.mainwp-custom-theme .ui.button.yellow { | |
| 767 | + background-color: var(--yellow-color); | |
| 768 | +} | |
| 769 | + | |
| 770 | +.mainwp-ui.mainwp-custom-theme .ui.button.orange { | |
| 771 | + background-color: var(--orange-color); | |
| 772 | +} | |
| 773 | + | |
| 708 | 774 | .mainwp-ui.mainwp-custom-theme .ui.button.green.basic .icon { |
| 709 | 775 | color: var(--accent-color); |
| 710 | 776 | } |
| 711 | 777 | |
| @@ -718,19 +784,25 @@ | ||
| 718 | 784 | .mainwp-ui.mainwp-custom-theme button.mainwp-sites-select-deselect-button { |
| 719 | 785 | color: var(--font-button-color); |
| 720 | 786 | } |
| 721 | 787 | |
| 722 | -/* Invert Dimmer */ | |
| 788 | +/* Dimmer & Loader */ | |
| 723 | 789 | |
| 790 | +.mainwp-ui.mainwp-custom-theme .ui.dimmer, | |
| 724 | 791 | .mainwp-ui.mainwp-custom-theme .ui.inverted.dimmer { |
| 725 | 792 | background: var(--background-color-2); |
| 726 | - opacity: .9; | |
| 793 | + opacity: 1; | |
| 727 | 794 | } |
| 728 | 795 | |
| 796 | +.mainwp-ui.mainwp-custom-theme .ui.dimmer .text, | |
| 729 | 797 | .mainwp-ui.mainwp-custom-theme .ui.inverted.dimmer .text { |
| 730 | 798 | color: var(--font-light-color); |
| 731 | 799 | } |
| 732 | 800 | |
| 801 | +.mainwp-ui.mainwp-custom-theme .ui.loader:after { | |
| 802 | + color: var(--mainwp-green) !important; | |
| 803 | +} | |
| 804 | + | |
| 733 | 805 | /* Invert Menus */ |
| 734 | 806 | |
| 735 | 807 | .mainwp-ui.mainwp-custom-theme .ui.dropdown .menu { |
| 736 | 808 | background-color: var(--background-color-4); |
| @@ -747,9 +819,9 @@ | ||
| 747 | 819 | |
| 748 | 820 | .mainwp-ui.mainwp-custom-theme .ui.dropdown .menu .item.active, |
| 749 | 821 | .mainwp-ui.mainwp-custom-theme .ui.dropdown .menu .item.selected, |
| 750 | 822 | .mainwp-ui.mainwp-custom-theme .ui.dropdown .menu .item:hover { |
| 751 | - color: var(--background-color-3); | |
| 823 | + background-color: var(--background-color-3) !important; | |
| 752 | 824 | } |
| 753 | 825 | |
| 754 | 826 | .mainwp-ui.mainwp-custom-theme #mainwp-first-level-navigation { |
| 755 | 827 | background-color: var(--background-color-1); |
| @@ -759,8 +831,23 @@ | ||
| 759 | 831 | .mainwp-ui.mainwp-custom-theme #mainwp-second-level-navigation .ui.inverted.menu { |
| 760 | 832 | background-color: var(--background-color-3); |
| 761 | 833 | } |
| 762 | 834 | |
| 835 | +.mainwp-ui.mainwp-custom-theme #mainwp-main-menu .item { | |
| 836 | + padding: 1em !important; | |
| 837 | + background-color: var(--background-color-3) !important; | |
| 838 | +} | |
| 839 | + | |
| 840 | +.mainwp-ui.mainwp-custom-theme #mainwp-main-menu .item .menu .item { | |
| 841 | + padding: 1em 1.5em !important; | |
| 842 | +} | |
| 843 | + | |
| 844 | +.mainwp-ui.mainwp-custom-theme #mainwp-main-menu .item .item .menu.active .item, | |
| 845 | +.mainwp-ui.mainwp-custom-theme #mainwp-main-menu .item .item .menu.active .item.title, | |
| 846 | +.mainwp-ui.mainwp-custom-theme #mainwp-main-menu .item .item .menu.active .item.content { | |
| 847 | + background-color: rgba(255, 255, 255, 0.08) !important; | |
| 848 | +} | |
| 849 | + | |
| 763 | 850 | .mainwp-ui.mainwp-custom-theme #mainwp-sites-sidebar-menu.ui.vertical.menu { |
| 764 | 851 | background-color: var(--background-color-2); |
| 765 | 852 | } |
| 766 | 853 | |
| @@ -1002,5 +1089,35 @@ | ||
| 1002 | 1089 | .mainwp-ui.mainwp-custom-theme .dt-scroll-body tbody tr.selected .ui.button.green, |
| 1003 | 1090 | .mainwp-ui.mainwp-custom-theme .dt-scroll-body tbody tr.selected .ui.button.basic.green{ |
| 1004 | 1091 | color: #fff !important; |
| 1005 | 1092 | } |
| 1006 | -/* end */ | |
| 1093 | +/* end */ | |
| 1094 | + | |
| 1095 | + | |
| 1096 | +/******************************* | |
| 1097 | + Scrollbars | |
| 1098 | +*******************************/ | |
| 1099 | + | |
| 1100 | +/* For WebKit Browsers (e.g., Chrome, Edge, Safari) */ | |
| 1101 | +::-webkit-scrollbar { | |
| 1102 | + width: 5px; /* Width of the scrollbar */ | |
| 1103 | +} | |
| 1104 | + | |
| 1105 | +::-webkit-scrollbar-track { | |
| 1106 | + background: #1c1d1b; /* Background of the track */ | |
| 1107 | +} | |
| 1108 | + | |
| 1109 | +::-webkit-scrollbar-thumb { | |
| 1110 | + background-color: #666666; /* Color of the scrollbar thumb */ | |
| 1111 | + border-radius: 5px; /* Round edges for the thumb */ | |
| 1112 | + border: 2px solid #1c1d1b; /* Optional: creates padding between thumb and track */ | |
| 1113 | +} | |
| 1114 | + | |
| 1115 | +::-webkit-scrollbar-thumb:hover { | |
| 1116 | + background: #666666; /* Thumb color on hover */ | |
| 1117 | +} | |
| 1118 | + | |
| 1119 | +/* For Firefox (using CSS Scrollbars Module Level 1) */ | |
| 1120 | +* { | |
| 1121 | + scrollbar-width: thin; /* Options: auto, thin */ | |
| 1122 | + scrollbar-color: #666666 #1c1d1b; /* thumb color, track color */ | |
| 1123 | +} | |
