new site configuration: color scheme

boofilsic/settings.py

@@ -36,6 +36,7 @@ env = environ.FileAwareEnv(
     NEODB_SITE_LOGO=(str, "/s/img/logo.svg"),
     NEODB_SITE_ICON=(str, "/s/img/icon.png"),
     NEODB_USER_ICON=(str, "/s/img/avatar.svg"),
+    NEODB_SITE_COLOR=(str, "azure"),  # https://picocss.com/docs/colors
     NEODB_SITE_INTRO=(str, ""),
     NEODB_SITE_HEAD=(str, ""),
     NEODB_SITE_DESCRIPTION=(
@@ -205,6 +206,7 @@ SITE_INFO = {
     "site_logo": env("NEODB_SITE_LOGO"),
     "site_icon": env("NEODB_SITE_ICON"),
     "user_icon": env("NEODB_USER_ICON"),
+    "site_color": env("NEODB_SITE_COLOR"),
     "site_intro": env("NEODB_SITE_INTRO"),
     "site_description": env("NEODB_SITE_DESCRIPTION"),
     "site_head": env("NEODB_SITE_HEAD"),

common/templates/common_libs.html

@@ -20,7 +20,7 @@
 <script src="{{ cdn_url }}/npm/htmx.org@2.0.4/dist/htmx.min.js"></script>
 <script src="{{ cdn_url }}/npm/hyperscript.org@0.9.13"></script>
 <link rel="stylesheet"
-      href="{{ cdn_url }}/npm/@yohns/picocss@2.2.1/css/pico.min.css" />
+      href="{{ cdn_url }}/npm/@yohns/picocss@2.2.1/css/pico.{{ site_color }}.min.css" />
 <link href="{% sass_src 'scss/neodb.scss' %}"
       rel="stylesheet"
       type="text/css" />

docs/configuration.md

@@ -21,6 +21,7 @@ if you are doing debug or development:
  - `NEODB_SITE_LOGO`
  - `NEODB_SITE_ICON`
  - `NEODB_USER_ICON`
+ - `NEODB_SITE_COLOR` - one of [these color schemes](https://picocss.com/docs/colors)
  - `NEODB_SITE_INTRO`
  - `NEODB_SITE_HEAD`
  - `NEODB_SITE_DESCRIPTION`