WIP I dunno why do I do this

This commit is contained in:
Ben Visness 2024-03-08 18:46:17 -06:00
parent 7215e83650
commit b4f9d379f4
5 changed files with 8134 additions and 3551 deletions

View File

@ -7155,8 +7155,8 @@ code {
/* src/rawdata/scss/vars.css */
:root {
--main-background-color: white;
--main-color: black;
--background-color: white;
--color: black;
--link-color: #cc3b95;
--theme-color: #666;
--theme-color-dim: #aaa;
@ -7164,11 +7164,13 @@ code {
--theme-color-dimmest: #ccc;
--theme-color-dark: #666;
--theme-color-light: #666;
--main-background-color: #f8f8f8;
--main-background-color-transparent: rgba(#f8f8f8, 0);
}
@media (prefers-color-scheme: dark) {
:root {
--main-background-color: #202020;
--main-color: #eee;
--background-color: #202020;
--color: #eee;
--link-color: #cc3b95;
--theme-color: #666;
--theme-color-dim: #444;
@ -7176,10 +7178,12 @@ code {
--theme-color-dimmest: #333;
--theme-color-dark: #666;
--theme-color-light: #666;
--main-background-color: #202020;
--main-background-color-transparent: rgba(#202020, 0);
}
}
/* src/rawdata/scss/base.css */
/* src/rawdata/scss/core.css */
* {
box-sizing: border-box;
}
@ -7187,8 +7191,8 @@ br {
border-style: none;
}
body {
background-color: var(--main-background-color);
color: var(--main-color);
background-color: var(--background-color);
color: var(--color);
font-family: "Fira Sans", sans-serif;
min-height: 100vh;
box-sizing: border-box;
@ -7209,8 +7213,9 @@ code,
.mono {
font-family: "Fira Mono", monospace;
}
/* src/rawdata/scss/core.css */
.bg--main {
background-color: var(--main-background-color);
}
.m--center {
margin-left: auto;
margin-right: auto;
@ -7241,7 +7246,7 @@ code,
}
}
.c--normal {
color: var(--main-color);
color: var(--color);
}
.c--inherit {
color: inherit;

File diff suppressed because it is too large Load Diff

View File

@ -11,8 +11,8 @@ br {
}
body {
background-color: var(--main-background-color);
color: var(--main-color);
background-color: var(--background-color);
color: var(--color);
font-family: "Fira Sans", sans-serif;
min-height: 100vh;
box-sizing: border-box;
@ -38,6 +38,10 @@ code,
/* Utility */
.bg--main {
background-color: var(--main-background-color);
}
.m--center {
margin-left: auto;
margin-right: auto;
@ -74,7 +78,7 @@ code,
}
.c--normal {
color: var(--main-color);
color: var(--color);
}
.c--inherit {

View File

@ -9,8 +9,8 @@ $breakpoint-large: screen and (min-width: 60em)
@import "tachyons-vars.css";
:root {
--main-background-color: white;
--main-color: black;
--background-color: white;
--color: black;
--link-color: #cc3b95;
/* Default theme colors in case the project.css is busted */
@ -21,12 +21,15 @@ $breakpoint-large: screen and (min-width: 60em)
--theme-color-dark: #666;
--theme-color-light: #666;
--main-background-color: #f8f8f8;
--main-background-color-transparent: rgba(#f8f8f8, 0);
}
@media (prefers-color-scheme: dark) {
:root {
--main-background-color: #202020;
--main-color: #eee;
--background-color: #202020;
--color: #eee;
--link-color: #cc3b95;
--theme-color: #666;
@ -36,5 +39,8 @@ $breakpoint-large: screen and (min-width: 60em)
--theme-color-dark: #666;
--theme-color-light: #666;
--main-background-color: #202020;
--main-background-color-transparent: rgba(#202020, 0);
}
}

View File

@ -42,7 +42,6 @@
}
</style>
<link rel="stylesheet" href="{{ statictheme .Theme "theme.css" }}" />
<link rel="stylesheet" href="{{ .ProjectCSSUrl }}" />
<link rel="apple-touch-icon" sizes="400x400" href="{{ static "logo.png" }}">
<link rel="icon" type="image/png" sizes="16x16" href="{{ static "favicon-16x16.png" }}">
@ -73,7 +72,7 @@
</head>
<body class="{{ join " " .BodyClasses }}">
<div class="content mw-site ph3-m ph4-l">
<div class="bg--main m--center mw-site ph3-m ph4-l">
{{ template "header.html" . }}
{{ template "notices.html" .Notices }}
{{ with .Breadcrumbs }}