57 lines
1.5 KiB
CSS
57 lines
1.5 KiB
CSS
.markdown-preview-view table,
|
|
.markdown-source-view.mod-cm6 .cm-table-widget table {
|
|
border-collapse: collapse;
|
|
border-spacing: 0;
|
|
}
|
|
|
|
/* Header Styling */
|
|
.markdown-preview-view table thead tr,
|
|
.markdown-source-view.mod-cm6 .cm-table-widget thead tr {
|
|
background-color: #11111b;
|
|
}
|
|
|
|
.markdown-preview-view table thead th,
|
|
.markdown-source-view.mod-cm6 .cm-table-widget thead th {
|
|
color: #cdd6f4;
|
|
font-weight: 600;
|
|
padding: 1px;
|
|
border: 1px solid #313244;
|
|
}
|
|
|
|
/* Odd Row Background */
|
|
.markdown-preview-view table tbody tr:nth-child(odd),
|
|
.markdown-source-view.mod-cm6 .cm-table-widget tbody tr:nth-child(odd) {
|
|
background-color: #1e1e2e;
|
|
}
|
|
|
|
/* Even Row Background */
|
|
.markdown-preview-view table tbody tr:nth-child(even),
|
|
.markdown-source-view.mod-cm6 .cm-table-widget tbody tr:nth-child(even) {
|
|
background-color: #181825;
|
|
}
|
|
|
|
/* Table Cells */
|
|
.markdown-preview-view table td,
|
|
.markdown-source-view.mod-cm6 .cm-table-widget td {
|
|
color: #cdd6f4;
|
|
padding: 2px;
|
|
border: 1px solid #313244;
|
|
}
|
|
|
|
/* Hover Effect with Matching Cursor Color */
|
|
.markdown-preview-view table tbody tr:hover,
|
|
.markdown-source-view.mod-cm6 .cm-table-widget tbody tr:hover {
|
|
background-color: #b4befe;
|
|
color: #11111b;
|
|
transition: background-color 0.2s ease, color 0.2s ease;
|
|
caret-color: #11111b;
|
|
}
|
|
|
|
/* Ensure table cells also update their text and cursor color */
|
|
.markdown-preview-view table tbody tr:hover td,
|
|
.markdown-source-view.mod-cm6 .cm-table-widget tbody tr:hover td {
|
|
color: #11111b;
|
|
caret-color: #11111b;
|
|
}
|
|
|