zoe/hugo-batsite
1
0
Fork 0
mirror of https://git.kittycat.homes/zoe/hugo-batsite.git synced 2024-08-15 03:18:24 +00:00
Code Issues Projects Releases Wiki Activity

make theme look more modern

Browse source
This commit is contained in:
zoe 2022-04-12 23:39:40 +02:00
parent b66a31f03a
commit a211cb1052
1 changed files with 28 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

56
resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content
View file

@ -4,7 +4,7 @@ body {
color: #e88dc3; color: #e88dc3;
transition: 1s; } transition: 1s; }
body.light { body.light {
background-color: #d2c9a5; background-color: #dde4ff;
color: #4b3d44; } color: #4b3d44; }
a { a {
@ -12,8 +12,8 @@ a {
color: #27234c; color: #27234c;
transition: 1s; } transition: 1s; }
a.light { a.light {
background-color: #79444a; background-color: #733c7c;
color: #d2c9a5; } color: #dde4ff; }
a.footer-nav-item.active, a.footer-nav-item.active,
a.footer-nav-item:hover { a.footer-nav-item:hover {
@ -23,37 +23,37 @@ a.footer-nav-item:hover {
transition: 0.24s; } transition: 0.24s; }
a.footer-nav-item.active.light, a.footer-nav-item.active.light,
a.footer-nav-item:hover.light { a.footer-nav-item:hover.light {
color: #4b726e; color: #733c7c;
background-color: #d2c9a5; background-color: #dde4ff;
border-color: #d2c9a5; } border-color: #dde4ff; }
footer { footer {
background-color: #f2504b; background-color: #f2504b;
color: #27234c; color: #27234c;
transition: 1s; } transition: 1s; }
footer.light { footer.light {
background-color: #4b726e; background-color: #733c7c;
color: #d2c9a5; } color: #dde4ff; }
footer a { footer a {
color: #27234c; color: #27234c;
background-color: #f2504b; background-color: #f2504b;
transition: 1s; } transition: 1s; }
footer a.light { footer a.light {
color: #d2c9a5; color: #dde4ff;
background-color: #4b726e; } background-color: #733c7c; }
.togglelabel { .togglelabel {
background-color: #f2504b; background-color: #f2504b;
border-color: #27234c; border-color: #27234c;
transition: 1s; } transition: 1s; }
.togglelabel.light { .togglelabel.light {
background-color: #4b726e; background-color: #733c7c;
border-color: #d2c9a5; } border-color: #dde4ff; }
.togglelabel.light::after { .togglelabel.light::after {
background-color: #d2c9a5; background-color: #dde4ff;
color: #4b726e; color: #733c7c;
transition: 1s; } transition: 1s; }
.togglelabel::after { .togglelabel::after {
@ -62,8 +62,8 @@ footer a {
transition: 1s; } transition: 1s; }
body.light #title { body.light #title {
color: #d2c9a5; color: #dde4ff;
background-color: #4b726e; background-color: #733c7c;
transition: 1s; } transition: 1s; }
body #title { body #title {
@ -76,8 +76,8 @@ article {
border-color: #f2504b; border-color: #f2504b;
transition: 1s; } transition: 1s; }
article.light { article.light {
background-color: #d2c9a5; background-color: #dde4ff;
border-color: #4b726e; } border-color: #733c7c; }
article h2 { article h2 {
background-color: #b296ff; background-color: #b296ff;
@ -90,8 +90,8 @@ article h3 {
transition: 1s; } transition: 1s; }
article.light h3 { article.light h3 {
background-color: #733c7c; background-color: #225091;
color: #d2c9a5; color: #dde4ff;
transition: 1s; } transition: 1s; }
article h4 { article h4 {
@ -100,13 +100,13 @@ article h4 {
transition: 1s; } transition: 1s; }
article.light h4 { article.light h4 {
background-color: #007582; background-color: #27234c;
color: #d2c9a5; color: #dde4ff;
transition: 1s; } transition: 1s; }
article.light h2 { article.light h2 {
background-color: #225091; background-color: #007582;
color: #d2c9a5; color: #dde4ff;
transition: 1s; } transition: 1s; }
article h5, article h5,
@ -119,19 +119,19 @@ article a {
article.light h5, article.light h5,
article.light h6, article.light h6,
article.light a { article.light a {
background-color: #79444a; background-color: #733c7c;
color: #d2c9a5; color: #dde4ff;
transition: 1s; } transition: 1s; }
a:hover { a:hover {
color: #f2504b; color: #f2504b;
background-color: transparent; } background-color: transparent; }
a:hover.light { a:hover.light {
color: #79444a; color: #733c7c;
background-color: transparent; } background-color: transparent; }
article.light a:hover { article.light a:hover {
color: #79444a; color: #733c7c;
background-color: transparent; } background-color: transparent; }
html, html,