/* Дополнительные стили для PrimeReact с вашей темой */ .p-tabmenu .p-tabmenuitem .p-menuitem-link { color: var(--text-secondary); transition: all 0.2s ease; } .p-tabmenu .p-tabmenuitem .p-menuitem-link:not(.p-disabled):hover { color: var(--text-primary); background-color: var(--bg-tertiary); } .p-tabmenu .p-tabmenuitem.p-highlight .p-menuitem-link { color: var(--accent-primary); border-color: var(--accent-primary); } .p-menubar { background-color: var(--bg-secondary); border: none; border-radius: 0; } .p-menubar .p-menuitem-link { color: var(--text-secondary); } .p-menubar .p-menuitem-link:hover { background-color: var(--bg-tertiary); color: var(--text-primary); } .p-button.p-button-text { color: var(--text-secondary); } .p-button.p-button-text:hover { color: var(--text-primary); background-color: var(--bg-tertiary); } /* ==================== Стили для скроллов ==================== */ /* WebKit браузеры (Chrome, Safari, Edge, Opera) */ ::-webkit-scrollbar { width: 8px; height: 8px; } ::-webkit-scrollbar-track { background: var(--bg-tertiary); border-radius: 4px; } ::-webkit-scrollbar-thumb { background: var(--border-secondary); border-radius: 4px; transition: background 0.2s ease; } ::-webkit-scrollbar-thumb:hover { background: var(--accent-primary); } ::-webkit-scrollbar-corner { background: var(--bg-tertiary); } /* Firefox */ * { scrollbar-width: thin; scrollbar-color: var(--border-secondary) var(--bg-tertiary); } /* Для элементов с прокруткой (кастомные классы) */ .custom-scrollbar { scrollbar-width: thin; scrollbar-color: var(--border-secondary) var(--bg-tertiary); } .custom-scrollbar::-webkit-scrollbar { width: 8px; height: 8px; } .custom-scrollbar::-webkit-scrollbar-track { background: var(--bg-tertiary); border-radius: 4px; } .custom-scrollbar::-webkit-scrollbar-thumb { background: var(--border-secondary); border-radius: 4px; transition: background 0.2s ease; } .custom-scrollbar::-webkit-scrollbar-thumb:hover { background: var(--accent-primary); } /* Для горизонтальных скроллов */ .horizontal-scrollbar { overflow-x: auto; } .horizontal-scrollbar::-webkit-scrollbar { height: 6px; } /* Для очень тонких скроллов (например, в таблицах) */ .thin-scrollbar::-webkit-scrollbar { width: 4px; height: 4px; } .thin-scrollbar::-webkit-scrollbar-track { background: var(--bg-tertiary); border-radius: 2px; } .thin-scrollbar::-webkit-scrollbar-thumb { background: var(--border-secondary); border-radius: 2px; } .thin-scrollbar::-webkit-scrollbar-thumb:hover { background: var(--accent-primary); } /* Для темных тем - дополнительная стилизация */ [data-theme="dark"] ::-webkit-scrollbar-track, [data-theme="nightowl"] ::-webkit-scrollbar-track, [data-theme="sunset"] ::-webkit-scrollbar-track, [data-theme="forest"] ::-webkit-scrollbar-track, [data-theme="ocean"] ::-webkit-scrollbar-track, [data-theme="coffee"] ::-webkit-scrollbar-track, [data-theme="midnight"] ::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.05); } [data-theme="dark"] ::-webkit-scrollbar-thumb, [data-theme="nightowl"] ::-webkit-scrollbar-thumb, [data-theme="sunset"] ::-webkit-scrollbar-thumb, [data-theme="forest"] ::-webkit-scrollbar-thumb, [data-theme="ocean"] ::-webkit-scrollbar-thumb, [data-theme="coffee"] ::-webkit-scrollbar-thumb, [data-theme="midnight"] ::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.2); } [data-theme="dark"] ::-webkit-scrollbar-thumb:hover, [data-theme="nightowl"] ::-webkit-scrollbar-thumb:hover, [data-theme="sunset"] ::-webkit-scrollbar-thumb:hover, [data-theme="forest"] ::-webkit-scrollbar-thumb:hover, [data-theme="ocean"] ::-webkit-scrollbar-thumb:hover, [data-theme="coffee"] ::-webkit-scrollbar-thumb:hover, [data-theme="midnight"] ::-webkit-scrollbar-thumb:hover { background: var(--accent-primary); } /* Для светлых тем - более контрастные скроллы */ [data-theme="light"] ::-webkit-scrollbar-track { background: #f1f5f9; } [data-theme="light"] ::-webkit-scrollbar-thumb { background: #cbd5e1; } [data-theme="light"] ::-webkit-scrollbar-thumb:hover { background: var(--accent-primary); } /* Для лавандовой темы */ [data-theme="lavender"] ::-webkit-scrollbar-track { background: #e9d5ff; } [data-theme="lavender"] ::-webkit-scrollbar-thumb { background: #c084fc; } [data-theme="lavender"] ::-webkit-scrollbar-thumb:hover { background: var(--accent-primary); } /* Для розовой темы */ [data-theme="rose"] ::-webkit-scrollbar-track { background: #fecdd3; } [data-theme="rose"] ::-webkit-scrollbar-thumb { background: #fb7185; } [data-theme="rose"] ::-webkit-scrollbar-thumb:hover { background: var(--accent-primary); } /* Стили для скролла в текстовых полях и textarea */ textarea::-webkit-scrollbar { width: 6px; } textarea::-webkit-scrollbar-track { background: var(--bg-tertiary); border-radius: 3px; } textarea::-webkit-scrollbar-thumb { background: var(--border-secondary); border-radius: 3px; } textarea::-webkit-scrollbar-thumb:hover { background: var(--accent-primary); } /* Стили для скролла в выпадающих списках PrimeReact */ .p-dropdown-panel .p-dropdown-items-wrapper::-webkit-scrollbar { width: 6px; } .p-dropdown-panel .p-dropdown-items-wrapper::-webkit-scrollbar-track { background: var(--bg-tertiary); border-radius: 3px; } .p-dropdown-panel .p-dropdown-items-wrapper::-webkit-scrollbar-thumb { background: var(--border-secondary); border-radius: 3px; } .p-dropdown-panel .p-dropdown-items-wrapper::-webkit-scrollbar-thumb:hover { background: var(--accent-primary); } /* Стили для скролла в таблицах */ .p-datatable-wrapper::-webkit-scrollbar { height: 8px; width: 8px; } .p-datatable-wrapper::-webkit-scrollbar-track { background: var(--bg-tertiary); border-radius: 4px; } .p-datatable-wrapper::-webkit-scrollbar-thumb { background: var(--border-secondary); border-radius: 4px; } .p-datatable-wrapper::-webkit-scrollbar-thumb:hover { background: var(--accent-primary); } /* Стили для скролла в модальных окнах */ .p-dialog .p-dialog-content::-webkit-scrollbar { width: 6px; } .p-dialog .p-dialog-content::-webkit-scrollbar-track { background: var(--bg-tertiary); border-radius: 3px; } .p-dialog .p-dialog-content::-webkit-scrollbar-thumb { background: var(--border-secondary); border-radius: 3px; } .p-dialog .p-dialog-content::-webkit-scrollbar-thumb:hover { background: var(--accent-primary); } /* Стили для скролла в меню */ .p-menu .p-menu-list::-webkit-scrollbar { width: 6px; } .p-menu .p-menu-list::-webkit-scrollbar-track { background: var(--bg-tertiary); border-radius: 3px; } .p-menu .p-menu-list::-webkit-scrollbar-thumb { background: var(--border-secondary); border-radius: 3px; } .p-menu .p-menu-list::-webkit-scrollbar-thumb:hover { background: var(--accent-primary); } @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } .animate-pulse { animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; }