a bit more SCSS cleanup

assets/sass/abstracts/_settings.scss

@@ -1,5 +1,11 @@
 @use "sass:list";
 
+// The maximum width of the content area:
+$max-width: 865px;
+
+// Width at which to switch to mobile styles:
+$responsive-width: 800px;
+
 // Web fonts:
 $webfont-sans: "Inter";
 $webfont-sans-variable: "Inter var";
@@ -18,16 +24,11 @@ $font-stack-variable: list.join($webfont-sans-variable, $system-fonts-sans);
 $font-stack-mono: list.join($webfont-mono, $system-fonts-monospace);
 $font-stack-mono-variable: list.join($webfont-mono-variable, $system-fonts-monospace);
 
-// The maximum width of the content area:
-$max-width: 865px;
-
-// Width at which to switch to mobile styles:
-$responsive-width: 800px;
-
 // Fancy link underline settings:
 $link-underline-opacity: 40%;
 $link-underline-size: 2px;
 $link-opacity-color: #ffffff;
 
-// Elements to fade on dark/light theme toggle:
+// Default fading style when switching between light/dark themes:
 $theme-transition-duration: 0.15s;
+$theme-transition-function: linear;

assets/sass/abstracts/_themes.scss

@@ -1,9 +1,8 @@
-@use "sass:map";
 @use "sass:list";
+@use "sass:map";
 @use "sass:meta";
 
 @use "settings";
-@use "functions" as *;
 
 // Takes a map of CSS properties and theme keys (see below) and set both body.light and body.dark selectors.
 // ex. @include themes.themed($color: "text", $background-color: "background-inner");
@@ -19,7 +18,7 @@
   // list themed properties under CSS transitions for fancy fading
   transition-property: list.join($properties, (), $separator: comma);
   transition-duration: #{settings.$theme-transition-duration};
-  transition-timing-function: linear;
+  transition-timing-function: #{settings.$theme-transition-function};
 
   // add corresponding body.light and body.dark root selectors
   @each $theme, $map in $themes {
@@ -38,6 +37,9 @@
       }
     }
   }
+
+  // allow anything above to be overridden manually by passing in a content block
+  @content;
 }
 
 // ----------------