Alt theme improvements

README.md

@@ -10,6 +10,12 @@ This is used as the internal KaithemAutomation CSS framework.  See it[(Here on G
 
 Note that the preview is of this master branch, not any particular release.
 
+## Alt themes
+Because of weirdness with css variables, all of the alt themes folders must be in the foler with barrel.css itself.  Include barrel.css before
+your theme folder.
+
+If you want to put the theme folder elsewhere. just use relative URLs for --bg and the fonts.
+
 ## Meta tag
 
 You need this customary tag in your HTML or it doesn't scale right on mobile.

css/banderole.css

@@ -1,7 +1,3 @@
-@import "../barrel.css";
-
-/* Using a string */
-
 :root{
   --bg: radial-gradient(circle, rgb(255 255 255 / 70%) 0%, rgb(188 193 162 / 64%)), url(pergament-papier-hintergrund-braun.webp);
   --box-bg: none;

css/banderole/banderole.css

@@ -1,7 +1,3 @@
-@import "../barrel.css";
-
-/* Using a string */
-
 :root{
   --bg: radial-gradient(circle, rgb(255 255 255 / 70%) 0%, rgb(188 193 162 / 64%)), url(banderole/pergament-papier-hintergrund-braun.webp);
   --box-bg: none;
@@ -177,24 +173,6 @@ img{
   border-radius: calc(var(--border-radius) * 2);
 }
 
-.decorative-image-main
-{
-  background-image: url(/static/img/banderole/drinking-from-the-cask.svg);
-  display: block;
-  box-shadow: none;
-}
-
-.decorative-image-login
-{
-  background-image: url(/static/img/banderole/Halberd.svg);
-  display: block;
-}
-
-.decorative-image-settings
-{
-  background-image: url(/static/img/banderole/johnny_automatic_horse-shoeing.svg);
-  display: block;
-}
 
 .decorative-image-h-bar
 {