Small fixes to css variables

This commit is contained in:
Louis Dispa
2025-02-27 22:58:57 +01:00
parent 1505e7208e
commit be58b7aaa4
+11 -12
View File
@@ -1,22 +1,23 @@
:root {
/* Light theme colors (default) */
--accent-color: #c04828;
--dark-fg-color: #fff;
--light-fg-color: #141414;
--light-bg-color: var(--dark-fg-color);
--dark-bg-color: var(--light-fg-color);
--fg-color: var(--light-fg-color);
--bg-color: var(--light-bg-color);
--light-link-color: #c04828;
--dark-link-color: #c04828;
--link-color: var(--light-link-color);
--link-color: var(--accent-color);
--light-highlight-bg-color: #ededed;
--light-highlight-fg-color: #595959;
--dark-highlight-bg-color: #27272a;
--dark-highlight-fg-color: #ededed;
--highlight-fg-color: var(--light-highlight-fg-color);
--highlight-bg-color: var(--light-highlight-bg-color);
--link-text-color: #c04828;
--border-color: #ddd;
--link-text-color: var(--accent-color);
--header-border-color: #ddd;
--post-bg-color: #e5e5e5;
--font-face: "Fira Sans", sans-serif;
@@ -28,17 +29,15 @@
:root {
--fg-color: #e1e1e1;
--bg-color: #222222;
--light-link-color: #ff7b5c;
--dark-link-color: #ff6b47;
--link-color: var(--light-link-color);
--link-color: var(--accent-color);
--light-highlight-bg-color: #2d2d2d;
--light-highlight-fg-color: #ffffff;
--dark-highlight-bg-color: #27272a;
--dark-highlight-fg-color: #ededed;
--highlight-fg-color: var(--light-highlight-fg-color);
--highlight-bg-color: var(--light-highlight-bg-color);
--link-text-color: var(--fg-color);
--border-color: #404040;
--link-text-color: var(--accent-color);
--header-border-color: #404040;
--post-bg-color: #2d2d2d;
}
}
@@ -120,7 +119,7 @@ header {
justify-items: center;
padding: 0.5rem 2rem;
width: 100%;
border-bottom: 1px solid var(--border-color);
border-bottom: 1px solid var(--header-border-color);
font-size: 1.2rem;
}
@@ -179,7 +178,7 @@ header .icon {
#mobile-open-navigation button div {
margin: 0.5em 0;
width: 2em;
border-bottom: 0.25em solid black;
border-bottom: 0.25em solid var(--fg-color);
}
header {