.App { text-align: center; } .App-logo { height: 40vmin; pointer-events: none; } @media (prefers-reduced-motion: no-preference) { .App-logo { animation: App-logo-spin infinite 20s linear; } } .App-header { background-color: #282c34; min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: calc(10px + 2vmin); color: white; } .App-link { color: #61dafb; } @keyframes App-logo-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .ag-theme-alpine-dark .ag-header-cell-label { font-size: 12px; font-family: 'Inter'; font-weight: 600; line-height: 18px; } /* Define the font for the regular data */ .ag-theme-alpine-dark .ag-cell { font-size: 12px; font-family: 'Inter'; font-weight: 500; line-height: 18px; } .ag-theme-alpine-dark .ag-header { background-color: #1A1D1E; } .ag-theme-alpine .ag-row { background-color: #292929; } /* Optional: Change the background color of the even rows to the same color */ .ag-theme-alpine-dark .ag-row:nth-child(even) { background-color: #292929; /* Same color as normal rows */ } /* Optional: Change the background color of the odd rows to the same color */ .ag-theme-alpine-dark .ag-row:nth-child(odd) { background-color: #292929; /* Same color as normal rows */ } /* Vertically center the text in the rows */ .ag-theme-alpine-dark .ag-cell { display: flex; align-items: center; } /* Optional: Ensure the header text is also vertically centered */ .ag-theme-alpine-dark .ag-header-cell-label { display: flex; align-items: center; } /* Ensure the full width of the rows has the correct background color */ .ag-theme-alpine-dark .ag-row, .ag-theme-alpine-dark .ag-row-odd, .ag-theme-alpine-dark .ag-row-even { width: 100%; background-color: #292929 !important; /* Replace with your desired color */ } .ag-theme-alpine-dark { width: 100% !important; } .ag-theme-alpine-dark { --ag-background-color: #292929 !important; } /* Remove any box-shadow or border from the grid cells */ .ag-theme-alpine-dark .ag-cell, .ag-theme-alpine-dark .ag-header-cell, .ag-theme-alpine-dark .ag-header-cell-resize { box-shadow: none; border: none !important; } /* Remove vertical borders between cells */ .ag-theme-alpine-dark .ag-cell { border-right: none !important; } @font-face { font-family: 'Inter'; src: url('./assets/fonts/Inter-Medium.ttf') format('truetype'); font-weight: 500; font-display: swap; } @font-face { font-family: 'Inter'; src: url('./assets/fonts/Inter-SemiBold.ttf') format('truetype'); font-weight: 600; font-display: swap; }