Alleinzellgaenger's picture
Style overrides for PDF.js
b343456
@import "tailwindcss";
/* PDF.js styling overrides */
.PdfHighlighter {
background-color: #f3f4f6 !important; /* Light gray background instead of black */
}
.PdfHighlighter .textLayer {
background-color: transparent !important;
}
.PdfHighlighter .page {
background-color: white !important;
box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
margin-bottom: 16px !important;
}
/* Custom scrollbar styling for PDF viewer */
.PdfHighlighter::-webkit-scrollbar {
width: 12px;
height: 12px;
}
.PdfHighlighter::-webkit-scrollbar-track {
background: #e5e7eb !important; /* Light gray track instead of black */
border-radius: 6px;
}
.PdfHighlighter::-webkit-scrollbar-thumb {
background: #9ca3af !important; /* Medium gray thumb */
border-radius: 6px;
}
.PdfHighlighter::-webkit-scrollbar-thumb:hover {
background: #6b7280 !important; /* Darker gray on hover */
}
.PdfHighlighter::-webkit-scrollbar-corner {
background: #e5e7eb !important; /* Light gray corner */
}