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,82 +1,138 @@
 @charset "UTF-8";
 body {
-  background-color: #4b3d44;
-  color: #d2c9a5;
+  background-color: #27234c;
+  color: #e88dc3;
   transition: 1s; }
   body.light {
-    background-color: #d2c9a5;
+    background-color: #dde4ff;
     color: #4b3d44; }
 
 a {
-  background-color: #c77b58;
-  color: #4b3d44;
+  background-color: #f2504b;
+  color: #27234c;
   transition: 1s; }
   a.light {
-    background-color: #79444a;
-    color: #d2c9a5; }
+    background-color: #733c7c;
+    color: #dde4ff; }
 
 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 {
-    color: #4b726e;
-    background-color: #d2c9a5;
-    border-color: #d2c9a5; }
+    color: #733c7c;
+    background-color: #dde4ff;
+    border-color: #dde4ff; }
 
 footer {
-  background-color: #8caba1;
-  color: #4b3d44;
+  background-color: #f2504b;
+  color: #27234c;
   transition: 1s; }
   footer.light {
-    background-color: #4b726e;
-    color: #d2c9a5; }
+    background-color: #733c7c;
+    color: #dde4ff; }
 
 footer a {
-  color: #4b3d44;
-  background-color: #8caba1;
+  color: #27234c;
+  background-color: #f2504b;
   transition: 1s; }
   footer a.light {
-    color: #d2c9a5;
-    background-color: #4b726e; }
+    color: #dde4ff;
+    background-color: #733c7c; }
 
 .togglelabel {
-  background-color: #8caba1;
-  border-color: #4b3d44;
+  background-color: #f2504b;
+  border-color: #27234c;
   transition: 1s; }
   .togglelabel.light {
-    background-color: #4b726e;
-    border-color: #d2c9a5; }
+    background-color: #733c7c;
+    border-color: #dde4ff; }
 
 .togglelabel.light::after {
-  background-color: #d2c9a5;
-  color: #4b726e;
+  background-color: #dde4ff;
+  color: #733c7c;
   transition: 1s; }
 
 .togglelabel::after {
-  background-color: #4b3d44;
-  color: #8caba1;
+  background-color: #27234c;
+  color: #f2504b;
   transition: 1s; }
 
 body.light #title {
-  color: #d2c9a5;
-  background-color: #4b726e;
+  color: #dde4ff;
+  background-color: #733c7c;
   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; }
+    background-color: #dde4ff;
+    border-color: #733c7c; }
+
+article h2 {
+  background-color: #b296ff;
+  color: #27234c;
+  transition: 1s; }
+
+article h3 {
+  background-color: #39b8a3;
+  color: #27234c;
+  transition: 1s; }
+
+article.light h3 {
+  background-color: #225091;
+  color: #dde4ff;
+  transition: 1s; }
+
+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;
+    background-color: transparent; }
+
+article.light a:hover {
+  color: #733c7c;
+  background-color: transparent; }
 
 html,
 body {
@@ -94,7 +150,14 @@ footer {
 #content {
   min-height: calc(100% - 42pt * 3);
   right: auto;
-  padding: 42pt; }
+  margin-bottom: 84pt; }
+
+#content p,
+#content ul,
+#content ol,
+#content table {
+  margin-right: 24%;
+  margin-left: 24%; }
 
 #footer-left {
   margin-top: auto;
@@ -140,10 +203,34 @@ footer {
   justify-content: center;
   align-items: center; }
 
+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;
-  padding: 4em; }
+  margin-inline: auto; }
+
+.titlecontainer {
+  width: 100%;
+  padding-top: 42pt; }
 
 @font-face {
   font-family: CaskaydiaCove;
@@ -160,6 +247,16 @@ article {
 h1 {
   font-size: 42pt; }
 
+h2 {
+  font-size: 42pt;
+  font-style: bold; }
+
+h3, h4 {
+  font-size: 32pt; }
+
+h5 h6 {
+  font-size: 24pt; }
+
 a {
   text-decoration: none; }
 
@@ -169,7 +266,10 @@ footer * {
 
 label::after {
   font-family: CaskaydiaCoveMono;
-  font-size: 20pt; }
+  font-size: 24pt; }
+
+h6 {
+  font-style: italic; }
 
 * {
   border-width: 2pt; }
@@ -185,7 +285,7 @@ input[type="checkbox"] {
 .togglelabel {
   width: 42pt;
   height: 24pt;
-  border-radius: 24pt;
+  border-radius: 48pt;
   cursor: pointer;
   align-items: center;
   display: flex; }
@@ -222,9 +322,17 @@ input:checked + label::after {
   align-items: center;
   border-style: solid; }
 
-article {
-  border-style: solid;
-  border-radius: 24pt; }
-
 .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 e0e8cb434cdc0c6438e04f65030a10c72574a47c