/tomato-css

Custom CSS for Routers running Tomato Firmware

Primary LanguageCSS

A renovation of mReXiTuS's custom css. Modified to be more condensed and compatible with Fresh Tomato.

New Version 2 Beta

V2 Screenshots

#Coming Soon

V1 Screenshots

Dark Theme Screenshot Light Theme Screenshot

Installation

Using Tomato Theme Base (easiest method)

  1. Navigate to Administration > Admin Access
  2. Choose theme from TTB
  3. In theme name type advanced_v1_dark or advanced_v1_light

Using init script (receives updates first)

1. Upload script

  1. Navigate to Administration > Scripts
  2. Choose WAN Up
  3. Paste the contents of tomato_wanup_dark or tomato_wanup_light
  4. In case your router doesn't use WAN (access point, etc.) or if you have problems using WAN Up, try the firewall script instead tomato_firewall_dark/tomato_firewall_light (paste in Firewall not WAN Up) solution from u/brantot
  5. Save changes

2. Enable Custom CSS

  1. Navigate to Administration > Admin Access
  2. Change color scheme to custom.css
  3. Save changes and reboot router
  4. You must erase your browser's cache before the new UI appears.

Tested and working on a Netgear R8000 router running FreshTomato 2019.2

Using SSH

1. Upload Custom CSS over SSH

  1. Make sure SSH is enabled in Administration > Admin Access
  2. Connect to router over SSH
  3. Create folder wwwext in /var/
  4. Upload custom.css file into /var/wwwext/

2. Enable Custom CSS

  1. Navigate to Administration > Admin Access
  2. Change color scheme to custom.css
  3. Save changes and reboot router
  4. You may need to erase your brower's cache before the new UI appears.

If using SSH method, you must repeat the steps on reboot. Router will automatically remove custom.css file after reboot.