82 lines
2.4 KiB
CSS
82 lines
2.4 KiB
CSS
/* Table and Dark Overrides */
|
|
.p-datatable {
|
|
table-layout: fixed !important;
|
|
}
|
|
.p-datatable td span.truncate {
|
|
display: block;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
/* Dark Mode for Table */
|
|
[data-theme="dark"] .p-datatable {
|
|
background-color: #121212 !important;
|
|
color: #e5e7eb !important;
|
|
}
|
|
[data-theme="dark"] .p-datatable-thead > tr > th {
|
|
background-color: #1f1f1f !important;
|
|
color: #e5e7eb !important;
|
|
border-bottom: 1px solid #374151;
|
|
}
|
|
[data-theme="dark"] .p-datatable-tbody > tr {
|
|
background-color: #1a1a1a !important;
|
|
border-bottom: 1px solid #374151;
|
|
color: #e5e7eb !important;
|
|
}
|
|
[data-theme="dark"] .p-datatable-tbody > tr:nth-child(odd) {
|
|
background-color: #222 !important;
|
|
}
|
|
[data-theme="dark"] .p-datatable-tbody > tr:hover {
|
|
background-color: #333 !important;
|
|
color: #fff !important;
|
|
}
|
|
|
|
/* Paginator Dark Mode */
|
|
[data-theme="dark"] .p-paginator {
|
|
background-color: #121212 !important;
|
|
color: #e5e7eb !important;
|
|
border-top: 1px solid #374151 !important;
|
|
}
|
|
[data-theme="dark"] .p-paginator .p-paginator-page,
|
|
[data-theme="dark"] .p-paginator .p-paginator-next,
|
|
[data-theme="dark"] .p-paginator .p-paginator-prev,
|
|
[data-theme="dark"] .p-paginator .p-paginator-first,
|
|
[data-theme="dark"] .p-paginator .p-paginator-last {
|
|
color: #e5e7eb !important;
|
|
background: transparent !important;
|
|
border: none !important;
|
|
}
|
|
[data-theme="dark"] .p-paginator .p-paginator-page:hover,
|
|
[data-theme="dark"] .p-paginator .p-paginator-next:hover,
|
|
[data-theme="dark"] .p-paginator .p-paginator-prev:hover {
|
|
background-color: #374151 !important;
|
|
color: #fff !important;
|
|
border-radius: 0.25rem;
|
|
}
|
|
[data-theme="dark"] .p-paginator .p-highlight {
|
|
background-color: #6b7280 !important;
|
|
color: #fff !important;
|
|
border-radius: 0.25rem !important;
|
|
}
|
|
|
|
/* Dark Mode for PrimeReact Dialog */
|
|
[data-theme="dark"] .p-dialog {
|
|
background-color: #1a1a1a !important;
|
|
color: #e5e7eb !important;
|
|
border-color: #374151 !important;
|
|
}
|
|
[data-theme="dark"] .p-dialog .p-dialog-header {
|
|
background-color: #121212 !important;
|
|
color: #e5e7eb !important;
|
|
border-bottom: 1px solid #374151 !important;
|
|
}
|
|
[data-theme="dark"] .p-dialog .p-dialog-content {
|
|
background-color: #1a1a1a !important;
|
|
color: #e5e7eb !important;
|
|
}
|
|
[data-theme="dark"] .p-dialog .p-dialog-footer {
|
|
background-color: #121212 !important;
|
|
border-top: 1px solid #374151 !important;
|
|
}
|