Merge pull request #186 from logseq/css-theme-variables-fixes

CSS theme variables fixes

resources/static/css/common.css

@@ -21,6 +21,9 @@
     --ls-link-text-color: #8abbbb;
     --ls-link-text-hover-color: #d0e8e8;
     --ls-link-ref-text-color: var(--ls-link-text-color);
+    --ls-link-ref-text-hover-color: var(--ls-link-text-hover-color);
+	--ls-tag-text-color: var(--ls-link-text-color);
+	--ls-tag-text-hover-color: var(--ls-link-text-hover-color);
 
     --ls-block-bullet-border-color: #0f4958;
     --ls-block-bullet-color: #608e91;
@@ -28,7 +31,8 @@
 
     --ls-page-checkbox-color: #6093a0;
     --ls-page-checkbox-border-color: var(--ls-primary-background-color);
-    --ls-page-blockquote-color: var(--ls-tertiary-background-color);
+    --ls-page-blockquote-color: var(--ls-primary-text-color);
+    --ls-page-blockquote-bg-color: var(--ls-tertiary-background-color);
     --ls-page-blockquote-border-color: var(--ls-secondary-text-color);
     --ls-page-inline-code-color: var(--ls-primary-text-color);
     --ls-page-inline-code-bg-color: #01222a;
@@ -58,6 +62,9 @@
     --ls-link-text-color: #045591;
     --ls-link-text-hover-color: #000;
     --ls-link-ref-text-color: var(--ls-link-text-color);
+    --ls-link-ref-text-hover-color: var(--ls-link-text-hover-color);
+	--ls-tag-text-color: var(--ls-link-text-color);
+	--ls-tag-text-hover-color: var(--ls-link-text-hover-color);
 
     --ls-block-bullet-border-color: #ced9e0;
     --ls-block-bullet-color: #394b59;
@@ -65,7 +72,8 @@
 
     --ls-page-checkbox-color: none;
     --ls-page-checkbox-border-color: #808080;
-    --ls-page-blockquote-color: var(--ls-tertiary-background-color);
+    --ls-page-blockquote-color: var(--ls-primary-text-color);
+    --ls-page-blockquote-bg-color: var(--ls-tertiary-background-color);
     --ls-page-blockquote-border-color: var(--ls-secondary-text-color);
     --ls-page-inline-code-color: var(--ls-primary-text-color);
     --ls-page-inline-code-bg-color: #eeeeee;
@@ -330,7 +338,7 @@ a.page-ref {
 }
 
 a.page-ref:hover {
-    color: var(--ls-link-text-hover-color)
+    color: var(--ls-link-ref-text-hover-color)
 }
 
 .ls-block {
@@ -725,10 +733,12 @@ blockquote {
     padding: 10px 20px;
     border-left: 3px solid;
     border-left-color:  #d3d3d3;
-    border-left-color:  var(--ls-secondary-text-color);
+    border-left-color:  var(--ls-page-blockquote-border-color);
     background-color: #f7f7f7;
-    background-color: var(--ls-page-blockquote-color);
+    background-color: var(--ls-page-blockquote-bg-color);
     margin: 1rem 0;
+    color: #24292e;
+	color: var(--ls-page-blockquote-color);
 }
 
 .dark-theme ::-webkit-scrollbar, .dark-theme ::-webkit-scrollbar-track-piece {
@@ -1157,14 +1167,14 @@ a.tag {
     opacity: 0.6;
     opacity: var(--ls-tag-text-opacity);
     color: #045591;
-    color: var(--ls-link-text-color);
+    color: var(--ls-tag-text-color);
 }
 
 a.tag:hover {
     opacity: 0.8;
     opacity: var(--ls-tag-text-hover-opacity);
     color: #045591;
-    color: var(--ls-link-text-hover-color);
+    color: var(--ls-tag-text-hover-color);
 }
 
 #diffs-body textarea {