Ryan/docmost
1
0
Fork 0
mirror of https://github.com/docmost/docmost.git synced 2026-08-19 20:11:37 +10:00
Code Issues Packages Projects Releases Wiki Activity

fix: arbitrary colors in dark mode

Browse Source
This commit is contained in:
Philipinho
2026-08-11 14:32:28 +01:00
parent 2fe13daa09
commit 228fe14cd8
3 changed files with 12 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/client/src/features/editor/styles/table.css
+10
View File
@@ -86,6 +86,16 @@
.ProseMirror {
table {
@mixin dark {
/* Arbitrary (imported) colors: derive a dark variant; the hand-tuned
palette rules below override this for native colors. */
td[data-background-color],
th[data-background-color] {
background-color: oklch(
from var(--cell-bg, #fff) min(l, clamp(0.28, calc(1.22 - l), 0.45))
min(calc(c * 1.8), 0.09) h
) !important;
}
/* Blue */
td[data-background-color="#b4d5ff"],
th[data-background-color="#b4d5ff"] {
packages/editor-ext/src/lib/table/cell.ts
+1 -1
View File
@@ -19,7 +19,7 @@ export const TableCell = TiptapTableCell.extend({
return {};
}
return {
style: `background-color: ${attributes.backgroundColor}`,
style: `background-color: ${attributes.backgroundColor}; --cell-bg: ${attributes.backgroundColor}`,
"data-background-color": attributes.backgroundColor,
};
},
packages/editor-ext/src/lib/table/header.ts
+1 -1
View File
@@ -19,7 +19,7 @@ export const TableHeader = TiptapTableHeader.extend({
return {};
}
return {
style: `background-color: ${attributes.backgroundColor}`,
style: `background-color: ${attributes.backgroundColor}; --cell-bg: ${attributes.backgroundColor}`,
"data-background-color": attributes.backgroundColor,
};
},