gb/mercury
Template
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Activity Actions

feat: separate footer color & font to meet accessibility guidelines

Browse source
This commit is contained in:
grassblock 2025-05-19 11:31:45 +08:00
parent c7b86e53ae
commit 44186453a4
4 changed files with 13 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/styles/global.css
View file

@ -1,22 +1,24 @@
@import url(@fontsource/space-mono);
@import url(@fontsource-variable/jetbrains-mono);
/* Global Styles for Terminal Blog */
:root {
/* Dark theme (default) */
--bg-color: #2e3440;
--text-color: #d8dee9;
--footer-text-color: #c8c8c8;
--accent-color: #90a8c0;
--border-color: #3b4351;
--header-color: #eceff4;
--terminal-green: #a3be8c;
--terminal-yellow: #ebcb8b;
--terminal-red: #bf616a;
--font-mono: 'Space Mono',ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--font-mono: 'JetBrains Mono',ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
/* Light theme */
@media (prefers-color-scheme: light) {
:root:not([data-theme="dark"]) {
--bg-color: #eceff4;
--text-color: #2e3440;
--footer-text-color: #4c566a;
--accent-color: #486090;
--border-color: #d1d5db;
--header-color: #2e3440;
@ -29,6 +31,7 @@
:root[data-theme="light"] {
--bg-color: #eceff4;
--text-color: #2e3440;
--footer-text-color: #4c566a;
--accent-color: #486090;
--border-color: #d1d5db;
--header-color: #2e3440;
@ -130,8 +133,8 @@ main {
text-align: center;
padding: 2rem 0;
font-size: 0.9rem;
color: var(--text-color);
opacity: 0.7;
font-weight: 300;
color: var(--footer-text-color);
}
.footer svg {