assets/scss/colors.scss

@@ -1,18 +1,12 @@
-$light-bg:  #dde4ff ;
-$light-bg-alt:  #733c7c ;
+$light-bg: #d2c9a5;
+$light-bg-alt:  #4b726e ;
 $light-fg: #4b3d44;
-$light-ln:  #733c7c ;
-$light-accent1:  #007582 ;
-$light-accent2:  #225091 ;
-$light-accent3:   #27234c  ;
+$light-ln:  #79444a ;
 
-$dark-bg:  #27234c ;
-$dark-bg-alt:    #f2504b   ;
-$dark-fg:    #e88dc3   ;
-$dark-ln:  #f2504b ;
-$dark-accent1: #b296ff;
-$dark-accent2:  #39b8a3 ;
-$dark-accent3:   #dde4ff  ;
+$dark-bg: #4b3d44;
+$dark-bg-alt: #8caba1;
+$dark-fg: #d2c9a5;
+$dark-ln: #c77b58;
 
 $transition-time: 1s;
 
@@ -110,69 +104,4 @@ article {
   }
   background-color: $dark-bg;
   border-color: $dark-bg-alt;
-  transition: $transition-time;
-}
-
-article h2 {
-  background-color: $dark-accent1;
-  color: $dark-bg;
-  transition: $transition-time;
-}
-article h3 {
-  background-color: $dark-accent2;
-  color: $dark-bg;
-  transition: $transition-time;
-}
-
-article.light h3 {
-  background-color: $light-accent2;
-  color: $light-bg;
-  transition: $transition-time;
-}
-article h4 {
-  background-color: $dark-accent3;
-  color: $dark-bg;
-  transition: $transition-time;
-}
-
-article.light h4 {
-  background-color: $light-accent3;
-  color: $light-bg;
-  transition: $transition-time;
-}
-
-article.light h2 {
-  background-color: $light-accent1;
-  color: $light-bg;
-  transition: $transition-time;
-}
-
-article h5,
-article h6,
-article a {
-  background-color: $dark-ln;
-  color: $dark-bg;
-  transition: $transition-time;
-}
-
-article.light h5,
-article.light h6,
-article.light a {
-  background-color: $light-ln;
-  color: $light-bg;
-  transition: $transition-time;
-}
-
-a:hover {
-  &.light {
-    color: $light-ln;
-    background-color: transparent;
-  }
-  color: $dark-ln;
-  background-color: transparent;
-}
-
-article.light a:hover {
-  color: $light-ln;
-  background-color: transparent;
 }

assets/scss/font.scss

@@ -1,7 +1,7 @@
 $huge: 42pt;
-$large: 32pt;
-$big: 24pt;
-$medium: 18pt;
+$large: 24pt;
+$big: 20pt;
+$medium: 16pt;
 $small: 12pt;
 
 @font-face {
@@ -23,25 +23,12 @@ h1 {
   font-size: $huge;
 }
 
-h2 {
-  font-size: $huge;
-  font-style:bold;
-}
-
-h3, h4 {
-  font-size: $large;
-}
-
-h5 h6 {
-  font-size: $big;
-}
-
 a {
   text-decoration: none;
 }
 
 footer * {
-  font-size: $big;
+  font-size: $large;
   font-family: CaskaydiaCoveMono;
 }
 
@@ -49,7 +36,3 @@ label::after {
   font-family: CaskaydiaCoveMono;
   font-size: $big;
 }
-
-h6 {
-  font-style: italic;
-}

assets/scss/layout.scss

@@ -18,15 +18,7 @@ footer {
 #content {
   min-height: calc(100% - 42pt * 3);
   right: auto;
-  margin-bottom: 84pt;
-}
-
-#content p,
-#content ul,
-#content ol,
-#content table {
-  margin-right: 24%;
-  margin-left: 24%;
+  padding: 42pt;
 }
 
 #footer-left {
@@ -79,36 +71,9 @@ footer {
   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;
 }
-
-.titlecontainer {
-  width: 100%;
-  padding-top: 42pt;
-}
-

assets/scss/style.scss

@@ -1,4 +1,4 @@
-$radius: 48pt;
+$radius: 24pt;
 $toggle-width: 42pt;
 $toggle-height: 24pt;
 
@@ -62,20 +62,11 @@ input:checked + label::after{
     border-style: solid;
 }
 
+article {
+    border-style: solid;
+    border-radius: $radius;
+}
+
 .togglelabel{
     border: solid;
 }
-
-h1, h2, h3, h4, h5, h6 {
-    border-top-right-radius: $radius;
-    border-bottom-right-radius: $radius;
-}
-
-#content p,
-#content ul,
-#content ol,
-#content table {
-    border-left-style: solid;
-    border-width: 0.24em;
-    padding-left: 2em;
-}

layouts/_default/single.html

@@ -1,8 +1,6 @@
 {{ define "main" }}
 <section id="main">
-  <div class="titlecontainer">
-  <h1 id="title" class="colorswitch">{{ .Title }}</h1>
-  </div>
+  <h1 id="title" class="colorswitch">Single Page {{ .Title }}</h1>
     <div>
         {{ with .PrevInSection }}
           <a class="previous colorswitch" href="{{.Permalink}}">previous: {{.Title}}</a>