Nav, CSS: Adjust text color of the pfp-name thing
I mean the pfp-text thing For nav, same as other nav items (so it looks consistent, I guess) For homepage, use a special new variable to let it feel more 'together' with the icon. Don't mind me, this is yet another bloat web-design commit.
This commit is contained in:
parent
33929e5977
commit
2e432e356f
|
@ -38,6 +38,9 @@
|
||||||
--disabled: #efefef;
|
--disabled: #efefef;
|
||||||
|
|
||||||
--shadow-color: #fff;
|
--shadow-color: #fff;
|
||||||
|
|
||||||
|
/* My theme stuff */
|
||||||
|
--theme-purple: var(--accent);
|
||||||
}
|
}
|
||||||
@media (prefers-color-scheme: dark) {
|
@media (prefers-color-scheme: dark) {
|
||||||
:root {
|
:root {
|
||||||
|
@ -55,6 +58,7 @@
|
||||||
--disabled: #111;
|
--disabled: #111;
|
||||||
|
|
||||||
--shadow-color: #36373b;
|
--shadow-color: #36373b;
|
||||||
|
--theme-purple: #af9dea;
|
||||||
}
|
}
|
||||||
|
|
||||||
img, video {
|
img, video {
|
||||||
|
@ -88,12 +92,13 @@ footer {
|
||||||
.pfp-name {
|
.pfp-name {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
/* background-color: var(--accent-bg); */
|
/* background-color: var(--accent-bg); */
|
||||||
color: var(--accent);
|
color: var(--theme-purple);
|
||||||
padding-left: 6px;
|
padding-left: 6px;
|
||||||
/* padding-right: 6px; */
|
/* padding-right: 6px; */
|
||||||
padding-top: 0;
|
padding-top: 0;
|
||||||
}
|
}
|
||||||
nav .pfp-name {
|
nav .pfp-name {
|
||||||
|
color: var(--accent-light); /* Consistency with other nav items */
|
||||||
/* To have the icon and the text (.pfp-text) align */
|
/* To have the icon and the text (.pfp-text) align */
|
||||||
display: table;
|
display: table;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue