fnordig/blog
1
Fork 0
Code Activity

better coloring for the bars

Browse source
This commit is contained in:
Jan-Erik Rediger 2025-03-11 22:16:49 +01:00
parent a963c3896b
commit 1454973f77
1 changed files with 16 additions and 3 deletions

19
style.css
View file

@ -41,6 +41,7 @@ html[data-theme='light'] {
--alt-text-color: black; --alt-text-color: black;
--code-bg: rgba(0,0,0,.05);; --code-bg: rgba(0,0,0,.05);;
--border-color: rgba(0,0,0,.05); --border-color: rgba(0,0,0,.05);
--bar-color: rgba(0,0,0,.05);
--link-color: #00e; --link-color: #00e;
--link-color-visited: #60b; --link-color-visited: #60b;
--inline-code: #111; --inline-code: #111;
@ -52,6 +53,7 @@ html[data-theme='dark'] {
--alt-text-color: #999999; --alt-text-color: #999999;
--code-bg: #ccc; --code-bg: #ccc;
--border-color: #414141; --border-color: #414141;
--bar-color: #232b34;
--link-color: #478be6; --link-color: #478be6;
--link-color-visited: #c988ff; --link-color-visited: #c988ff;
--inline-code: #323232; --inline-code: #323232;
@ -331,6 +333,14 @@ h3 {
table { margin: 0; } table { margin: 0; }
table, tr, td { border: none; } table, tr, td { border: none; }
.archive-chart {
display: flex;
flex-direction: column;
list-style: none;
margin: 0;
padding: 0;
gap: calc(2rem / 18);
}
.archive-chart li { .archive-chart li {
list-style: none; list-style: none;
} }
@ -349,10 +359,13 @@ table, tr, td { border: none; }
text-decoration: none; text-decoration: none;
color: var(--link-color); color: var(--link-color);
} }
.archive-chart li a:hover span:first-child {
text-decoration: underline;
}
.archive-chart li a span:last-child { .archive-chart li a span:last-child {
color: var(--c-text-light); color: var(--text-color);
font-size: .77777rem; font-size: .8rem;
} }
.archive-chart-bar { .archive-chart-bar {
@ -360,7 +373,7 @@ table, tr, td { border: none; }
top: 0; top: 0;
left: 0; left: 0;
height: 100%; height: 100%;
background: rgba(0,0,0,.05); background-color: var(--bar-color);
pointer-events: none; pointer-events: none;
z-index: 1; z-index: 1;
} }