From 29710c91c29d5a324c81eb695c0b3e1b53ac38ba Mon Sep 17 00:00:00 2001
From: Erik Larsson <erik.larsson@schibsted.com>
Date: Sun, 9 Jan 2022 00:02:09 +0100
Subject: [PATCH] use lighter color for block quotes and horizontal rulers

Signed-off-by: Erik Larsson <erik.larsson@schibsted.com>
---
 .changeset/red-meals-turn.md                      | 5 +++++
 plugins/techdocs/src/reader/components/Reader.tsx | 9 +++++++++
 2 files changed, 14 insertions(+)
 create mode 100644 .changeset/red-meals-turn.md

diff --git a/.changeset/red-meals-turn.md b/.changeset/red-meals-turn.md
new file mode 100644
index 0000000000..9d52b61642
--- /dev/null
+++ b/.changeset/red-meals-turn.md
@@ -0,0 +1,5 @@
+---
+'@backstage/plugin-techdocs': patch
+---
+
+use lighter color for block quotes and horizontal rulers
diff --git a/plugins/techdocs/src/reader/components/Reader.tsx b/plugins/techdocs/src/reader/components/Reader.tsx
index 90a3aa3489..2032853852 100644
--- a/plugins/techdocs/src/reader/components/Reader.tsx
+++ b/plugins/techdocs/src/reader/components/Reader.tsx
@@ -205,6 +205,13 @@ export const useTechDocsReaderDom = (entityRef: EntityName): Element | null => {
           .md-typeset h1, .md-typeset h2, .md-typeset h3 { font-weight: bold; }
           .md-nav { font-size: 1rem; }
           .md-grid { max-width: 90vw; margin: 0 }
+          .md-typeset blockquote {
+            color: ${theme.palette.textSubtle};
+            border-left: 0.2rem solid ${theme.palette.textVerySubtle};
+          }
+          .md-typeset hr {
+            border-bottom: 0.05rem dotted ${theme.palette.textVerySubtle};
+          }
           .md-typeset table:not([class]) {
             font-size: 1rem;
             border: 1px solid ${theme.palette.text.primary};
@@ -325,6 +332,8 @@ export const useTechDocsReaderDom = (entityRef: EntityName): Element | null => {
       theme.palette.primary.main,
       theme.palette.success.main,
       theme.palette.text.primary,
+      theme.palette.textSubtle,
+      theme.palette.textVerySubtle,
       theme.typography.fontFamily,
     ],
   );