make theme look more modern

config.toml

@@ -9,3 +9,5 @@ sectionPagesMenu = "main"
     identifier = "home"
     name = ''
     url = '/'
+    title = 'home'
+

resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content

@@ -1,15 +1,15 @@
 @charset "UTF-8";
 body {
-  background-color: #4b3d44;
-  color: #d2c9a5;
+  background-color: #27234c;
+  color: #e88dc3;
   transition: 1s; }
   body.light {
     background-color: #d2c9a5;
     color: #4b3d44; }
 
 a {
-  background-color: #c77b58;
-  color: #4b3d44;
+  background-color: #f2504b;
+  color: #27234c;
   transition: 1s; }
   a.light {
     background-color: #79444a;
@@ -17,9 +17,9 @@ a {
 
 a.footer-nav-item.active,
 a.footer-nav-item:hover {
-  color: #8caba1;
-  background-color: #4b3d44;
-  border-color: #4b3d44;
+  color: #f2504b;
+  background-color: #27234c;
+  border-color: #27234c;
   transition: 0.24s; }
   a.footer-nav-item.active.light,
   a.footer-nav-item:hover.light {
@@ -28,24 +28,24 @@ a.footer-nav-item:hover {
     border-color: #d2c9a5; }
 
 footer {
-  background-color: #8caba1;
-  color: #4b3d44;
+  background-color: #f2504b;
+  color: #27234c;
   transition: 1s; }
   footer.light {
     background-color: #4b726e;
     color: #d2c9a5; }
 
 footer a {
-  color: #4b3d44;
-  background-color: #8caba1;
+  color: #27234c;
+  background-color: #f2504b;
   transition: 1s; }
   footer a.light {
     color: #d2c9a5;
     background-color: #4b726e; }
 
 .togglelabel {
-  background-color: #8caba1;
-  border-color: #4b3d44;
+  background-color: #f2504b;
+  border-color: #27234c;
   transition: 1s; }
   .togglelabel.light {
     background-color: #4b726e;
@@ -57,8 +57,8 @@ footer a {
   transition: 1s; }
 
 .togglelabel::after {
-  background-color: #4b3d44;
-  color: #8caba1;
+  background-color: #27234c;
+  color: #f2504b;
   transition: 1s; }
 
 body.light #title {
@@ -67,26 +67,72 @@ body.light #title {
   transition: 1s; }
 
 body #title {
-  color: #4b3d44;
-  background-color: #8caba1;
+  color: #27234c;
+  background-color: #f2504b;
   transition: 1s; }
 
 article {
-  background-color: #4b3d44;
-  border-color: #8caba1; }
+  background-color: #27234c;
+  border-color: #f2504b;
+  transition: 1s; }
   article.light {
     background-color: #d2c9a5;
     border-color: #4b726e; }
 
-article h2,
-article h3 {
-  background-color: #8caba1;
-  color: #4b3d44; }
+article h2 {
+  background-color: #b296ff;
+  color: #27234c;
+  transition: 1s; }
+
+article h3 {
+  background-color: #39b8a3;
+  color: #27234c;
+  transition: 1s; }
 
-article.light h2,
 article.light h3 {
-  background-color: #4b726e;
-  color: #d2c9a5; }
+  background-color: #733c7c;
+  color: #d2c9a5;
+  transition: 1s; }
+
+article h4 {
+  background-color: #dde4ff;
+  color: #27234c;
+  transition: 1s; }
+
+article.light h4 {
+  background-color: #007582;
+  color: #d2c9a5;
+  transition: 1s; }
+
+article.light h2 {
+  background-color: #225091;
+  color: #d2c9a5;
+  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: #79444a;
+  color: #d2c9a5;
+  transition: 1s; }
+
+a:hover {
+  color: #f2504b;
+  background-color: transparent; }
+  a:hover.light {
+    color: #79444a;
+    background-color: transparent; }
+
+article.light a:hover {
+  color: #79444a;
+  background-color: transparent; }
 
 html,
 body {
@@ -104,13 +150,14 @@ footer {
 #content {
   min-height: calc(100% - 42pt * 3);
   right: auto;
-  padding-bottom: 84pt; }
+  margin-bottom: 84pt; }
 
 #content p,
 #content ul,
 #content ol,
 #content table {
-  padding-inline: 4em; }
+  margin-right: 24%;
+  margin-left: 24%; }
 
 #footer-left {
   margin-top: auto;
@@ -156,13 +203,35 @@ footer {
   justify-content: center;
   align-items: center; }
 
-h2, h3, h4, h5, h6 {
-  margin-top: 1em; }
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  padding-right: 6%;
+  padding-top: 12pt;
+  padding-bottom: 12pt;
+  margin-right: 6%;
+  justify-content: right;
+  display: flex;
+  align-items: center; }
+
+h2,
+h3,
+h4,
+h5,
+h6 {
+  margin-top: 1em;
+  margin-bottom: 1em; }
 
 article {
-  margin-top: 42pt;
   margin-inline: auto; }
 
+.titlecontainer {
+  width: 100%;
+  padding-top: 42pt; }
+
 @font-face {
   font-family: CaskaydiaCove;
   src: url(/font/CaskaydiaCove.ttf); }
@@ -199,6 +268,9 @@ label::after {
   font-family: CaskaydiaCoveMono;
   font-size: 24pt; }
 
+h6 {
+  font-style: italic; }
+
 * {
   border-width: 2pt; }
 
@@ -213,7 +285,7 @@ input[type="checkbox"] {
 .togglelabel {
   width: 42pt;
   height: 24pt;
-  border-radius: 24pt;
+  border-radius: 48pt;
   cursor: pointer;
   align-items: center;
   display: flex; }
@@ -252,3 +324,15 @@ input:checked + label::after {
 
 .togglelabel {
   border: solid; }
+
+h1, h2, h3, h4, h5, h6 {
+  border-top-right-radius: 48pt;
+  border-bottom-right-radius: 48pt; }
+
+#content p,
+#content ul,
+#content ol,
+#content table {
+  border-left-style: solid;
+  border-width: 0.24em;
+  padding-left: 2em; }

themes/battheme

@@ -1 +1 @@
-Subproject commit f62a00c10fd2690c3cc6f9792a382d8a7438484c
+Subproject commit 7e8352b90ea5dd1b22e0d7ac014698cb09933383