Compare commits

...

7 Commits

Author SHA1 Message Date
zoe 4286589b58 fix h2 headings in lists oops 2022-04-13 20:09:32 +02:00
zoe a9e9bfdaa9 switch to cuter colors 2022-04-13 20:05:34 +02:00
zoe d7336fa3e6 bump up theme version 2022-04-13 19:44:23 +02:00
zoe 4cfcde805a fix lightmode button being weird 2022-04-13 19:43:30 +02:00
Zoe 636156ad06 dark by default 2022-04-13 14:20:22 +02:00
Zoe 55e6841bc1 dark by default 2022-04-13 14:18:46 +02:00
Zoe 01564d2fdf dark by default 2022-04-13 14:14:18 +02:00
4 changed files with 204 additions and 109 deletions

0
.hugo_build.lock Normal file
View File

View File

@ -2,6 +2,7 @@
title: "Lorem"
date: 2022-04-10T17:23:01+02:00
draft: true
description: "lorem descriptum this is a very good description"
---
Lorem ipsum dolor sit amet, *consectetur* adipisicing elit, sed do eiusmod
@ -51,6 +52,10 @@ ordered list:
#### Header4
#### Crash
#### Crash
Table Header-1 | Table Header-2 | Table Header-3
:--- | :---: | ---:
Table Data-1 | Table Data-2 | Table Data-3

View File

