Ryan/docmost
1
0
Fork 0
mirror of https://github.com/docmost/docmost.git synced 2025-11-15 07:21:10 +10:00
Code Issues Packages Projects Releases Wiki Activity

table background color in dark mode

Browse Source
This commit is contained in:
Philipinho
2025-07-14 13:25:25 -07:00
parent ad1c692e14
commit bcca52fa70
1 changed files with 49 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
apps/client/src/features/editor/styles/table.css
View File

@ -38,8 +38,8 @@
th { th {
background-color: light-dark( background-color: light-dark(
var(--mantine-color-gray-1), var(--mantine-color-gray-1),
var(--mantine-color-dark-5) var(--mantine-color-dark-5)
); );
font-weight: bold; font-weight: bold;
text-align: left; text-align: left;
@ -66,8 +66,54 @@
position: absolute; position: absolute;
z-index: 2; z-index: 2;
} }
} }
} }
/* Table cell background colors with dark mode support */
.ProseMirror {
table {
@mixin dark {
/* Blue */
td[style*="background-color: #b4d5ff"],
th[style*="background-color: #b4d5ff"] {
background-color: #1a3a5c !important;
}
/* Green */
td[style*="background-color: #acf5d2"],
th[style*="background-color: #acf5d2"] {
background-color: #1a4d3a !important;
}
/* Yellow */
td[style*="background-color: #fef1b4"],
th[style*="background-color: #fef1b4"] {
background-color: #7c5014 !important;
}
/* Red */
td[style*="background-color: #ffbead"],
th[style*="background-color: #ffbead"] {
background-color: #5c2a23 !important;
}
/* Pink */
td[style*="background-color: #ffc7fe"],
th[style*="background-color: #ffc7fe"] {
background-color: #4d2a4d !important;
}
/* Gray */
td[style*="background-color: #eaecef"],
th[style*="background-color: #eaecef"] {
background-color: #2a2e33 !important;
}
/* Purple */
td[style*="background-color: #c1b7f2"],
th[style*="background-color: #c1b7f2"] {
background-color: #3a2f5c !important;
}
}
}
}