nick12
/
hmn
forked from hmn/hmn
1
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
public/style.css
View File

@ -7170,9 +7170,16 @@ code {
--theme-color-light: #666; --theme-color-light: #666;
--main-background-color: #f8f8f8; --main-background-color: #f8f8f8;
--main-background-color-transparent: rgba(#f8f8f8, 0); --main-background-color-transparent: rgba(#f8f8f8, 0);
--bg-1: #1f1f1f; --card-background: #494949;
--bg-2: #2f2f2f; --card-background-hover: #333;
--bg-3: #494949; --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-color: #555;
--forum-thread-read-link-color: #888; --forum-thread-read-link-color: #888;
--notice-hiatus-color: #aa7d30; --notice-hiatus-color: #aa7d30;
@ -8423,7 +8430,7 @@ header.old .submenu > a {
} }
} }
header { header {
background-color: var(--bg-4); background-color: var(--bg-3);
} }
header .hmn-logo { header .hmn-logo {
font-family: "MohaveHMN", sans-serif; font-family: "MohaveHMN", sans-serif;

2
src/rawdata/scss/header.css
View File

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

16
src/rawdata/scss/vars.css
View File

@ -30,9 +30,19 @@ $breakpoint-large: screen and (min-width: 60em)
--main-background-color: #f8f8f8; --main-background-color: #f8f8f8;
--main-background-color-transparent: rgba(#f8f8f8, 0); --main-background-color-transparent: rgba(#f8f8f8, 0);
--bg-1: #1f1f1f; --card-background: #494949;
--bg-2: #2f2f2f; --card-background-hover: #333;
--bg-3: #494949; --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-color: #555;
--forum-thread-read-link-color: #888; --forum-thread-read-link-color: #888;

2
src/templates/src/include/header-2024.html
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"> <a href="{{ .Header.HMNHomepageUrl }}" class="hmn-logo flex-shrink-0">
Handmade Handmade
</a> </a>

4
src/templates/src/layouts/base-2024.html
View File

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