@ -1,138 +1,196 @@
@charset "UTF-8";
* {
transition: 2s; }
body {
background-color: #27234c;
color: #e88dc3;
transition: 1s; }
background-color: #413c74;
color: #ff8ad0;
transition: 2s; }
body.light {
background-color: #dde4ff;
color: #4b3d44; }
background-color: #ffffff;
color: #413c74; }
a {
background-color: #f2504b;
color: #27234c;
transition: 1s; }
background-color: transparent;
color: #ffdc6d;
transition: 2s; }
a.light {
background-color: #733c7c;
color: #dde4ff; }
background-color: transparent;
color: #9b5bb4; }
a.footer-nav-item.active,
a.footer-nav-item:hover {
color: #f2504b;
background-color: #27234c;
border-color: #27234c;
transition: 0.24s; }
color: #ff8ad0;
background-color: #413c74;
border-color: #413c74;
transition: 0.2s; }
a.footer-nav-item.active.light,
a.footer-nav-item:hover.light {
color: #733c7c;
background-color: #dde4ff;
border-color: #dde4ff; }
color: #413c74;
background-color: #ffffff;
border-color: #ffffff; }
footer {
background-color: #f2504b;
color: #27234c;
transition: 1s; }
background-color: #ff8ad0;
color: #413c74;
transition: 2s; }
footer.light {
background-color: #733c7c;
color: #dde4ff; }
background-color: #413c74;
color: #ffffff; }
footer a {
color: #27234c;
background-color: #f2504b;
transition: 1s; }
color: #413c74;
background-color: #ff8ad0;
transition: 2s; }
footer a.light {
color: #dde4ff;
background-color: #733c7c; }
color: #ffffff;
background-color: #413c74; }
.togglelabel {
background-color: #f2504b;
border-color: #27234c;
transition: 1s; }
background-color: #ff8ad0;
border-color: #413c74;
transition: 2s; }
.togglelabel.light {
background-color: #733c7c;
border-color: #dde4ff; }
background-color: #413c74;
border-color: #ffffff; }
.togglelabel.light::after {
background-color: #dde4ff;
color: #733c7c;
transition: 1s; }
background-color: #ffffff;
color: #413c74;
transition: 2s; }
.togglelabel::after {
background-color: #27234c;
color: #f2504b;
transition: 1s; }
background-color: #413c74;
color: #ff8ad0;
transition: 2s; }
body.light #title {
color: #dde4ff;
background-color: #733c7c;
transition: 1s; }
color: #ffffff;
background-color: #413c74;
transition: 2s; }
body #title {
color: #27234c;
background-color: #f2504b;
transition: 1s; }
color: #413c74;
background-color: #ff8ad0;
transition: 2s; }
article {
background-color: #27234c;
border-color: #f2504b;
transition: 1s; }
background-color: #413c74;
border-color: #ff8ad0;
transition: 2s; }
article.light {
background-color: #dde4ff;
border-color: #733c7c; }
background-color: #ffffff;
border-color: #413c74; }
article h2 {
background-color: #b296ff;
color: #27234c;
transition: 1s; }
h2 {
background-color: #ffdc6d;
color: #413c74;
transition: 2s; }
h2.light {
color: #ffffff; }
article h3 {
background-color: #39b8a3;
color: #27234c;
transition: 1s; }
h2 a {
color: #413c74; }
h2 a.light {
color: #ffffff; }
article.light h3 {
background-color: #225091;
color: #dde4ff;
transition: 1s; }
h3 {
background-color: #61d478;
color: #413c74;
transition: 2s; }
article h4 {
background-color: #dde4ff;
color: #27234c;
transition: 1s; }
article.light h4 {
background-color: #27234c;
color: #dde4ff;
transition: 1s; }
article.light h2 {
background-color: #007582;
color: #dde4ff;
transition: 1s; }
article h5,
article h6,
article a {
background-color: #f2504b;
color: #27234c;
transition: 1s; }
article.light h5,
article.light h6,
article.light a {
background-color: #733c7c;
color: #dde4ff;
transition: 1s; }
a:hover {
color: #f2504b;
background-color: transparent; }
a:hover.light {
color: #733c7c;
h3 a {
color: #413c74; }
h3 a:hover {
background-color: transparent; }
h3.light {
background-color: #5183b9;
color: #ffffff;
transition: 2s; }
h3.lighta {
color: #ffffff; }
h5,
h6,
h4 {
background-color: #ffffff;
color: #413c74;
transition: 2s; }
h5 a,
h6 a,
h4 a {
color: #413c74;
background-color: transparent; }
h4.light,
h5.light,
h6.light {
background-color: #413c74;
color: #ffffff;
transition: 2s; }
h2.light {
background-color: #9b5bb4;
color: #ffffff;
transition: 2s; }
article.light a {
background-color: transparent;
color: #9b5bb4;
transition: 2s; }
article.light a.hash-link {
color: #ffffff; }
article.light a.hash-link:hover {
background-color: transparent;
color: #ffffff; }
a:hover {
color: #413c74;
background-color: #ffdc6d;
transition: 0.2s; }
.previous.light:hover,
.next.light:hover,
.postdescription a.light:hover,
article.light a:hover {
color: #733c7c;
background-color: transparent; }
color: #ffffff;
background-color: #9b5bb4;
transition: 0.2s; }
.light.hash-link:hover,
.hash-link:hover {
background-color: transparent;
transition: 2s; }
h1a.light,
h2a.light,
h3a.light,
h4a.light,
h5a.light,
h6a.light {
background-color: transparent;
color: #ffffff; }
h1a.light:hover,
h2a.light:hover,
h3a.light:hover,
h4a.light:hover,
h5a.light:hover,
h6a.light:hover {
background-color: transparent; }
header.light {
background-color: #ffffff;
transition: 2s; }
header {
transition: 2s; }
.posttitle a {
background-color: transparent;
color: #413c74; }
.posttitle a:hover {
background-color: transparent; }
html,
body {
@ -155,10 +213,16 @@ footer {
#content p,
#content ul,
#content ol,
#content table {
#content table,
.postdescription,
hr {
margin-right: 24%;
margin-left: 24%; }
#content ol ol,
#content ul ul {
margin-left: 0.12em; }
#footer-left {
margin-top: auto;
margin-bottom: auto;
@ -210,9 +274,9 @@ h4,
h5,
h6 {
padding-right: 6%;
margin-right: 6%;
padding-top: 12pt;
padding-bottom: 12pt;
margin-right: 6%;
justify-content: right;
display: flex;
align-items: center; }
@ -228,7 +292,8 @@ h6 {
article {
margin-inline: auto; }
.titlecontainer {
.titlecontainer,
header {
width: 100%;
padding-top: 42pt; }
@ -247,14 +312,14 @@ article {
h1 {
font-size: 42pt; }
h2 {
h2 a {
font-size: 42pt;
font-style: bold; }
h3, h4 {
h3 a, h4 a {
font-size: 32pt; }
h5 h6 {
h5 a, h6 a {
font-size: 24pt; }
a {
@ -271,8 +336,12 @@ label::after {
h6 {
font-style: italic; }
::before {
font-family: CaskaydiaCoveMono; }
* {
border-width: 2pt; }
border-width: 2pt;
transition: ease-in-out; }
input[type="checkbox"] {
cursor: pointer; }
@ -280,6 +349,7 @@ input[type="checkbox"] {
.toggleinput {
opacity: 0;
max-height: 0;
max-width: 0;
overflow: hidden; }
.togglelabel {
@ -298,21 +368,21 @@ input[type="checkbox"] {
width: 20pt;
border-width: 1pt;
border-radius: 100pt;
transition: 0.3s;
transition: 1s;
display: inline-block;
vertical-align: middle;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
content: "";
content: "";
border-style: solid; }
input:checked + label:after {
left: calc(100% - 49pt); }
input:checked + label::after {
content: ""; }
content: ""; }
.footer-nav-item {
border-radius: 100%;
@ -325,10 +395,30 @@ input:checked + label::after {
.togglelabel {
border: solid; }
h1, h2, h3, h4, h5, h6 {
h1,
h2,
h3,
h4,
h5,
h6 {
border-top-right-radius: 48pt;
border-bottom-right-radius: 48pt; }
h1 .hash-link:hover,
h2 .hash-link:hover,
h3 .hash-link:hover,
h4 .hash-link:hover,
h5 .hash-link:hover,
h6 .hash-link:hover {
cursor: pointer; }
h1 .hash-link:hover::before,
h2 .hash-link:hover::before,
h3 .hash-link:hover::before,
h4 .hash-link:hover::before,
h5 .hash-link:hover::before,
h6 .hash-link:hover::before {
content: ""; }
.postdescription,
#content p,
#content ul,
#content ol,

@ -1 +1 @@
Subproject commit e0e8cb434cdc0c6438e04f65030a10c72574a47c
Subproject commit abb81b7acae00184920e36f6580ab28f66fbe8ca