Update a bunch of colors for light mode

This commit is contained in:
Ben Visness 2024-06-17 19:39:21 -05:00
parent 75e21ccbe9
commit 9537fef995
5 changed files with 28 additions and 11 deletions

View File

@ -7170,9 +7170,16 @@ code {
--theme-color-light: #666;
--main-background-color: #f8f8f8;
--main-background-color-transparent: rgba(#f8f8f8, 0);
--bg-1: #1f1f1f;
--bg-2: #2f2f2f;
--bg-3: #494949;
--card-background: #494949;
--card-background-hover: #333;
--card-background-transparent: #242424D8;
--bg-1: #f8f8f8;
--bg-2: #e8e8e8;
--bg-3: #d8d8d8;
--border-color: #bfbfbf;
--border-color-focused: #4e55ff;
--border-color-error: #ff3a3a;
--button-color-primary: #ee84ff;
--forum-thread-read-color: #555;
--forum-thread-read-link-color: #888;
--notice-hiatus-color: #aa7d30;
@ -8423,7 +8430,7 @@ header.old .submenu > a {
}
}
header {
background-color: var(--bg-4);
background-color: var(--bg-3);
}
header .hmn-logo {
font-family: "MohaveHMN", sans-serif;

View File

@ -114,7 +114,7 @@ header.old {
}
header {
background-color: var(--bg-4);
background-color: var(--bg-3);
.hmn-logo {
font-family: 'MohaveHMN', sans-serif;

View File

@ -30,9 +30,19 @@ $breakpoint-large: screen and (min-width: 60em)
--main-background-color: #f8f8f8;
--main-background-color-transparent: rgba(#f8f8f8, 0);
--bg-1: #1f1f1f;
--bg-2: #2f2f2f;
--bg-3: #494949;
--card-background: #494949;
--card-background-hover: #333;
--card-background-transparent: #242424D8;
--bg-1: #f8f8f8;
--bg-2: #e8e8e8;
--bg-3: #d8d8d8;
--border-color: #bfbfbf;
--border-color-focused: #4e55ff;
--border-color-error: #ff3a3a;
--button-color-primary: #ee84ff;
--forum-thread-read-color: #555;
--forum-thread-read-link-color: #888;

View File

@ -1,4 +1,4 @@
<header id="site-header" class="flex flex-row items-center link--normal">
<header id="site-header" class="bb flex flex-row items-center link--normal">
<a href="{{ .Header.HMNHomepageUrl }}" class="hmn-logo flex-shrink-0">
Handmade
</a>

View File

@ -60,10 +60,10 @@
{{ template "extrahead" . }}
</head>
<body class="bg--charcoal flex flex-column">
<body class="flex flex-column">
{{ template "header-2024.html" . }}
<!-- TODO: Notices -->
<div class="bg--charcoal c-white flex-grow-1">
<div class="c-white flex-grow-1">
{{ block "content" . }}{{ end }}
</div>
{{ template "footer-2024.html" . }}