%# Spectra - A Modern Responsive LuCI Theme A clean, responsive web interface for OpenWRT LuCI luci-theme-spectra Copyright 2026 Thaolga Features: - Modern responsive design - Mobile-first approach - Enhanced user experience - Customizable appearance Based on: - luci-theme-bootstrap (Apache License 2.0) - luci-theme-argon (Apache License 2.0) - Bootstrap & MUI design principles For bug reports, feature requests and contributions: https://github.com/Thaolga/openwrt-nekobox Licensed under the Apache License, Version 2.0 -%> <% local sys = require "luci.sys" local util = require "luci.util" local http = require "luci.http" local disp = require "luci.dispatcher" local ver = require "luci.version" local mode = 'normal' local boardinfo = util.ubus("system", "board") local node = disp.context.dispatched local fs = require "nixio.fs" local nutil = require "nixio.util" local uci = require 'luci.model.uci'.cursor() -- send as HTML5 http.prepare_content("text/html") -- Custom settings local mode = 'normal' local dark_css = fs.readfile('/www/luci-static/spectra/css/dark.css') local bar_color = '#5e72e4' local primary, dark_primary, blur_radius, blur_radius_dark, blur_opacity if fs.access('/etc/config/spectra') then primary = uci:get_first('spectra', 'global', 'primary') dark_primary = uci:get_first('spectra', 'global', 'dark_primary') blur_radius = uci:get_first('spectra', 'global', 'blur') blur_radius_dark = uci:get_first('spectra', 'global', 'blur_dark') blur_opacity = uci:get_first('spectra', 'global', 'transparency') blur_opacity_dark = uci:get_first('spectra', 'global', 'transparency_dark') mode = uci:get_first('spectra', 'global', 'mode') bar_color = mode == 'dark' and dark_primary or primary end -- Brand name local brand_name = boardinfo.hostname or "?" -%>
1. Video Mode: Default file name is "bg.mp4"
2. Image Mode: Default file names are "bg1-20.jpg"
3. Dark Mode: Transparent background + spectrum animation
4. Light Mode: Switch via theme settings, automatically turns off control switch
5. Theme Settings: Support custom backgrounds, clear background for mode switching
6. Mode Switching: Image/Video modes only work in dark mode
7. Project Address: Visit GitHub
Waiting for the operation to begin...
New theme version available!
Loading...