Skip to content

Commit a369450

Browse files
fix: update ProseTable to also work in light mode
1 parent 6e9f7d6 commit a369450

File tree

1 file changed

+4
-10
lines changed

1 file changed

+4
-10
lines changed

src/components/content/ProseTable.vue

Lines changed: 4 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<template>
22
<div class="container table-responsive">
3-
<table class="table table-dark">
3+
<table class="table">
44
<slot />
55
</table>
66
</div>
@@ -25,9 +25,9 @@
2525
line-height: 1.25rem;
2626
padding: calc($spacer * 0.5) $spacer $spacer;
2727
background-color: transparent;
28-
border-bottom: 4px solid #8B8B8D !important;
28+
border-bottom: 4px solid var(--bs-border-color) !important;
2929
border-top: none;
30-
color: $white;
30+
color: var(--bs-body-color);
3131
}
3232
}
3333
@@ -37,14 +37,8 @@
3737
font-size: $font-size-sm;
3838
padding: calc($spacer * 1.5) $spacer $spacer !important;
3939
font-weight: 400;
40-
color: $white;
40+
color: var(--bs-body-color);
4141
}
4242
}
4343
}
44-
45-
.table-dark {
46-
--bs-table-bg: $black-2 !important;
47-
color: transparent !important;
48-
outline: none !important;
49-
}
5044
</style>

0 commit comments

Comments
 (0)