From dae4c28b5bf65de0945e76743ebaa47d2fcb1103 Mon Sep 17 00:00:00 2001 From: PieterCK Date: Thu, 2 May 2024 21:30:04 +0700 Subject: [PATCH] css: Add new css for rendered markdown table in dark mode. 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 zulip#29856. --- web/styles/app_variables.css | 1 + web/styles/dark_theme.css | 4 +--- 2 files changed, 2 insertions(+), 3 deletions(-) diff --git a/web/styles/app_variables.css b/web/styles/app_variables.css index 1166729720..b3c5b2244d 100644 --- a/web/styles/app_variables.css +++ b/web/styles/app_variables.css @@ -734,6 +734,7 @@ /* Markdown color */ --color-background-rendered-markdown-thead: hsl(0deg 0% 0% / 50%); + --color-border-rendered-markdown-table: hsl(0deg 0% 100% / 20%); /* Markdown code colors */ /* Note that Markdown code-link colors are identical diff --git a/web/styles/dark_theme.css b/web/styles/dark_theme.css index b6573a4f8a..957b14cdef 100644 --- a/web/styles/dark_theme.css +++ b/web/styles/dark_theme.css @@ -755,9 +755,7 @@ #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%); }