| @@ -1,4 +1,19 @@ | ||
| 1 | +/* WPBot design tokens — change colors here to theme the whole admin UI */ | |
| 2 | +:root { | |
| 3 | + --woobot-primary: #5B4E96; | |
| 4 | + --woobot-primary-color: #5B4E96; | |
| 5 | + --woobot-primary-dark: #463a7a; | |
| 6 | + --woobot-primary-soft: #f3f1fa; | |
| 7 | + --woobot-primary-border: #e4e0f2; | |
| 8 | + --woobot-surface: #ffffff; | |
| 9 | + --woobot-page-bg: #F5F7FD; | |
| 10 | + --woobot-text: #2d2a3a; | |
| 11 | + --woobot-muted: #6b6680; | |
| 12 | + --woobot-danger: #e25563; | |
| 13 | + --woobot-nav-muted: #988FBD; | |
| 14 | + --woobot-primary-rgb: 91, 78, 150; | |
| 15 | +} | |
| 1 | 16 | .wp-chatbot-messages-wrapper{padding: 15px;padding-left: 43px;padding-right: 43px;} |
| 2 | 17 | .wp-chatbot-messages-wrapper ul{overflow:inherit !Important} |
| 3 | 18 | .sld_menu_title_align { |
| 4 | 19 | text-align: right; |
| @@ -115,9 +130,9 @@ | ||
| 115 | 130 | margin: 0 !important; |
| 116 | 131 | padding: 0 !important; |
| 117 | 132 | font-weight: 700; |
| 118 | 133 | font-size: 24px; |
| 119 | - color: #5B4E96 !important; | |
| 134 | + color: var(--woobot-primary) !important; | |
| 120 | 135 | line-height: normal; |
| 121 | 136 | } |
| 122 | 137 | .qcld-session-history_menu_box form#wpcs_form_sessions { |
| 123 | 138 | row-gap: 10px; |
| @@ -184,15 +199,15 @@ | ||
| 184 | 199 | border: 2px solid var(--woobot-primary-color); |
| 185 | 200 | } |
| 186 | 201 | |
| 187 | 202 | .qcld-session-history_menu_box table#chatsession-table a:not(.btn) { |
| 188 | - color: #5B4E96; | |
| 203 | + color: var(--woobot-primary); | |
| 189 | 204 | font-weight: 500; |
| 190 | 205 | text-decoration: none; |
| 191 | 206 | } |
| 192 | 207 | |
| 193 | 208 | .qcld-session-history_menu_box table#chatsession-table a:not(.btn):hover { |
| 194 | - color: #463a7a; | |
| 209 | + color: var(--woobot-primary-dark); | |
| 195 | 210 | text-decoration: underline; |
| 196 | 211 | } |
| 197 | 212 | |
| 198 | 213 | table#chatsession-table { |
| @@ -369,9 +384,9 @@ | ||
| 369 | 384 | left: 50%; |
| 370 | 385 | transform: translate(-50%, -50%); |
| 371 | 386 | margin: 0; |
| 372 | 387 | padding: 0; |
| 373 | - border: 1px solid #e4e0f2; | |
| 388 | + border: 1px solid var(--woobot-primary-border); | |
| 374 | 389 | width: calc(100% - 40px); |
| 375 | 390 | max-width: 720px; |
| 376 | 391 | height: auto; |
| 377 | 392 | max-height: min(860px, calc(100vh - 48px)); |
| @@ -376,9 +391,9 @@ | ||
| 376 | 391 | height: auto; |
| 377 | 392 | max-height: min(860px, calc(100vh - 48px)); |
| 378 | 393 | background: #fff; |
| 379 | 394 | border-radius: 16px; |
| 380 | - box-shadow: 0 16px 48px rgba(91, 78, 150, 0.22); | |
| 395 | + box-shadow: 0 16px 48px rgba(var(--woobot-primary-rgb), 0.22); | |
| 381 | 396 | overflow: hidden; |
| 382 | 397 | display: flex; |
| 383 | 398 | flex-direction: column; |
| 384 | 399 | } |
| @@ -388,9 +403,9 @@ | ||
| 388 | 403 | top: 12px; |
| 389 | 404 | right: 12px; |
| 390 | 405 | z-index: 10001; |
| 391 | 406 | color: #fff; |
| 392 | - background: #5B4E96; | |
| 407 | + background: var(--woobot-primary); | |
| 393 | 408 | font-size: 20px; |
| 394 | 409 | font-weight: 600; |
| 395 | 410 | cursor: pointer; |
| 396 | 411 | height: 32px; |
| @@ -397,14 +412,14 @@ | ||
| 397 | 412 | width: 32px; |
| 398 | 413 | border-radius: 50%; |
| 399 | 414 | text-align: center; |
| 400 | 415 | line-height: 30px; |
| 401 | - box-shadow: 0 2px 8px rgba(91, 78, 150, 0.25); | |
| 416 | + box-shadow: 0 2px 8px rgba(var(--woobot-primary-rgb), 0.25); | |
| 402 | 417 | transition: background 0.15s ease; |
| 403 | 418 | } |
| 404 | 419 | |
| 405 | 420 | div#session_details_modal .details_session_close:hover { |
| 406 | - background: #463a7a; | |
| 421 | + background: var(--woobot-primary-dark); | |
| 407 | 422 | } |
| 408 | 423 | |
| 409 | 424 | div#session_details_modal .details_modal_body { |
| 410 | 425 | display: flex; |
| @@ -434,9 +449,9 @@ | ||
| 434 | 449 | } |
| 435 | 450 | |
| 436 | 451 | /* Source URL bar inside modal */ |
| 437 | 452 | div#session_details_modal li.session_start_url { |
| 438 | - background: #5B4E96 !important; | |
| 453 | + background: var(--woobot-primary) !important; | |
| 439 | 454 | padding: 12px 16px; |
| 440 | 455 | margin: 0 0 16px; |
| 441 | 456 | color: #fff; |
| 442 | 457 | border-radius: 10px; |
| @@ -456,16 +471,16 @@ | ||
| 456 | 471 | |
| 457 | 472 | /* Chat bubbles in modal */ |
| 458 | 473 | div#session_details_modal .wp-chatbot-paragraph { |
| 459 | 474 | background: #fff !important; |
| 460 | - border: 1px solid #e4e0f2; | |
| 475 | + border: 1px solid var(--woobot-primary-border); | |
| 461 | 476 | padding: 10px 14px !important; |
| 462 | 477 | border-radius: 12px !important; |
| 463 | - box-shadow: 0 1px 3px rgba(91, 78, 150, 0.06); | |
| 478 | + box-shadow: 0 1px 3px rgba(var(--woobot-primary-rgb), 0.06); | |
| 464 | 479 | } |
| 465 | 480 | |
| 466 | 481 | div#session_details_modal li.wp-chat-user-msg .wp-chatbot-paragraph { |
| 467 | - background: #f3f1fa !important; | |
| 482 | + background: var(--woobot-primary-soft) !important; | |
| 468 | 483 | border-color: #ddd6f3; |
| 469 | 484 | } |
| 470 | 485 | |
| 471 | 486 | div#session_details_modal .wp-chatbot-avatar img { |
| @@ -471,9 +486,9 @@ | ||
| 471 | 486 | div#session_details_modal .wp-chatbot-avatar img { |
| 472 | 487 | width: 36px !important; |
| 473 | 488 | height: 36px !important; |
| 474 | 489 | border-radius: 50%; |
| 475 | - border: 2px solid #e4e0f2; | |
| 490 | + border: 2px solid var(--woobot-primary-border); | |
| 476 | 491 | } |
| 477 | 492 | |
| 478 | 493 | /* Email reply panel */ |
| 479 | 494 | div#session_details_modal .email-reply-container { |
| @@ -479,9 +494,9 @@ | ||
| 479 | 494 | div#session_details_modal .email-reply-container { |
| 480 | 495 | flex: 0 0 auto; |
| 481 | 496 | margin: 0 !important; |
| 482 | 497 | padding: 18px 20px 20px !important; |
| 483 | - border-top: 1px solid #e4e0f2 !important; | |
| 498 | + border-top: 1px solid var(--woobot-primary-border) !important; | |
| 484 | 499 | background: #fff !important; |
| 485 | 500 | border-radius: 0 !important; |
| 486 | 501 | } |
| 487 | 502 | |
| @@ -491,18 +506,18 @@ | ||
| 491 | 506 | align-items: center; |
| 492 | 507 | gap: 8px 14px; |
| 493 | 508 | margin: 0 0 12px; |
| 494 | 509 | font-size: 13px; |
| 495 | - color: #2d2a3a; | |
| 510 | + color: var(--woobot-text); | |
| 496 | 511 | } |
| 497 | 512 | |
| 498 | 513 | div#session_details_modal .email-reply-container .email-reply-meta strong { |
| 499 | - color: #5B4E96; | |
| 514 | + color: var(--woobot-primary); | |
| 500 | 515 | font-weight: 600; |
| 501 | 516 | } |
| 502 | 517 | |
| 503 | 518 | div#session_details_modal .email-reply-container .email-reply-meta a { |
| 504 | - color: #5B4E96; | |
| 519 | + color: var(--woobot-primary); | |
| 505 | 520 | font-weight: 500; |
| 506 | 521 | } |
| 507 | 522 | |
| 508 | 523 | div#session_details_modal .email-reply-container #reply_from_email, |
| @@ -509,13 +524,13 @@ | ||
| 509 | 524 | div#session_details_modal .email-reply-container #reply_subject, |
| 510 | 525 | div#session_details_modal .email-reply-container #reply_message { |
| 511 | 526 | width: 100%; |
| 512 | 527 | box-sizing: border-box; |
| 513 | - border: 1px solid #e4e0f2; | |
| 528 | + border: 1px solid var(--woobot-primary-border); | |
| 514 | 529 | border-radius: 8px; |
| 515 | 530 | padding: 10px 12px; |
| 516 | 531 | font-size: 13px; |
| 517 | - color: #2d2a3a; | |
| 532 | + color: var(--woobot-text); | |
| 518 | 533 | background: #fff; |
| 519 | 534 | box-shadow: none; |
| 520 | 535 | outline: none; |
| 521 | 536 | transition: border-color 0.15s ease, box-shadow 0.15s ease; |
| @@ -530,10 +545,10 @@ | ||
| 530 | 545 | |
| 531 | 546 | div#session_details_modal .email-reply-container #reply_from_email:focus, |
| 532 | 547 | div#session_details_modal .email-reply-container #reply_subject:focus, |
| 533 | 548 | div#session_details_modal .email-reply-container #reply_message:focus { |
| 534 | - border-color: #5B4E96; | |
| 535 | - box-shadow: 0 0 0 3px rgba(91, 78, 150, 0.15); | |
| 549 | + border-color: var(--woobot-primary); | |
| 550 | + box-shadow: 0 0 0 3px rgba(var(--woobot-primary-rgb), 0.15); | |
| 536 | 551 | } |
| 537 | 552 | |
| 538 | 553 | div#session_details_modal .email-reply-container .form-group { |
| 539 | 554 | margin-bottom: 10px !important; |
| @@ -539,9 +554,9 @@ | ||
| 539 | 554 | margin-bottom: 10px !important; |
| 540 | 555 | } |
| 541 | 556 | |
| 542 | 557 | div#session_details_modal .email-reply-container #btn_send_reply_email { |
| 543 | - background: #5B4E96 !important; | |
| 558 | + background: var(--woobot-primary) !important; | |
| 544 | 559 | color: #fff !important; |
| 545 | 560 | border: none !important; |
| 546 | 561 | padding: 10px 20px !important; |
| 547 | 562 | border-radius: 8px !important; |
| @@ -551,9 +566,9 @@ | ||
| 551 | 566 | transition: background 0.15s ease; |
| 552 | 567 | } |
| 553 | 568 | |
| 554 | 569 | div#session_details_modal .email-reply-container #btn_send_reply_email:hover:not(:disabled) { |
| 555 | - background: #463a7a !important; | |
| 570 | + background: var(--woobot-primary-dark) !important; | |
| 556 | 571 | } |
| 557 | 572 | |
| 558 | 573 | div#session_details_modal .email-reply-container #btn_send_reply_email:disabled { |
| 559 | 574 | opacity: 0.55; |
| @@ -576,9 +591,9 @@ | ||
| 576 | 591 | top: 50%; |
| 577 | 592 | width: 50px; |
| 578 | 593 | height: 50px; |
| 579 | 594 | font-size: 0; |
| 580 | - color: #5B4E96; | |
| 595 | + color: var(--woobot-primary); | |
| 581 | 596 | display: inline-block !important; |
| 582 | 597 | margin: -25px 0 0 -25px; |
| 583 | 598 | text-indent: -9999em; |
| 584 | 599 | -webkit-transform: translateZ(0); |
| @@ -588,9 +603,9 @@ | ||
| 588 | 603 | .lead{ |
| 589 | 604 | font-size:13px; |
| 590 | 605 | } |
| 591 | 606 | .loader div { |
| 592 | - background-color: #5B4E96; | |
| 607 | + background-color: var(--woobot-primary); | |
| 593 | 608 | display: inline-block; |
| 594 | 609 | float: none; |
| 595 | 610 | position: absolute; |
| 596 | 611 | top: 0; |
| @@ -813,9 +828,9 @@ | ||
| 813 | 828 | padding: 14px 30px; |
| 814 | 829 | width: auto; |
| 815 | 830 | font-size: 16px; |
| 816 | 831 | font-weight: 500; |
| 817 | - color: #988FBD; | |
| 832 | + color: var(--woobot-nav-muted); | |
| 818 | 833 | border-radius: 8px; |
| 819 | 834 | position: relative; |
| 820 | 835 | display: inline-block; |
| 821 | 836 | align-items: center; |
| @@ -864,9 +879,9 @@ | ||
| 864 | 879 | } |
| 865 | 880 | |
| 866 | 881 | |
| 867 | 882 | .qcld-session-history_menu_box .btn.btn-primary { |
| 868 | - background: #564a8e !important; | |
| 883 | + background: var(--woobot-primary) !important; | |
| 869 | 884 | color: #fff !important; |
| 870 | 885 | margin: 0 0 3px 0; |
| 871 | 886 | } |
| 872 | 887 | .qcld-session-history_menu_box a.btn.btn-success { |
| @@ -876,12 +891,12 @@ | ||
| 876 | 891 | font-weight: 500; |
| 877 | 892 | border-radius: 8px; |
| 878 | 893 | position: relative; |
| 879 | 894 | background: #ffffff; |
| 880 | - color: #564a8e; | |
| 895 | + color: var(--woobot-primary); | |
| 881 | 896 | text-decoration: none; |
| 882 | 897 | line-height: normal; |
| 883 | - border: 2px solid #564a8e; | |
| 898 | + border: 2px solid var(--woobot-primary); | |
| 884 | 899 | } |
| 885 | 900 | .qcld-session-history_menu_box a.btn.btn-success:hover { |
| 886 | 901 | padding: 8px 24px; |
| 887 | 902 | width: auto; |
| @@ -888,13 +903,13 @@ | ||
| 888 | 903 | font-size: 15px; |
| 889 | 904 | font-weight: 500; |
| 890 | 905 | border-radius: 8px; |
| 891 | 906 | position: relative; |
| 892 | - background: #564a8e; | |
| 907 | + background: var(--woobot-primary); | |
| 893 | 908 | color: #fff; |
| 894 | 909 | text-decoration: none; |
| 895 | 910 | line-height: normal; |
| 896 | - border: 2px solid #564a8e; | |
| 911 | + border: 2px solid var(--woobot-primary); | |
| 897 | 912 | } |
| 898 | 913 | |
| 899 | 914 | li.session_start_url span { |
| 900 | 915 | font-weight: bold; |
| @@ -899,9 +914,9 @@ | ||
| 899 | 914 | li.session_start_url span { |
| 900 | 915 | font-weight: bold; |
| 901 | 916 | } |
| 902 | 917 | li.session_start_url { |
| 903 | - background: #5B4E96 !important; | |
| 918 | + background: var(--woobot-primary) !important; | |
| 904 | 919 | padding: 8px 8px; |
| 905 | 920 | color: #fff; |
| 906 | 921 | border-radius: 6px; |
| 907 | 922 | } |
| @@ -927,10 +942,10 @@ | ||
| 927 | 942 | visibility: hidden; |
| 928 | 943 | pointer-events: none; |
| 929 | 944 | transform: translateY(100%); |
| 930 | 945 | transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease; |
| 931 | - box-shadow: 0 -8px 28px rgba(91, 78, 150, 0.12); | |
| 932 | - border-top: 1px solid #e4e0f2; | |
| 946 | + box-shadow: 0 -8px 28px rgba(var(--woobot-primary-rgb), 0.12); | |
| 947 | + border-top: 1px solid var(--woobot-primary-border); | |
| 933 | 948 | max-height: 55vh; |
| 934 | 949 | overflow-y: auto; |
| 935 | 950 | box-sizing: border-box; |
| 936 | 951 | } |
| @@ -966,8 +981,9 @@ | ||
| 966 | 981 | } |
| 967 | 982 | |
| 968 | 983 | /* ─── Modern Sessions UI (plugin palette) ─────────────────────────────────── */ |
| 969 | 984 | .qcld-session-history_menu_box { |
| 985 | + --woobot-primary: #5B4E96; | |
| 970 | 986 | --woobot-primary-color: #5B4E96; |
| 971 | 987 | --woobot-primary-dark: #463a7a; |
| 972 | 988 | --woobot-primary-soft: #f3f1fa; |
| 973 | 989 | --woobot-primary-border: #e4e0f2; |
| @@ -1029,9 +1045,9 @@ | ||
| 1029 | 1045 | width: 18px; |
| 1030 | 1046 | height: 18px; |
| 1031 | 1047 | background: #fff; |
| 1032 | 1048 | border-radius: 50%; |
| 1033 | - box-shadow: 0 1px 3px rgba(91, 78, 150, 0.25); | |
| 1049 | + box-shadow: 0 1px 3px rgba(var(--woobot-primary-rgb), 0.25); | |
| 1034 | 1050 | transition: transform 0.2s ease; |
| 1035 | 1051 | } |
| 1036 | 1052 | |
| 1037 | 1053 | .qcld-session-email-notice__input:checked + .qcld-session-email-notice__switch { |
| @@ -1173,9 +1189,9 @@ | ||
| 1173 | 1189 | |
| 1174 | 1190 | .qcld-session-history_menu_box div.dt-container select.dt-input:focus, |
| 1175 | 1191 | .qcld-session-history_menu_box div.dt-container input.dt-input:focus { |
| 1176 | 1192 | border-color: var(--woobot-primary-color); |
| 1177 | - box-shadow: 0 0 0 3px rgba(91, 78, 150, 0.15); | |
| 1193 | + box-shadow: 0 0 0 3px rgba(var(--woobot-primary-rgb), 0.15); | |
| 1178 | 1194 | } |
| 1179 | 1195 | |
| 1180 | 1196 | /* Sessions table */ |
| 1181 | 1197 | .qcld-session-history_menu_box .chatsession_table_area { |
| @@ -1244,10 +1260,10 @@ | ||
| 1244 | 1260 | display: inline-flex; |
| 1245 | 1261 | align-items: center; |
| 1246 | 1262 | justify-content: center; |
| 1247 | 1263 | gap: 4px; |
| 1248 | - margin: 2px 4px 2px 0; | |
| 1249 | - padding: 7px 12px; | |
| 1264 | + margin: 2px 2px 2px 0; | |
| 1265 | + padding: 7px 10px; | |
| 1250 | 1266 | border-radius: 8px; |
| 1251 | 1267 | font-size: 12px; |
| 1252 | 1268 | font-weight: 600; |
| 1253 | 1269 | line-height: 1.2; |
| @@ -1258,9 +1274,9 @@ | ||
| 1258 | 1274 | } |
| 1259 | 1275 | |
| 1260 | 1276 | .qcld-session-history_menu_box table#chatsession-table a.btn.btn-danger, |
| 1261 | 1277 | .qcld-session-history_menu_box table#chatsession-table .btn.btn-danger { |
| 1262 | - background: #e25563; | |
| 1278 | + background: var(--woobot-danger); | |
| 1263 | 1279 | color: #fff; |
| 1264 | 1280 | } |
| 1265 | 1281 | |
| 1266 | 1282 | .qcld-session-history_menu_box table#chatsession-table a.btn.btn-danger:hover, |
| @@ -1382,9 +1398,9 @@ | ||
| 1382 | 1398 | .wpbot-session-details-page .wpbot-session-chat-card { |
| 1383 | 1399 | background: #fff; |
| 1384 | 1400 | border: 1px solid var(--woobot-primary-border); |
| 1385 | 1401 | border-radius: 16px; |
| 1386 | - box-shadow: 0 6px 22px rgba(91, 78, 150, 0.06); | |
| 1402 | + box-shadow: 0 6px 22px rgba(var(--woobot-primary-rgb), 0.06); | |
| 1387 | 1403 | width: 100%; |
| 1388 | 1404 | box-sizing: border-box; |
| 1389 | 1405 | } |
| 1390 | 1406 | |
| @@ -1563,9 +1579,9 @@ | ||
| 1563 | 1579 | background: #fff !important; |
| 1564 | 1580 | border: 1px solid var(--woobot-primary-border); |
| 1565 | 1581 | padding: 10px 14px !important; |
| 1566 | 1582 | border-radius: 12px !important; |
| 1567 | - box-shadow: 0 1px 3px rgba(91, 78, 150, 0.06); | |
| 1583 | + box-shadow: 0 1px 3px rgba(var(--woobot-primary-rgb), 0.06); | |
| 1568 | 1584 | text-align: left !important; |
| 1569 | 1585 | } |
| 1570 | 1586 | |
| 1571 | 1587 | .wpbot-session-details-page li.wp-chat-user-msg .wp-chatbot-paragraph { |
| @@ -1599,9 +1615,9 @@ | ||
| 1599 | 1615 | color: #fff; |
| 1600 | 1616 | font-size: 14px; |
| 1601 | 1617 | font-weight: 600; |
| 1602 | 1618 | font-family: inherit; |
| 1603 | - box-shadow: 0 10px 28px rgba(91, 78, 150, 0.35); | |
| 1619 | + box-shadow: 0 10px 28px rgba(var(--woobot-primary-rgb), 0.35); | |
| 1604 | 1620 | cursor: pointer; |
| 1605 | 1621 | transition: background 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease; |
| 1606 | 1622 | } |
| 1607 | 1623 | |
| @@ -1613,9 +1629,9 @@ | ||
| 1613 | 1629 | .wpbot-session-details-page .wpbot-reply-fab:hover, |
| 1614 | 1630 | .wpbot-session-details-page .wpbot-reply-fab.is-active { |
| 1615 | 1631 | background: var(--woobot-primary-dark); |
| 1616 | 1632 | transform: translateY(-2px); |
| 1617 | - box-shadow: 0 12px 32px rgba(91, 78, 150, 0.4); | |
| 1633 | + box-shadow: 0 12px 32px rgba(var(--woobot-primary-rgb), 0.4); | |
| 1618 | 1634 | } |
| 1619 | 1635 | |
| 1620 | 1636 | .wpbot-session-details-page .wpbot-reply-panel { |
| 1621 | 1637 | position: fixed; |
| @@ -1629,9 +1645,9 @@ | ||
| 1629 | 1645 | flex-direction: column; |
| 1630 | 1646 | background: #fff; |
| 1631 | 1647 | border: 1px solid var(--woobot-primary-border); |
| 1632 | 1648 | border-radius: 16px; |
| 1633 | - box-shadow: 0 16px 40px rgba(91, 78, 150, 0.2); | |
| 1649 | + box-shadow: 0 16px 40px rgba(var(--woobot-primary-rgb), 0.2); | |
| 1634 | 1650 | opacity: 0; |
| 1635 | 1651 | visibility: hidden; |
| 1636 | 1652 | transform: translateY(12px) scale(0.98); |
| 1637 | 1653 | transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease; |
| @@ -1741,9 +1757,9 @@ | ||
| 1741 | 1757 | |
| 1742 | 1758 | .wpbot-session-details-page .email-reply-container .form-control:focus, |
| 1743 | 1759 | .wpbot-session-details-page .forward-session-wrapper #details_session_email:focus { |
| 1744 | 1760 | border-color: var(--woobot-primary); |
| 1745 | - box-shadow: 0 0 0 3px rgba(91, 78, 150, 0.15); | |
| 1761 | + box-shadow: 0 0 0 3px rgba(var(--woobot-primary-rgb), 0.15); | |
| 1746 | 1762 | } |
| 1747 | 1763 | |
| 1748 | 1764 | .wpbot-session-details-page .forward-session-wrapper { |
| 1749 | 1765 | display: flex; |
| @@ -1841,9 +1857,9 @@ | ||
| 1841 | 1857 | background: #fff; |
| 1842 | 1858 | border: 1px solid var(--woobot-primary-border); |
| 1843 | 1859 | border-radius: 16px; |
| 1844 | 1860 | padding: 48px 36px; |
| 1845 | - box-shadow: 0 8px 28px rgba(91, 78, 150, 0.08); | |
| 1861 | + box-shadow: 0 8px 28px rgba(var(--woobot-primary-rgb), 0.08); | |
| 1846 | 1862 | } |
| 1847 | 1863 | |
| 1848 | 1864 | .wpbot-ai-insight-page .wpbot-ai-insight-locked__icon { |
| 1849 | 1865 | display: flex; |
| @@ -1933,9 +1949,9 @@ | ||
| 1933 | 1949 | |
| 1934 | 1950 | /* Sessions page shell — match other WPBot admin pages */ |
| 1935 | 1951 | body.chatbot-wpbot-lite_page_wbcs-botsessions-page, |
| 1936 | 1952 | body.wpbot-panel_page_wbcs-botsessions-page { |
| 1937 | - background-color: #F5F7FD; | |
| 1953 | + background-color: var(--woobot-page-bg); | |
| 1938 | 1954 | } |
| 1939 | 1955 | |
| 1940 | 1956 | .qcld-chat-sessions-wrap { |
| 1941 | 1957 | font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; |
| @@ -1966,9 +1982,9 @@ | ||
| 1966 | 1982 | padding: 0 0 15px 0; |
| 1967 | 1983 | margin: 0 0 16px 0; |
| 1968 | 1984 | font-weight: 700; |
| 1969 | 1985 | font-size: 22px !important; |
| 1970 | - color: #5b4e96 !important; | |
| 1986 | + color: var(--woobot-primary) !important; | |
| 1971 | 1987 | line-height: 1.3; |
| 1972 | 1988 | } |
| 1973 | 1989 | |
| 1974 | 1990 | .qcld-chat-sessions-wrap .qcld-chat-sessions-tabs { |
| @@ -1996,11 +2012,11 @@ | ||
| 1996 | 2012 | } |
| 1997 | 2013 | |
| 1998 | 2014 | .qcld-chat-sessions-wrap .qcld-chat-sessions-tabs .nav-tab:hover, |
| 1999 | 2015 | .qcld-chat-sessions-wrap .qcld-chat-sessions-tabs .nav-tab:focus { |
| 2000 | - background: #5b4e96; | |
| 2016 | + background: var(--woobot-primary); | |
| 2001 | 2017 | color: #fff; |
| 2002 | - border-color: #5b4e96; | |
| 2018 | + border-color: var(--woobot-primary); | |
| 2003 | 2019 | box-shadow: none; |
| 2004 | 2020 | outline: none; |
| 2005 | 2021 | } |
| 2006 | 2022 | |
