Added SASS files to be pre-processed as CSS by a file watcher

assets/sass/themes/default/palettes/_animations.sass

@@ -0,0 +1,32 @@
+$breathing-animation: breathe
+
+@mixin dilating-expanding($anchor-width: 20vw, $anchor-height: 20vh)
+    $measure: 0.5
+    
+    0%
+        width: $anchor-width - ($measure * 5)
+        height: $anchor-height - ($measure * 5)
+
+    25%
+        width: $anchor-width - ($measure * 1)
+        height: $anchor-height - ($measure * 1)
+
+    50%
+        width: $anchor-width
+        height: $anchor-height
+
+    75%
+        width: $anchor-width + ($measure * 1)
+        height: $anchor-height - ($measure * 1)
+
+    100%
+        width: $anchor-width - ($measure * 5)
+        height: $anchor-height - ($measure * 5)
+
+@mixin blinking-border($b-color)
+    0%
+        border-color: transparent
+    50%
+        border-color: $b-color
+    100%
+        border-color: transparent

assets/sass/themes/default/palettes/_brushes.sass

@@ -0,0 +1,34 @@
+@use 'sass:color'
+
+// HELPER ELEMENTS
+$bg-helper-base-color: #121212
+$bg-helper-highlight-color: color.scale($bg-helper-base-color, $blackness: 33%)
+$bg-helper-lowlight-color: color.scale($bg-helper-base-color, $whiteness: 33%)
+$border-helper-base-color: #e9b074
+$fg-helper-base-color: #CCCCCC 
+$fg-helper-highlight-color: color.scale($fg-helper-base-color, $blackness: 33%)
+$fg-helper-lowlight-color: color.scale($fg-helper-base-color, $whiteness: 25%)
+// helper notification elements
+$bg-base-notification: $bg-helper-highlight-color
+$border-base-notification: #9d1934
+$fg-base-notification: $fg-helper-lowlight-color
+// helper slider & progress bar elements
+// $bg-base-slider: #3366FF
+$bg-base-slider: #8710A8
+$border-base-slider: #CCCCCC
+$fg-base-slider: color.scale($border-base-notification, $red: 33%)
+// helper tooltip elements
+$bg-base-tooltip: color.scale($border-helper-base-color, $saturation: -15%)
+$fg-base-tooltip: $bg-helper-highlight-color
+// helper icon elements
+$stroke-icon: $bg-helper-base-color
+$fill-icon: $fg-helper-base-color
+
+// INPUT ELEMENTS
+$bg-input-base-color: #333333
+$border-input-base-color: #CCCCCC
+$fg-input-base-color: $bg-helper-base-color
+
+// OUTPUT ELEMENTS
+$bg-output-base-color: #993333
+$fg-output-base-color: #FFFFCC

assets/sass/themes/default/palettes/_stylebook.sass

@@ -0,0 +1,40 @@
+$message-border-width: 0.8vw
+$shared-shadow-depth: 0px 3px 5px
+$topbottom-framing-pad: 3vh 0
+
+@mixin render-columnist
+    display: flex
+    flex-flow: row nowrap
+    justify-content: center
+    align-items: stretch
+    column-gap: 4%
+
+@mixin render-strip
+    display: flex
+    flex-flow: column wrap
+    justify-content: center
+    align-items: center
+    row-gap: 4%
+
+@mixin make-notif($right-origin-x: 1.25vw, $bottom-origin-y: 3vh)
+    position: fixed
+    bottom: $bottom-origin-y
+    right: $right-origin-x
+    min-height: 6vh
+    max-height: 10vh
+    max-width: 15vw
+    overflow: scroll
+    -ms-overflow-style: none
+    scrollbar-width: none
+    padding: 5px
+    z-index: 1
+
+    &::-webkit-scrollbar
+        display: none
+
+@mixin init-font($font-name, $extension: "ttf")
+    font-family: $font-name 
+    src: url('./fonts/' + $font-name + '.' + $extension)
+
+@mixin set-corners($tl: 15%, $tr: 15%, $br: 15%, $bl: 15%)
+    border-radius: $tl $tr $br $bl

assets/sass/themes/default/palettes/_typewriters.sass

@@ -0,0 +1,10 @@
+/* $titular-font: "UnifrakturCook-Bold" */
+$titular-font: "Cronicle"
+$journalistic-font: "Almendra-Regular"
+$socializing-font-size: 12pt
+/* $sys-message-font: "SyneMono-Regular" */
+$sys-message-font: "INSULA"
+$sys-message-font-size: 16pt
+$programming-font: "CaesarDressing-Regular"
+$alt-journalistic-font: "Satanic_Demon"
+$cryptic-font: "Drachenklaue"