Browse Source

enhance(ui): polish colors for the blockquote

charlie 1 year ago
parent
commit
033ea26950
1 changed files with 5 additions and 2 deletions
  1. 5 2
      src/main/frontend/common.css

+ 5 - 2
src/main/frontend/common.css

@@ -115,13 +115,16 @@ body {
     text-indent: 0;
     padding: 8px 20px;
     border-left: 4px solid;
-    border-left-color: var(--ls-page-blockquote-border-color, hsl(var(--primary)/.4));
-    background-color: var(--ls-page-blockquote-bg-color, hsl(var(--secondary)));
+    background-color: var(--ls-page-blockquote-bg-color, var(--lx-gray-04, hsl(var(--secondary))));
     color: var(--ls-page-blockquote-color, hsl(var(--secondary-foreground)));
     margin: 1rem 0;
     font-size: 1rem;
   }
 
+  html blockquote {
+    border-left-color: var(--ls-page-blockquote-border-color, var(--lx-gray-05-alpha, hsl(var(--primary)/.4)));
+  }
+
   summary {
     outline: none;
   }