From 3f1287dfcb66d83e4118871e3bf3b861fdeab68d Mon Sep 17 00:00:00 2001 From: Alexander Onnikov Date: Fri, 11 Apr 2025 00:44:03 +0700 Subject: [PATCH] fix: adjust text editor quote and hr styles (#8525) Signed-off-by: Alexander Onnikov --- packages/theme/styles/_colors.scss | 4 ++++ packages/theme/styles/prose.scss | 8 +++++++- 2 files changed, 11 insertions(+), 1 deletion(-) diff --git a/packages/theme/styles/_colors.scss b/packages/theme/styles/_colors.scss index 95d89fba05..959e20bd9c 100644 --- a/packages/theme/styles/_colors.scss +++ b/packages/theme/styles/_colors.scss @@ -251,6 +251,8 @@ --theme-text-editor-note-anchor-bg-primary: #688797; --theme-text-editor-note-anchor-bg-primary-light: #747C81; + --text-editor-block-quote-color: #DA5701; + --text-edtior-hr-border-color: rgba(255, 255, 255, 0.1); --text-editor-table-border-color: hsl(220, 6%, 40%); --text-editor-color-picker-outline: rgba(250, 222, 201, 0.3); @@ -533,6 +535,8 @@ --theme-text-editor-note-anchor-bg-primary: #AAC5E9; --theme-text-editor-note-anchor-bg-primary-light: #D5E5F5; + --text-editor-block-quote-color: #DA5701; + --text-edtior-hr-border-color: rgba(0, 0, 0, 0.1); --text-editor-table-border-color: #c9cbcd; --text-editor-color-picker-outline: rgb(227, 226, 224); diff --git a/packages/theme/styles/prose.scss b/packages/theme/styles/prose.scss index 93baf81816..8593ca79fb 100644 --- a/packages/theme/styles/prose.scss +++ b/packages/theme/styles/prose.scss @@ -401,7 +401,7 @@ table.proseTable { padding-left: 1.5em; padding-right: 1.5em; position: relative; - border-left: 3px solid var(--theme-text-primary-color); + border-left: 2px solid var(--text-editor-block-quote-color); } .proseCode { @@ -478,6 +478,12 @@ pre.proseCodeBlock>pre.proseCode { p div { cursor: auto; } + + hr { + margin: 1rem 0; + border-top: 0; + border-bottom: 1px solid var(--text-edtior-hr-border-color); + } } .proseMermaidDiagram {