Merge pull request #27 from 526avijitgupta/change-tag-colors

Change tag colors
This commit is contained in:
Yash Mehrotra
2021-07-10 09:11:33 +05:30
committed by GitHub
2 changed files with 34 additions and 9 deletions

View File

@@ -14,7 +14,26 @@ a {
} }
.nav-links .nav-icons-divider { .nav-links .nav-icons-divider {
color: #484848; !important color: #484848;
}
.post-tags .post-tag {
border: 1px solid white;
color: white;
}
.post-tags .post-tag:hover {
background-color: white;
color: black;
}
.tags-list .post-tags .post-tag a .tag-posts-count {
background-color: #1f1f1f;
}
.tags-list .post-tags .post-tag:hover a .tag-posts-count {
background-color: white;
color: black;
} }
.footer { .footer {

View File

@@ -22,7 +22,7 @@ a {
} }
a:hover { a:hover {
color: var(--accent-color) !important; color: var(--accent-color);
} }
main#content { main#content {
@@ -50,7 +50,6 @@ img {
} }
.header a { .header a {
color: inherit;
text-decoration: none; text-decoration: none;
} }
.header .header-nav { .header .header-nav {
@@ -153,21 +152,21 @@ img {
padding: 0; padding: 0;
} }
.post-tags .post-tag { .post-tags .post-tag {
background-color: var(--accent-color); border: 1px solid black;
border: 1px solid var(--accent-color);
border-radius: 4px; border-radius: 4px;
box-sizing: border-box; box-sizing: border-box;
color: white; color: black;
display: inline-block; display: inline-block;
font-size: 14px; font-size: 14px;
padding: 4px 12px;
} }
.post-tags .post-tag:hover { .post-tags .post-tag:hover {
background-color: #3d86d2; background-color: black;
border: 1px solid #3d86d2; color: white;
} }
.post-tag a { .post-tag a {
color: inherit; color: inherit;
display: block;
padding: 6px 12px;
text-decoration: none; text-decoration: none;
} }
@@ -270,11 +269,18 @@ blockquote {
margin: 0 5px; margin: 0 5px;
padding: 0; padding: 0;
} }
.tags-list .post-tags .post-tag a {
padding: 0;
}
.tags-list .post-tags .post-tag a div { .tags-list .post-tags .post-tag a div {
display: inline-block; display: inline-block;
}
.tags-list .post-tags .post-tag a .tag-name {
padding: 5px 8px; padding: 5px 8px;
} }
.tags-list .post-tags .post-tag a .tag-posts-count { .tags-list .post-tags .post-tag a .tag-posts-count {
background: rgba(0, 0, 0, 0.1); background: rgba(0, 0, 0, 0.1);
opacity: 0.8; opacity: 0.8;
padding: 6px;
} }