KM6IAU's AREDN dark-mode theme

Greetings,

I tend to prefer "dark-mode" themes.  Subjectively, I thought the included "*_on_black" themes included in the AREDN firmware lacked the character that the default "aredn" theme has.  As such, I decided to craft a dark-mode theme from the default theme.

Screenshots

Here are some screenshots comparing the default theme to my dark-mode theme:

Notes

• I'm not sure how this appears on non-Chromium based browsers.  Probably just about the same on any modern browser.
• This relies heavily on CSS invert filters, which seemed to be the best way to preserve the aesthetic of the default theme.
• There are a few other CSS filter chains to make elements such as checkboxes, sliders, and icons match the page's cyan accent color, rather than the user-agent's default assignments.  These filter chains were created by the aid of this resource: https://codepen.io/sosuke/pen/Pjoqqp .
• While this dark-mode theme is fairly faithful to the original default theme, I took certain liberties:
  • Reducing the roundedness of boxes.
  • Making the sortable headings of the WiFi scan table appear more like links as a visual cue that they are indeed clickable.
  • The odd-even row-coloring of the tunnel page has more subtle variation than the default.
  • In order to make this a "one-file" theme, I also used a CSS invert filter to make the logo appear as white text rather than black text.  A consequence of this is that the colorization is also inverted.  Fortunately, red and cyan are complimentary colors, so inverting "red and cyan" gives you "cyan and red", and thus the logo may indeed appear correct to the casual observer.

Inspect the Stylesheet

You may inspect the css at https://pastebin.com/dTT0n65c.

Installation

Disclaimer, if you're not familiar with the command line, don't do this.

1. Login using the command line.

   Via ssh: (Linux and Mac users will probably want to use this method.  You will be asked for your node's password, unless you have your ssh public key installed.)

   ssh -p2222 root@localnode.local.mesh

   Or via telnet: (Windows users will probably want to use this method.  At the "login:" prompt, enter "root".  At the "Password:" prompt, enter your node's password.)

   telnet localnode.local.mesh
   

2. Download the stylesheet to the /www directory.

   Issue this command into your node's shell:

   curl https://pastebin.com/raw/dTT0n65c -o /www/aredn_dark.css

3. Logout of your node's shell.

   Exit the ssh or telnet session using the exit command:

   exit

4. Select the theme.

   To use this theme, select "aredn_dark" on the node's "Select a theme:" dropdown box on the node's status page.

Other Information

If the AREDN devs want to include any portion of this in future firmware, please be my guest.  Enjoy this theme.

73 de KM6IAU