@deepbag/react-grid-x/dist/themes/rgx-theme/dark/rgx-arrow-pagination-dark.css

ReactGridX is a customizable and flexible React table component that supports pagination, dynamic rendering of table data, and customizable column rendering. It provides an easy-to-use interface for displaying tabular data with configurable columns, pagin

/* Styles the pagination info text in dark theme */
.rgx-theme .rgx-arrow-pagination-info-dark {
  color: #fff !important;
}

/* Styles the 'Page of' label in dark theme */
.rgx-theme .rgx-arrow-pagination-page-of-dark {
  color: #fff !important;
}

/* Styles the 'Rows per page' label in dark theme */
.rgx-theme .rgx-arrow-pagination-rows-per-page-label-dark {
  color: #fff !important;
}

/* Styles the rows per page select dropdown */
.rgx-theme .rgx-arrow-pagination-rows-per-page-select-dark {
  border: 1px solid #474747 !important;
  background-color: #1c1c1c !important;
  color: #fff !important;
}

/* Styles the pagination buttons */
.rgx-theme .rgx-arrow-pagination-button-dark {
  border: 1px solid #474747 !important;
  background-color: #1c1c1c !important;
  color: #fff !important;
}

/* Styles the hover effect for pagination buttons */
.rgx-theme .rgx-arrow-pagination-button-dark:hover {
  background-color: #0e1215 !important;
}

/* Styles the disabled state of pagination buttons */
.rgx-theme .rgx-arrow-pagination-button-dark:disabled {
  background-color: #1c1c1c !important;
  border: 1px solid #474747 !important;
  color: #4c4c4c !important;
}