Merge pull request #23 from jazzominy/task/style-updates

style updates
jazzominy · Aug 25, 2024 · 84daf76 · 84daf76
2 parents 6f52ced + 2f48ace
commit 84daf76
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 3 deletions.
diff --git a/_sass/code.scss b/_sass/code.scss
@@ -6,4 +6,8 @@ pre.highlight, p > code, h2 > code, h3 > code, h4 > code, h5 > code {
 
 div[class*="language-"] pre[class*="language-"] {
 	background-color: var(--bg);
+}
+
+:not(pre) > code[class*="language-"] {
+	color: var(--code-color);
 }
diff --git a/_sass/main.scss b/_sass/main.scss
@@ -12,9 +12,10 @@
 	--header-height: 3rem;
 	--grid-gap: 0.625rem;
 	--code-bg: #13130e;
-	--code-color: #ffffffb8;
+	--code-color: #cccc;
 	--post-bg: #13232c;
-	--post-title: #f3f3f3d9;
+	--post-title: #b0bec5cf;
+	--post-text: #b0bec5cf;
 	--progress-bar: #89bad2;
 }
 

diff --git a/_sass/post.scss b/_sass/post.scss
@@ -5,6 +5,7 @@ article.post {
     border: 0.1rem solid #cccccc5c;
     border-radius: 1rem;
     background-color: var(--post-bg);
+    color: var(--post-text);
 
     .post-header {
         text-align: center;
@@ -47,7 +48,7 @@ article.post {
 
 .show-progress-bar::before {
     // unless there is some content, the pseudo-element will not be rendered
-    content: "%";
+    content: ".";
     // dont show the content but just the background
     color: transparent;
     display: block;