Improve syntax highlighting and add accent color

This commit is contained in:
Yash Mehrotra
2021-07-10 08:13:51 +05:30
parent abad7173d0
commit ffd457716e
2 changed files with 8 additions and 12 deletions

View File

@@ -1,6 +1,6 @@
html { html {
background: #121212 !important; background: #121212 !important;
color: #e2e2e2 !important; color: white !important;
} }
a { a {
@@ -9,13 +9,8 @@ a {
.header { .header {
box-shadow: rgba(102, 102, 102, 0.5) 0px 1px 2px 0px; box-shadow: rgba(102, 102, 102, 0.5) 0px 1px 2px 0px;
}
.header,
code,
pre {
background-color: #1f1f1f !important; background-color: #1f1f1f !important;
color: #e2e2e2 !important; color: white !important;
} }
.nav-links .nav-icons-divider { .nav-links .nav-icons-divider {

View File

@@ -1,5 +1,5 @@
:root { :root {
--color-blue: #0058b5; --accent-color: #ff4d4d;
--content-width: 810px; --content-width: 810px;
} }
@@ -22,7 +22,7 @@ a {
} }
a:hover { a:hover {
color: var(--color-blue) !important; color: var(--accent-color) !important;
} }
main#content { main#content {
@@ -153,8 +153,8 @@ img {
padding: 0; padding: 0;
} }
.post-tags .post-tag { .post-tags .post-tag {
background-color: var(--color-blue); background-color: var(--accent-color);
border: 1px solid var(--color-blue); border: 1px solid var(--accent-color);
border-radius: 4px; border-radius: 4px;
box-sizing: border-box; box-sizing: border-box;
color: white; color: white;
@@ -174,8 +174,9 @@ img {
/* CODE BLOCKS */ /* CODE BLOCKS */
code, code,
pre { pre {
background-color: #eee !important; background-color: #1f1f1f !important;
box-sizing: border-box; box-sizing: border-box;
color: white;
} }
pre { pre {