<%# Argon is a clean HTML5 theme for LuCI. It is based on luci-theme-material Argon Template luci-theme-argon Copyright 2020 Jerrykuku Have a bug? Please create an issue here on GitHub! https://github.com/jerrykuku/luci-theme-argon/issues luci-theme-material: Copyright 2015 Lutty Yang Argon Theme https://demos.creative-tim.com/argon-dashboard/index.html Licensed to the public under the Apache License 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 "?" -%> <%=striptags( (boardinfo.hostname or "?") .. ( (node and node.title) and ' - ' .. translate(node.title) or '')) %> - LuCI - LuCI"> - LuCI"> <% if node and node.css then %> <% end -%> <% if css then %> <% end -%> ">

HUEMATRIX v2.0
Advanced Color Control

HueMatrix 2.0 — Next-Generation Color Engine

Color Control

Hue 260°
Chroma 0.25
Lightness 85%
Preset Colors

Color Preview

Current Color
OKLCH Value
oklch(85% 0.25 260)
Contrast
Excellent (AAA)

Control Panel

Dark Mode
Theme Settings
Disabled
Background Sound
Video Mode
Image Mode
Dark Mode
Auto Mode
Default Crop
Animation Settings
Default Font
Theme Download
Music Player
Theme Loader
IP Details
Edit IP Database
Set City
Language
Usage Guide

Usage Guide

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

Theme Settings

Animation Settings

Cube Lights
Off
Cube Animation
Off
Snow Animation
Off

UI Control

Tool Icons
Show
Weather Info
Show
IP Info
Show
Site Status

Confirm Modal

Edit IP Database

Loading editor...

Theme Download

Version Check
Current Version
Fetching version info...
Command Installation

Update Progress

Installing theme update...
Waiting for the operation to begin...

Update Available

New theme version available!

Loading...

<%- if luci.sys.process.info("uid") == 0 and luci.sys.user.getuser("root") and not luci.sys.user.getpasswd("root") then -%>

<%:No password set!%>

<%:There is no password set on this router. Please configure a root password to protect the web interface.%>

<% if disp.lookup("admin/system/admin") then %> <% end %>
<%- end -%>