michaelkuc6/blog_os
1
0
Fork 0
mirror of https://github.com/phil-opp/blog_os.git synced 2025-12-16 14:27:49 +00:00
Code Issues Projects Releases Wiki Activity

Style gh repo box for dark mode

Browse Source
This commit is contained in:
Philipp Oppermann
2021-01-03 10:57:16 +01:00
parent a6b8623468
commit 8e0f531334
1 changed files with 10 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
blog/sass/css/edition-3/main.scss
View File

@@ -74,6 +74,7 @@ html {
--strong-color: #303030; --strong-color: #303030;
--masthead-subtitle: #c0c0c0; --masthead-subtitle: #c0c0c0;
--post-title-color: #228; --post-title-color: #228;
--gh-repo-box-border-color: #ddd;
--background-color-section-bare-bones: #f6f6ff; --background-color-section-bare-bones: #f6f6ff;
--border-color-section-bare-bones: #ccccff; --border-color-section-bare-bones: #ccccff;
--background-color-section-basic-io: #f6fff6; --background-color-section-basic-io: #f6fff6;
@@ -94,6 +95,7 @@ html {
--strong-color: #c0c0c0; --strong-color: #c0c0c0;
--masthead-subtitle: #6f6f6f; --masthead-subtitle: #6f6f6f;
--post-title-color: #c8c8ff; --post-title-color: #c8c8ff;
--gh-repo-box-border-color: #555;
--background-color-section-bare-bones: #114; --background-color-section-bare-bones: #114;
--border-color-section-bare-bones: #66a; --border-color-section-bare-bones: #66a;
--background-color-section-basic-io: #131; --background-color-section-basic-io: #131;
@@ -928,18 +930,18 @@ details summary h3, details summary h4, details summary h5, details summary h6 {
} }
.gh-repo-box { .gh-repo-box {
border: 1px solid #d1d5da; border: 1px solid var(--gh-repo-box-border-color);
border-radius: 3px; border-radius: 3px;
padding: 16px; padding: 16px;
margin-top: 0.5rem; margin-top: 0.5rem;
color: #586069;
font-size: 80%; font-size: 80%;
} }
.gh-repo-box .repo-link { .gh-repo-box .repo-link {
color: #0366d6; color: var(--link-color);
font-weight: 600; font-weight: 600;
font-size: 120%; font-size: 120%;
margin-left: 0.2rem;
} }
.gh-repo-box .subtitle { .gh-repo-box .subtitle {
@@ -951,15 +953,17 @@ details summary h3, details summary h4, details summary h5, details summary h6 {
} }
.gh-repo-box .stars-forks a { .gh-repo-box .stars-forks a {
color: #586069; color: var(--text-color);
opacity: 0.7;
} }
.gh-repo-box .stars-forks a:hover { .gh-repo-box .stars-forks a:hover {
color: #0366d6; color: var(--link-color);
text-decoration: none; text-decoration: none;
opacity: 1.0;
} }
.gh-repo-box .stars-forks svg { .gh-repo-box svg {
vertical-align: text-bottom; vertical-align: text-bottom;
fill: currentColor; fill: currentColor;
} }