From 55fe0c5c85d00a4fe5bbd1a20dcaf9ed6e62a632 Mon Sep 17 00:00:00 2001 From: PieterCK Date: Fri, 26 Apr 2024 22:15:53 +0700 Subject: [PATCH] css: Refactor css for markdown table border color. This refactor aims to make managing css for rendered markdown table easier by abstracting the css for table border color into a new variable in app_variable. --- web/styles/app_variables.css | 3 +++ web/styles/rendered_markdown.css | 4 ++-- 2 files changed, 5 insertions(+), 2 deletions(-) diff --git a/web/styles/app_variables.css b/web/styles/app_variables.css index eb07f0f029..9cec15ef59 100644 --- a/web/styles/app_variables.css +++ b/web/styles/app_variables.css @@ -377,6 +377,9 @@ --color-text-url-hover: hsl(200deg 100% 25%); --color-text-settings-field-hint: hsl(0deg 0% 57%); + /* Markdown colors */ + --color-border-rendered-markdown-table: hsl(0deg 0% 80%); + /* Markdown code colors */ --color-markdown-code-text: hsl(0deg 0% 0%); --color-markdown-code-background: hsl(0deg 0% 0% / 6%); diff --git a/web/styles/rendered_markdown.css b/web/styles/rendered_markdown.css index 9a4cfb75ca..ec4b2a5684 100644 --- a/web/styles/rendered_markdown.css +++ b/web/styles/rendered_markdown.css @@ -126,13 +126,13 @@ } & tr th { - border: 1px solid hsl(0deg 0% 80%); + border: 1px solid var(--color-border-rendered-markdown-table); padding: 4px; text-align: left; } & tr td { - border: 1px solid hsl(0deg 0% 80%); + border: 1px solid var(--color-border-rendered-markdown-table); padding: 4px; }