Skip to content

Commit

Permalink
css: Add new css for rendered markdown table in dark mode.
Browse files Browse the repository at this point in the history
Add a new dark mode css in app_variable.css for rendered
markdown tables. This rule sets a brighter color for tables
in messages / chat to make it more visible when the user is
using dark theme.

Fixes #29856.
  • Loading branch information
PieterCK committed Apr 30, 2024
1 parent 15a5bbb commit 9649d19
Show file tree
Hide file tree
Showing 2 changed files with 3 additions and 3 deletions.
3 changes: 3 additions & 0 deletions web/styles/app_variables.css
Original file line number Diff line number Diff line change
Expand Up @@ -785,6 +785,9 @@
--color-border-emoji-picker-emoji-reacted: hsl(0deg 0% 0% / 90%);
--color-background-emoji-picker-emoji-reacted-focus: hsl(0deg 0% 20% / 70%);
--color-border-add-subscription-button-focus: hsl(0deg 0% 67%);

/* Rendered markdown table color (dark) */
--border-rendered-markdown-tr-th-td: 1px solid hsl(0deg 0% 100% / 20%);
}

@media screen {
Expand Down
3 changes: 0 additions & 3 deletions web/styles/dark_theme.css
Original file line number Diff line number Diff line change
Expand Up @@ -786,9 +786,6 @@
#subscription_overlay .settings-radio-input-parent,
#settings_page .sidebar-wrapper,
#settings_page .sidebar-wrapper *,
table,
table th,
table td,
#recent_view_table table td {
border-color: hsl(0deg 0% 0% / 20%);
}
Expand Down

0 comments on commit 9649d19

Please sign in to comment.