jspreadsheet/dist/jspreadsheet.themes.css

Jspreadsheet is a lightweight, vanilla javascript data grid plugin to create amazing web-based interactive tables and spreadsheets compatible with other spreadsheet software.

.jss {
	border-bottom: 1px solid var(--border_color, #ccc);
	border-right: 1px solid var(--border_color, #ccc);
}

.jss>thead>tr>th {
	border-top: 1px solid var(--border_color, #ccc);
	border-left: 1px solid var(--border_color, #ccc);
	background-color: var(--content_background, #fff);
	color: var(--content_color, #000);
}

.jss>thead>tr>th:first-child {
	box-shadow: 1px 0 0 0 var(--border_color, #ccc);
}

.jss>tbody>tr>td:first-child,
.jss>thead>tr>th {
	background-color: var(--header_background, #f3f3f3);
	color: var(--header_color, #000);
}

.jss>tbody>tr.selected>td:first-child,
.jss>thead>tr>th.selected {
	background-color: var(--header_background_highlighted, #dcdcdc);
	color: var(--header_color_highlighted, #000)
}

.jss>tbody>tr>td {
	border-top: 1px solid var(--border_color, #ccc);
	border-left: 1px solid var(--border_color, #ccc);
	background-color: var(--content_background, #fff);
	color: var(--content_color, #000);
}

.jss>tbody>tr>td.jss_cursor {
	background-color: var(--cursor, #eee);
}

.jss>tbody>tr>td.jss_cursor a {
	color: var(--active_color, #007aff)
}

.jss_pagination>div>div {
	color: var(--header_color, #000);
	background: var(--header_background, #f3f3f3);
	border: 1px solid var(--border_color, #ccc)
}

.jss_container input,
.jss_container select,
.jss_page {
	color: var(--header_color, #000);
	background: var(--header_background, #f3f3f3);
	border: 1px solid var(--border_color, #ccc)
}

.jss .jtabs .jtabs-headers>div {
	background-color: var(--header_background, #f3f3f3);
	color: var(--header_color, #000);
}

.jss .jtabs .jtabs-headers>div.jtabs-selected {
	background-color: var(--header_background_highlighted, #dcdcdc);
	color: var(--header_color_highlighted, #000);
}

.jss_toolbar {
	background-color: var(--header_background, #f3f3f3);
	color: var(--header_color, #000);
	border-color: var(--border_color, #ccc);
}

.jss_toolbar .jtoolbar-item i {
	color: var(--content_color, #000);
}

.jss_toolbar .jtoolbar-item i:hover {
	background: var(--content_background_highlighted, #00000077);
	color: var(--content_color_highlighted, #000)
}

.jss_toolbar .jtoolbar-divisor {
	background: var(--header_color, #000);
}

.jss_content::-webkit-scrollbar-track {
	background: var(--header_background, #f3f3f3);
}

.jss_content::-webkit-scrollbar-thumb {
	background: var(--header_background_highlighted, #dcdcdc);
}

.jss_border_main {
	border: 1px solid var(--border_color_highlighted, #000);
}

.jss_border_cloning {
	border: 1px dashed var(--border_color_highlighted, #000);
}