update 2023-08-22 00:41:11

This commit is contained in:
github-actions[bot] 2023-08-22 00:41:11 +08:00
parent 3395b6eee0
commit a7489fe020
30 changed files with 1176 additions and 594 deletions

View File

@ -12,12 +12,12 @@ msgstr ""
"Plural-Forms: nplurals=2; plural=(n != 1);\n" "Plural-Forms: nplurals=2; plural=(n != 1);\n"
"X-Generator: Poedit 3.0.1\n" "X-Generator: Poedit 3.0.1\n"
#: applications/luci-app-argonne-config/luasrc/model/cbi/argonne-config.lua:97 #: applications/luci-app-argone-config/luasrc/model/cbi/argone-config.lua:97
msgid "0 transparent - 1 opaque ; ( Suggest: Black translucent preset: 0.5 )" msgid "0 transparent - 1 opaque ; ( Suggest: Black translucent preset: 0.5 )"
msgstr "" msgstr ""
"0 transparente - 1 opaco; (Sugerencia: negro translúcido preestablecido: 0.5)" "0 transparente - 1 opaco; (Sugerencia: negro translúcido preestablecido: 0.5)"
#: applications/luci-app-argonne-config/luasrc/model/cbi/argonne-config.lua:79 #: applications/luci-app-argone-config/luasrc/model/cbi/argone-config.lua:79
msgid "" msgid ""
"0 transparent - 1 opaque ; ( Suggest: transparent: 0 or translucent preset: " "0 transparent - 1 opaque ; ( Suggest: transparent: 0 or translucent preset: "
"0.5 )" "0.5 )"
@ -25,125 +25,125 @@ msgstr ""
"0 transparente - 1 opaco; (Sugerencia: transparente: 0 o translúcido " "0 transparente - 1 opaco; (Sugerencia: transparente: 0 o translúcido "
"preestablecido: 0.5)" "preestablecido: 0.5)"
#: applications/luci-app-argonne-config/luasrc/model/cbi/argonne-config.lua:92 #: applications/luci-app-argone-config/luasrc/model/cbi/argone-config.lua:92
msgid "A HEX Color ; ( Default: #483d8b )" msgid "A HEX Color ; ( Default: #483d8b )"
msgstr "Un color HEX; (Predeterminado: #483d8b)" msgstr "Un color HEX; (Predeterminado: #483d8b)"
#: applications/luci-app-argonne-config/luasrc/model/cbi/argonne-config.lua:72 #: applications/luci-app-argone-config/luasrc/model/cbi/argone-config.lua:72
msgid "A HEX Color ; ( Default: #5e72e4 )" msgid "A HEX Color ; ( Default: #5e72e4 )"
msgstr "Un color HEX; (Predeterminado: #5e72e4)" msgstr "Un color HEX; (Predeterminado: #5e72e4)"
#: applications/luci-app-argonne-config/luasrc/controller/argonne-config.lua:8 #: applications/luci-app-argone-config/luasrc/controller/argone-config.lua:8
#: applications/luci-app-argonne-config/luasrc/model/cbi/argonne-config.lua:53 #: applications/luci-app-argone-config/luasrc/model/cbi/argone-config.lua:53
msgid "Argonne Config" msgid "argone Config"
msgstr "Configuración de Argonne" msgstr "Configuración de argone"
#: applications/luci-app-argonne-config/luasrc/model/cbi/argonne-config.lua:195 #: applications/luci-app-argone-config/luasrc/model/cbi/argone-config.lua:195
msgid "Background file list" msgid "Background file list"
msgstr "Lista de archivos de fondo" msgstr "Lista de archivos de fondo"
#: applications/luci-app-argonne-config/luasrc/model/cbi/argonne-config.lua:60 #: applications/luci-app-argone-config/luasrc/model/cbi/argone-config.lua:60
msgid "Bing Wallpapers" msgid "Bing Wallpapers"
msgstr "Fondos de Bing" msgstr "Fondos de Bing"
#: applications/luci-app-argonne-config/luasrc/model/cbi/argonne-config.lua:59 #: applications/luci-app-argone-config/luasrc/model/cbi/argone-config.lua:59
msgid "Built-in" msgid "Built-in"
msgstr "Integrado" msgstr "Integrado"
#: applications/luci-app-argonne-config/luasrc/view/argonne-config/other_upload.htm:2 #: applications/luci-app-argone-config/luasrc/view/argone-config/other_upload.htm:2
msgid "Choose local file:" msgid "Choose local file:"
msgstr "Elija un archivo local:" msgstr "Elija un archivo local:"
#: applications/luci-app-argonne-config/luasrc/model/cbi/argonne-config.lua:149 #: applications/luci-app-argone-config/luasrc/model/cbi/argone-config.lua:149
msgid "Create upload file error." msgid "Create upload file error."
msgstr "Crear archivo de error de carga." msgstr "Crear archivo de error de carga."
#: applications/luci-app-argonne-config/luasrc/model/cbi/argonne-config.lua:200 #: applications/luci-app-argone-config/luasrc/model/cbi/argone-config.lua:200
msgid "File name" msgid "File name"
msgstr "Nombre del archivo" msgstr "Nombre del archivo"
#: applications/luci-app-argonne-config/luasrc/model/cbi/argonne-config.lua:159 #: applications/luci-app-argone-config/luasrc/model/cbi/argone-config.lua:159
msgid "File saved to" msgid "File saved to"
msgstr "Archivo guardado en" msgstr "Archivo guardado en"
#: applications/luci-app-argonne-config/luasrc/model/cbi/argonne-config.lua:65 #: applications/luci-app-argone-config/luasrc/model/cbi/argone-config.lua:65
msgid "Follow System" msgid "Follow System"
msgstr "Seguir el sistema" msgstr "Seguir el sistema"
#: applications/luci-app-argonne-config/luasrc/model/cbi/argonne-config.lua:67 #: applications/luci-app-argone-config/luasrc/model/cbi/argone-config.lua:67
msgid "Force Dark" msgid "Force Dark"
msgstr "Forzar oscuro" msgstr "Forzar oscuro"
#: applications/luci-app-argonne-config/luasrc/model/cbi/argonne-config.lua:66 #: applications/luci-app-argone-config/luasrc/model/cbi/argone-config.lua:66
msgid "Force Light" msgid "Force Light"
msgstr "Forzar claro" msgstr "Forzar claro"
#: applications/luci-app-argonne-config/root/usr/share/rpcd/acl.d/luci-app-argonne-config.json:3 #: applications/luci-app-argone-config/root/usr/share/rpcd/acl.d/luci-app-argone-config.json:3
msgid "Grant UCI access for luci-app-argonne-config" msgid "Grant UCI access for luci-app-argone-config"
msgstr "Otorgar acceso UCI para luci-app-argonne-config" msgstr "Otorgar acceso UCI para luci-app-argone-config"
#: applications/luci-app-argonne-config/luasrc/model/cbi/argonne-config.lua:53 #: applications/luci-app-argone-config/luasrc/model/cbi/argone-config.lua:53
msgid "" msgid ""
"Here you can set the blur and transparency of the login page of argonne theme, " "Here you can set the blur and transparency of the login page of argone theme, "
"and manage the background pictures and videos.[Chrome is recommended]" "and manage the background pictures and videos.[Chrome is recommended]"
msgstr "" msgstr ""
"Aquí puede configurar el desenfoque y la transparencia de la página de " "Aquí puede configurar el desenfoque y la transparencia de la página de "
"inicio de sesión del tema argonne y administrar las imágenes de fondo y los " "inicio de sesión del tema argone y administrar las imágenes de fondo y los "
"videos. [Se recomienda Chrome]" "videos. [Se recomienda Chrome]"
#: applications/luci-app-argonne-config/luasrc/model/cbi/argonne-config.lua:87 #: applications/luci-app-argone-config/luasrc/model/cbi/argone-config.lua:87
#: applications/luci-app-argonne-config/luasrc/model/cbi/argonne-config.lua:105 #: applications/luci-app-argone-config/luasrc/model/cbi/argone-config.lua:105
msgid "" msgid ""
"Larger value will more blurred ; ( Suggest: clear: 1 or blur preset: 10 )" "Larger value will more blurred ; ( Suggest: clear: 1 or blur preset: 10 )"
msgstr "" msgstr ""
"El valor más grande se verá más borroso; (Sugerencia: claro: 1 o desenfoque " "El valor más grande se verá más borroso; (Sugerencia: claro: 1 o desenfoque "
"predeterminado: 10)" "predeterminado: 10)"
#: applications/luci-app-argonne-config/luasrc/model/cbi/argonne-config.lua:201 #: applications/luci-app-argone-config/luasrc/model/cbi/argone-config.lua:201
msgid "Modify time" msgid "Modify time"
msgstr "Modificar la hora" msgstr "Modificar la hora"
#: applications/luci-app-argonne-config/luasrc/model/cbi/argonne-config.lua:167 #: applications/luci-app-argone-config/luasrc/model/cbi/argone-config.lua:167
msgid "No specify upload file." msgid "No specify upload file."
msgstr "No especificar archivo de carga." msgstr "No especificar archivo de carga."
#: applications/luci-app-argonne-config/luasrc/model/cbi/argonne-config.lua:203 #: applications/luci-app-argone-config/luasrc/model/cbi/argone-config.lua:203
msgid "Remove" msgid "Remove"
msgstr "Eliminar" msgstr "Eliminar"
#: applications/luci-app-argonne-config/luasrc/model/cbi/argonne-config.lua:110 #: applications/luci-app-argone-config/luasrc/model/cbi/argone-config.lua:110
msgid "Save Changes" msgid "Save Changes"
msgstr "Guardar cambios" msgstr "Guardar cambios"
#: applications/luci-app-argonne-config/luasrc/model/cbi/argonne-config.lua:202 #: applications/luci-app-argone-config/luasrc/model/cbi/argone-config.lua:202
msgid "Size" msgid "Size"
msgstr "Tamaño" msgstr "Tamaño"
#: applications/luci-app-argonne-config/luasrc/model/cbi/argonne-config.lua:64 #: applications/luci-app-argone-config/luasrc/model/cbi/argone-config.lua:64
msgid "Theme mode" msgid "Theme mode"
msgstr "Modo del tema" msgstr "Modo del tema"
#: applications/luci-app-argonne-config/luasrc/view/argonne-config/other_upload.htm:4 #: applications/luci-app-argone-config/luasrc/view/argone-config/other_upload.htm:4
msgid "Upload" msgid "Upload"
msgstr "Cargar" msgstr "Cargar"
#: applications/luci-app-argonne-config/luasrc/model/cbi/argonne-config.lua:124 #: applications/luci-app-argone-config/luasrc/model/cbi/argone-config.lua:124
msgid "Upload (Free:" msgid "Upload (Free:"
msgstr "Cargar (Libre:" msgstr "Cargar (Libre:"
#: applications/luci-app-argonne-config/luasrc/model/cbi/argonne-config.lua:128 #: applications/luci-app-argone-config/luasrc/model/cbi/argone-config.lua:128
msgid "Upload file to '/www/luci-static/argonne/background/'" msgid "Upload file to '/www/luci-static/argone/background/'"
msgstr "Subir archivo a '/www/luci-static/argonne/background/'" msgstr "Subir archivo a '/www/luci-static/argone/background/'"
#: applications/luci-app-argonne-config/luasrc/model/cbi/argonne-config.lua:58 #: applications/luci-app-argone-config/luasrc/model/cbi/argone-config.lua:58
msgid "Wallpaper Source" msgid "Wallpaper Source"
msgstr "Fuente del fondo de pantalla" msgstr "Fuente del fondo de pantalla"
#: applications/luci-app-argonne-config/luasrc/model/cbi/argonne-config.lua:70 #: applications/luci-app-argone-config/luasrc/model/cbi/argone-config.lua:70
msgid "You can choose Theme color mode here" msgid "You can choose Theme color mode here"
msgstr "Puede elegir el modo de color del tema aquí" msgstr "Puede elegir el modo de color del tema aquí"
#: applications/luci-app-argonne-config/luasrc/model/cbi/argonne-config.lua:124 #: applications/luci-app-argone-config/luasrc/model/cbi/argone-config.lua:124
msgid "" msgid ""
"You can upload files such as jpg,png,gif,mp4,webm files, To change the login page " "You can upload files such as jpg,png,gif,mp4,webm files, To change the login page "
"background." "background."
@ -151,29 +151,29 @@ msgstr ""
"Puede cargar archivos como jpg, png, gif, mp4, webm, para cambiar el fondo de la " "Puede cargar archivos como jpg, png, gif, mp4, webm, para cambiar el fondo de la "
"página de inicio de sesión." "página de inicio de sesión."
#: applications/luci-app-argonne-config/luasrc/model/cbi/argonne-config.lua:105 #: applications/luci-app-argone-config/luasrc/model/cbi/argone-config.lua:105
msgid "[Dark mode] Frosted Glass Radius" msgid "[Dark mode] Frosted Glass Radius"
msgstr "[Modo oscuro] Radio de vidrio esmerilado" msgstr "[Modo oscuro] Radio de vidrio esmerilado"
#: applications/luci-app-argonne-config/luasrc/model/cbi/argonne-config.lua:92 #: applications/luci-app-argone-config/luasrc/model/cbi/argone-config.lua:92
msgid "[Dark mode] Primary Color" msgid "[Dark mode] Primary Color"
msgstr "[Modo oscuro] Color primario" msgstr "[Modo oscuro] Color primario"
#: applications/luci-app-argonne-config/luasrc/model/cbi/argonne-config.lua:97 #: applications/luci-app-argone-config/luasrc/model/cbi/argone-config.lua:97
msgid "[Dark mode] Transparency" msgid "[Dark mode] Transparency"
msgstr "[Modo oscuro] Transparencia" msgstr "[Modo oscuro] Transparencia"
#: applications/luci-app-argonne-config/luasrc/model/cbi/argonne-config.lua:87 #: applications/luci-app-argone-config/luasrc/model/cbi/argone-config.lua:87
msgid "[Light mode] Frosted Glass Radius" msgid "[Light mode] Frosted Glass Radius"
msgstr "[Modo claro] Radio de vidrio esmerilado" msgstr "[Modo claro] Radio de vidrio esmerilado"
#: applications/luci-app-argonne-config/luasrc/model/cbi/argonne-config.lua:72 #: applications/luci-app-argone-config/luasrc/model/cbi/argone-config.lua:72
msgid "[Light mode] Primary Color" msgid "[Light mode] Primary Color"
msgstr "[Modo claro] Color primario" msgstr "[Modo claro] Color primario"
#: applications/luci-app-argonne-config/luasrc/model/cbi/argonne-config.lua:79 #: applications/luci-app-argone-config/luasrc/model/cbi/argone-config.lua:79
msgid "[Light mode] Transparency" msgid "[Light mode] Transparency"
msgstr "[Modo claro] Transparencia" msgstr "[Modo claro] Transparencia"
#~ msgid "Luci Argonne theme config" #~ msgid "Luci argone theme config"
#~ msgstr "Configuración del tema Luci Argonne" #~ msgstr "Configuración del tema Luci argone"

View File

@ -1,155 +1,155 @@
msgid "" msgid ""
msgstr "Content-Type: text/plain; charset=UTF-8" msgstr "Content-Type: text/plain; charset=UTF-8"
#: applications/luci-app-argonne-config/luasrc/model/cbi/argonne-config.lua:97 #: applications/luci-app-argone-config/luasrc/model/cbi/argone-config.lua:97
msgid "0 transparent - 1 opaque ; ( Suggest: Black translucent preset: 0.5 )" msgid "0 transparent - 1 opaque ; ( Suggest: Black translucent preset: 0.5 )"
msgstr "" msgstr ""
#: applications/luci-app-argonne-config/luasrc/model/cbi/argonne-config.lua:79 #: applications/luci-app-argone-config/luasrc/model/cbi/argone-config.lua:79
msgid "" msgid ""
"0 transparent - 1 opaque ; ( Suggest: transparent: 0 or translucent preset: " "0 transparent - 1 opaque ; ( Suggest: transparent: 0 or translucent preset: "
"0.5 )" "0.5 )"
msgstr "" msgstr ""
#: applications/luci-app-argonne-config/luasrc/model/cbi/argonne-config.lua:92 #: applications/luci-app-argone-config/luasrc/model/cbi/argone-config.lua:92
msgid "A HEX Color ; ( Default: #483d8b )" msgid "A HEX Color ; ( Default: #483d8b )"
msgstr "" msgstr ""
#: applications/luci-app-argonne-config/luasrc/model/cbi/argonne-config.lua:72 #: applications/luci-app-argone-config/luasrc/model/cbi/argone-config.lua:72
msgid "A HEX Color ; ( Default: #5e72e4 )" msgid "A HEX Color ; ( Default: #5e72e4 )"
msgstr "" msgstr ""
#: applications/luci-app-argonne-config/luasrc/controller/argonne-config.lua:8 #: applications/luci-app-argone-config/luasrc/controller/argone-config.lua:8
#: applications/luci-app-argonne-config/luasrc/model/cbi/argonne-config.lua:53 #: applications/luci-app-argone-config/luasrc/model/cbi/argone-config.lua:53
msgid "Argonne Config" msgid "argone Config"
msgstr "" msgstr ""
#: applications/luci-app-argonne-config/luasrc/model/cbi/argonne-config.lua:195 #: applications/luci-app-argone-config/luasrc/model/cbi/argone-config.lua:195
msgid "Background file list" msgid "Background file list"
msgstr "" msgstr ""
#: applications/luci-app-argonne-config/luasrc/model/cbi/argonne-config.lua:60 #: applications/luci-app-argone-config/luasrc/model/cbi/argone-config.lua:60
msgid "Bing Wallpapers" msgid "Bing Wallpapers"
msgstr "" msgstr ""
#: applications/luci-app-argonne-config/luasrc/model/cbi/argonne-config.lua:59 #: applications/luci-app-argone-config/luasrc/model/cbi/argone-config.lua:59
msgid "Built-in" msgid "Built-in"
msgstr "" msgstr ""
#: applications/luci-app-argonne-config/luasrc/view/argonne-config/other_upload.htm:2 #: applications/luci-app-argone-config/luasrc/view/argone-config/other_upload.htm:2
msgid "Choose local file:" msgid "Choose local file:"
msgstr "" msgstr ""
#: applications/luci-app-argonne-config/luasrc/model/cbi/argonne-config.lua:149 #: applications/luci-app-argone-config/luasrc/model/cbi/argone-config.lua:149
msgid "Create upload file error." msgid "Create upload file error."
msgstr "" msgstr ""
#: applications/luci-app-argonne-config/luasrc/model/cbi/argonne-config.lua:200 #: applications/luci-app-argone-config/luasrc/model/cbi/argone-config.lua:200
msgid "File name" msgid "File name"
msgstr "" msgstr ""
#: applications/luci-app-argonne-config/luasrc/model/cbi/argonne-config.lua:159 #: applications/luci-app-argone-config/luasrc/model/cbi/argone-config.lua:159
msgid "File saved to" msgid "File saved to"
msgstr "" msgstr ""
#: applications/luci-app-argonne-config/luasrc/model/cbi/argonne-config.lua:65 #: applications/luci-app-argone-config/luasrc/model/cbi/argone-config.lua:65
msgid "Follow System" msgid "Follow System"
msgstr "" msgstr ""
#: applications/luci-app-argonne-config/luasrc/model/cbi/argonne-config.lua:67 #: applications/luci-app-argone-config/luasrc/model/cbi/argone-config.lua:67
msgid "Force Dark" msgid "Force Dark"
msgstr "" msgstr ""
#: applications/luci-app-argonne-config/luasrc/model/cbi/argonne-config.lua:66 #: applications/luci-app-argone-config/luasrc/model/cbi/argone-config.lua:66
msgid "Force Light" msgid "Force Light"
msgstr "" msgstr ""
#: applications/luci-app-argonne-config/root/usr/share/rpcd/acl.d/luci-app-argonne-config.json:3 #: applications/luci-app-argone-config/root/usr/share/rpcd/acl.d/luci-app-argone-config.json:3
msgid "Grant UCI access for luci-app-argonne-config" msgid "Grant UCI access for luci-app-argone-config"
msgstr "" msgstr ""
#: applications/luci-app-argonne-config/luasrc/model/cbi/argonne-config.lua:53 #: applications/luci-app-argone-config/luasrc/model/cbi/argone-config.lua:53
msgid "" msgid ""
"Here you can set the blur and transparency of the login page of argonne theme, " "Here you can set the blur and transparency of the login page of argone theme, "
"and manage the background pictures and videos.[Chrome is recommended]" "and manage the background pictures and videos.[Chrome is recommended]"
msgstr "" msgstr ""
#: applications/luci-app-argonne-config/luasrc/model/cbi/argonne-config.lua:87 #: applications/luci-app-argone-config/luasrc/model/cbi/argone-config.lua:87
#: applications/luci-app-argonne-config/luasrc/model/cbi/argonne-config.lua:105 #: applications/luci-app-argone-config/luasrc/model/cbi/argone-config.lua:105
msgid "" msgid ""
"Larger value will more blurred ; ( Suggest: clear: 1 or blur preset: 10 )" "Larger value will more blurred ; ( Suggest: clear: 1 or blur preset: 10 )"
msgstr "" msgstr ""
#: applications/luci-app-argonne-config/luasrc/model/cbi/argonne-config.lua:201 #: applications/luci-app-argone-config/luasrc/model/cbi/argone-config.lua:201
msgid "Modify time" msgid "Modify time"
msgstr "" msgstr ""
#: applications/luci-app-argonne-config/luasrc/model/cbi/argonne-config.lua:167 #: applications/luci-app-argone-config/luasrc/model/cbi/argone-config.lua:167
msgid "No specify upload file." msgid "No specify upload file."
msgstr "" msgstr ""
#: applications/luci-app-argonne-config/luasrc/model/cbi/argonne-config.lua:203 #: applications/luci-app-argone-config/luasrc/model/cbi/argone-config.lua:203
msgid "Remove" msgid "Remove"
msgstr "" msgstr ""
#: applications/luci-app-argonne-config/luasrc/model/cbi/argonne-config.lua:110 #: applications/luci-app-argone-config/luasrc/model/cbi/argone-config.lua:110
msgid "Save Changes" msgid "Save Changes"
msgstr "" msgstr ""
#: applications/luci-app-argonne-config/luasrc/model/cbi/argonne-config.lua:202 #: applications/luci-app-argone-config/luasrc/model/cbi/argone-config.lua:202
msgid "Size" msgid "Size"
msgstr "" msgstr ""
#: applications/luci-app-argonne-config/luasrc/model/cbi/argonne-config.lua:64 #: applications/luci-app-argone-config/luasrc/model/cbi/argone-config.lua:64
msgid "Theme mode" msgid "Theme mode"
msgstr "" msgstr ""
#: applications/luci-app-argonne-config/luasrc/view/argonne-config/other_upload.htm:4 #: applications/luci-app-argone-config/luasrc/view/argone-config/other_upload.htm:4
msgid "Upload" msgid "Upload"
msgstr "" msgstr ""
#: applications/luci-app-argonne-config/luasrc/model/cbi/argonne-config.lua:124 #: applications/luci-app-argone-config/luasrc/model/cbi/argone-config.lua:124
msgid "Upload (Free:" msgid "Upload (Free:"
msgstr "" msgstr ""
#: applications/luci-app-argonne-config/luasrc/model/cbi/argonne-config.lua:128 #: applications/luci-app-argone-config/luasrc/model/cbi/argone-config.lua:128
msgid "Upload file to '/www/luci-static/argonne/background/'" msgid "Upload file to '/www/luci-static/argone/background/'"
msgstr "" msgstr ""
#: applications/luci-app-argonne-config/luasrc/model/cbi/argonne-config.lua:58 #: applications/luci-app-argone-config/luasrc/model/cbi/argone-config.lua:58
msgid "Wallpaper Source" msgid "Wallpaper Source"
msgstr "" msgstr ""
#: applications/luci-app-argonne-config/luasrc/model/cbi/argonne-config.lua:70 #: applications/luci-app-argone-config/luasrc/model/cbi/argone-config.lua:70
msgid "You can choose Theme color mode here" msgid "You can choose Theme color mode here"
msgstr "" msgstr ""
#: applications/luci-app-argonne-config/luasrc/model/cbi/argonne-config.lua:124 #: applications/luci-app-argone-config/luasrc/model/cbi/argone-config.lua:124
msgid "" msgid ""
"You can upload files such as jpg,png,gif,mp4,webm files, To change the login page " "You can upload files such as jpg,png,gif,mp4,webm files, To change the login page "
"background." "background."
msgstr "" msgstr ""
#: applications/luci-app-argonne-config/luasrc/model/cbi/argonne-config.lua:105 #: applications/luci-app-argone-config/luasrc/model/cbi/argone-config.lua:105
msgid "[Dark mode] Frosted Glass Radius" msgid "[Dark mode] Frosted Glass Radius"
msgstr "" msgstr ""
#: applications/luci-app-argonne-config/luasrc/model/cbi/argonne-config.lua:92 #: applications/luci-app-argone-config/luasrc/model/cbi/argone-config.lua:92
msgid "[Dark mode] Primary Color" msgid "[Dark mode] Primary Color"
msgstr "" msgstr ""
#: applications/luci-app-argonne-config/luasrc/model/cbi/argonne-config.lua:97 #: applications/luci-app-argone-config/luasrc/model/cbi/argone-config.lua:97
msgid "[Dark mode] Transparency" msgid "[Dark mode] Transparency"
msgstr "" msgstr ""
#: applications/luci-app-argonne-config/luasrc/model/cbi/argonne-config.lua:87 #: applications/luci-app-argone-config/luasrc/model/cbi/argone-config.lua:87
msgid "[Light mode] Frosted Glass Radius" msgid "[Light mode] Frosted Glass Radius"
msgstr "" msgstr ""
#: applications/luci-app-argonne-config/luasrc/model/cbi/argonne-config.lua:72 #: applications/luci-app-argone-config/luasrc/model/cbi/argone-config.lua:72
msgid "[Light mode] Primary Color" msgid "[Light mode] Primary Color"
msgstr "" msgstr ""
#: applications/luci-app-argonne-config/luasrc/model/cbi/argonne-config.lua:79 #: applications/luci-app-argone-config/luasrc/model/cbi/argone-config.lua:79
msgid "[Light mode] Transparency" msgid "[Light mode] Transparency"
msgstr "" msgstr ""

View File

@ -14,8 +14,8 @@ msgstr ""
msgid "Argone Config" msgid "Argone Config"
msgstr "Argone 主题设置" msgstr "Argone 主题设置"
msgid "Here you can set the blur and transparency of the login page of argonne theme, and manage the background pictures and videos.[Chrome is recommended]" msgid "Here you can set the blur and transparency of the login page of argone theme, and manage the background pictures and videos.[Chrome is recommended]"
msgstr "在这里你可以设置argonne 主题的登录页面的模糊和透明度,并管理背景图片与视频。[建议使用 Chrome]" msgstr "在这里你可以设置argone 主题的登录页面的模糊和透明度,并管理背景图片与视频。[建议使用 Chrome]"
msgid "Wallpaper Source" msgid "Wallpaper Source"
msgstr "壁纸来源" msgstr "壁纸来源"

View File

@ -6,10 +6,10 @@
include $(TOPDIR)/rules.mk include $(TOPDIR)/rules.mk
LUCI_TITLE:=Argone kenzo LUCI_TITLE:=Argone Theme
LUCI_DEPENDS:=+curl +jsonfilter LUCI_DEPENDS:=+curl +jsonfilter
PKG_VERSION:=1.7.7 PKG_VERSION:=1.8.3
PKG_RELEASE:=4 PKG_RELEASE:=5
include $(TOPDIR)/feeds/luci/luci.mk include $(TOPDIR)/feeds/luci/luci.mk

View File

@ -2,6 +2,7 @@
* Argone is a clean HTML5 theme for LuCI. It is based on luci-theme-material and Argone Template * Argone is a clean HTML5 theme for LuCI. It is based on luci-theme-material and Argone Template
* *
* luci-theme-argone * luci-theme-argone
* Copyright 2020 Jerryk
* *
* Have a bug? Please create an issue here on GitHub! * Have a bug? Please create an issue here on GitHub!
* https://github.com/kenzok78/luci-theme-argone/issues * https://github.com/kenzok78/luci-theme-argone/issues
@ -17,7 +18,7 @@
* luci-theme-material: * luci-theme-material:
* https://github.com/LuttyYang/luci-theme-material/ * https://github.com/LuttyYang/luci-theme-material/
* *
* Argon Theme * Argone Theme
* https://demos.creative-tim.com/argon-dashboard/index.html * https://demos.creative-tim.com/argon-dashboard/index.html
* *
* Login background * Login background
@ -46,7 +47,7 @@
--warning: #fb6340; --warning: #fb6340;
--footer-color: #aaa; --footer-color: #aaa;
--menubar-background: #fff; --menubar-background: #fff;
--menubar-scrollbar-thumb: #f6f9fc; --menubar-scrollbar-thumb: #eee;
--menubar-text-color: #4c4c4c; --menubar-text-color: #4c4c4c;
--blue: #5e72e4; --blue: #5e72e4;
--indigo: #5603ad; --indigo: #5603ad;
@ -154,13 +155,35 @@ body {
color: #ffffff; color: #ffffff;
color: var(--white); color: var(--white);
} }
::-webkit-scrollbar {
width: 10px;
height: 10px;
}
::-webkit-scrollbar,
::-webkit-scrollbar-corner {
background: transparent;
}
::-webkit-scrollbar-thumb {
background: #9e9e9e;
}
::-webkit-scrollbar-thumb:hover {
background: #757575;
}
::-webkit-scrollbar-thumb:active {
background: #424242;
}
a:link, a:link,
a:visited, a:visited,
a:active { a:active {
color: #5e72e4;
color: var(--primary); color: var(--primary);
text-decoration: none; text-decoration: none;
} }
a:-webkit-any-link:not(li a, .main-left a, .brand, .pull-right a, .alert-message a, .login-container footer a, .cbi-button) {
color: -webkit-link;
cursor: pointer;
color: var(--primary);
text-shadow: 1px 1px 2px #ccc;
}
a:hover { a:hover {
text-decoration: underline; text-decoration: underline;
} }
@ -220,7 +243,8 @@ li {
} }
.login-page .video video { .login-page .video video {
width: 100%; width: 100%;
height: auto; height: 100%;
object-fit: cover;
} }
.login-page .volume-control { .login-page .volume-control {
position: fixed; position: fixed;
@ -277,30 +301,41 @@ li {
max-width: 420px; max-width: 420px;
background-color: #fff; background-color: #fff;
background-color: var(--white); background-color: var(--white);
overflow:hidden;
} }
.login-page .login-container .login-form .brand { .login-page .login-container .login-form .brand {
display: flex; display: flex;
-webkit-box-align: center; -webkit-box-align: center;
align-items: center; align-items: center;
margin: 50px auto 100px 50px; margin: 50px auto 15px auto;
color: #525461; color: #525461;
color: var(--default); color: var(--default);
} }
.login-page .login-container .login-form .brand .icon { .login-page .login-container .login-form .brand .icon {
width: 50px; width: 50px;
height: auto; height: auto;
margin-right: 25px;
} }
.login-page .login-container .login-form .brand .brand-text { .login-page .login-container .login-form .brand-text {
font-size: 1.25rem; font-size: 1.8rem;
font-weight: 700; font-weight: 700;
letter-spacing: 1px;
margin-bottom: 85px;
font-family: "TypoGraphica"; font-family: "TypoGraphica";
width: 420px;
padding: 0 0.5rem 0.1rem 0.5rem;
text-align: center;
word-break: break-word;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
} }
.login-page .login-container .login-form .brand:hover { .login-page .login-container .login-form .brand:hover {
text-decoration: none; text-decoration: none;
} }
.login-page .login-container .login-form .form-login { .login-page .login-container .login-form .form-login {
width: 100%; width: 420px;
padding: 20px 50px; padding: 20px 50px;
box-sizing: border-box; box-sizing: border-box;
} }
@ -314,7 +349,7 @@ li {
position: relative; position: relative;
} }
.login-page .login-container .login-form .form-login .input-group::before { .login-page .login-container .login-form .form-login .input-group::before {
font-family: 'argon' !important; font-family: 'argone' !important;
font-style: normal; font-style: normal;
font-weight: normal; font-weight: normal;
font-variant: normal; font-variant: normal;
@ -416,6 +451,10 @@ li {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
} }
.login-page .login-container footer,
.login-page .login-container footer a {
color: var(--default);
}
.login-page .login-container footer .ftc { .login-page .login-container footer .ftc {
position: absolute; position: absolute;
bottom: 30px; bottom: 30px;
@ -495,13 +534,9 @@ header .fill .container .brand {
footer { footer {
text-align: right; text-align: right;
padding: 1rem; padding: 1rem;
color: #aaa;
color: var(--footer-color);
font-size: 0.8rem; font-size: 0.8rem;
} }
footer a { footer a {
color: #aaa;
color: var(--footer-color);
text-decoration: none; text-decoration: none;
} }
/*********************** /***********************
@ -541,6 +576,7 @@ footer a {
position: fixed; position: fixed;
z-index: 100; z-index: 100;
transition: width 0.2s ease-in-out; transition: width 0.2s ease-in-out;
overflow-y: scroll;
} }
.main .main-left::-webkit-scrollbar { .main .main-left::-webkit-scrollbar {
width: 5px; width: 5px;
@ -551,8 +587,7 @@ footer a {
background-color: var(--menubar-scrollbar-thumb); background-color: var(--menubar-scrollbar-thumb);
} }
.main .main-left::-webkit-scrollbar-track { .main .main-left::-webkit-scrollbar-track {
background-color: #fff; background-color: transparent;
background-color: var(--menubar-background);
} }
.main .main-left .sidenav-header { .main .main-left .sidenav-header {
padding: 1.5rem; padding: 1.5rem;
@ -632,7 +667,7 @@ footer a {
position: relative; position: relative;
} }
.main .main-left .nav li.slide .menu::before { .main .main-left .nav li.slide .menu::before {
font-family: 'argon' !important; font-family: 'argone' !important;
font-style: normal; font-style: normal;
font-weight: normal; font-weight: normal;
font-variant: normal; font-variant: normal;
@ -651,7 +686,7 @@ footer a {
position: absolute; position: absolute;
right: 0.5rem; right: 0.5rem;
top: 0.8rem; top: 0.8rem;
font-family: 'argon' !important; font-family: 'argone' !important;
font-style: normal; font-style: normal;
font-weight: normal; font-weight: normal;
font-variant: normal; font-variant: normal;
@ -672,6 +707,7 @@ footer a {
color: #fff; color: #fff;
background: #5e72e4; background: #5e72e4;
background: var(--primary); background: var(--primary);
box-shadow: 0 0 1px #ccc;
} }
.main .main-left .nav li.slide .menu:hover a, .main .main-left .nav li.slide .menu:hover a,
.main .main-left .nav li.slide .menu.active a { .main .main-left .nav li.slide .menu.active a {
@ -763,6 +799,7 @@ footer a {
background-color: #5e72e4; background-color: #5e72e4;
background-color: var(--primary); background-color: var(--primary);
transition: all 0.2s; transition: all 0.2s;
box-shadow: 0 0 1px #ccc;
} }
.main .main-left .nav li.slide .slide-menu li a:hover::after { .main .main-left .nav li.slide .slide-menu li a:hover::after {
color: #000; color: #000;
@ -929,9 +966,6 @@ form.inline + form.inline,
border-color: #5e72e4 !important; border-color: #5e72e4 !important;
border-color: var(--primary) !important; border-color: var(--primary) !important;
} }
.cbi-button-add {
margin-left: 1.5rem;
}
.node-services-vssr .ssr-button { .node-services-vssr .ssr-button {
margin-left: 0.3rem; margin-left: 0.3rem;
} }
@ -1000,13 +1034,20 @@ select {
text-align: center; text-align: center;
} }
/*textarea*/ /*textarea*/
.cbi-input-textarea { textarea {
width: 100%; border: 1px solid #dee2e6 !important;
min-height: 14rem; outline: none;
padding: 0.8rem; min-height: 14rem !important;
font-size: 0.8rem; padding: 0.8rem !important;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #fff;
font-family: var(--font-family-monospace) !important;
font-size: inherit;
color: black; color: black;
border-radius: 0.375rem !important;
vertical-align: middle;
}
.cbi-value .cbi-value-field textarea {
margin: 0.25rem;
} }
/* change */ /* change */
.uci-change-list { .uci-change-list {
@ -1091,8 +1132,6 @@ input[type="checkbox"] {
vertical-align: middle; vertical-align: middle;
} }
input[type="checkbox"]:checked { input[type="checkbox"]:checked {
border: 1px solid #5e72e4;
border: 1px solid var(--primary);
background-image: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 8 8\'%3e%3cpath fill=\'%23fff\' d=\'M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z\'/%3e%3c/svg%3e') !important; background-image: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 8 8\'%3e%3cpath fill=\'%23fff\' d=\'M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z\'/%3e%3c/svg%3e') !important;
background-color: #5e72e4; background-color: #5e72e4;
background-color: var(--primary); background-color: var(--primary);
@ -1117,8 +1156,6 @@ ul li .cbi-input-checkbox {
margin: 0.25rem 0; margin: 0.25rem 0;
} }
.cbi-input-radio:checked { .cbi-input-radio:checked {
border: 1px solid #5e72e4;
border: 1px solid var(--primary);
background-image: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'-4 -4 8 8\'%3e%3ccircle r=\'3\' fill=\'%23fff\'/%3e%3c/svg%3e') !important; background-image: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'-4 -4 8 8\'%3e%3ccircle r=\'3\' fill=\'%23fff\'/%3e%3c/svg%3e') !important;
background-color: #5e72e4; background-color: #5e72e4;
background-color: var(--primary); background-color: var(--primary);
@ -1228,7 +1265,8 @@ div.cbi-value var,
td.cbi-value-field var, td.cbi-value-field var,
.td.cbi-value-field var { .td.cbi-value-field var {
font-style: italic; font-style: italic;
color: #0069D6; color: var(--primary);
text-shadow: 1px 1px 2px #ccc;
} }
small { small {
font-size: 90%; font-size: 90%;
@ -1382,7 +1420,15 @@ input[name="nslookup"] {
background-color: var(--primary) !important; background-color: var(--primary) !important;
background-image: url(../img/trafficbar.png); background-image: url(../img/trafficbar.png);
background-position: left top; background-position: left top;
animation: sparkle 1500ms linear infinite; animation: sparkle 1000ms linear infinite;
}
#swaptotal > div > div > div > small,
#swapfree > div > div > div > small,
#memfree > div > div > div > small,
#membuff > div > div > div > small,
#conns > div > div > div > small,
#memtotal > div > div > div > small {
text-shadow: 1px 1px 2px #ccc;
} }
/* fix multiple table */ /* fix multiple table */
table table, table table,
@ -1629,10 +1675,6 @@ th h5, td h5,
th h6, td h6 { th h6, td h6 {
background: var(--lighter); background: var(--lighter);
} }
/* OCD: Change the background color of the "now in use" node in PassWall */
.cbi-section-table > tbody > ._now_use {
background: #5e72e473 !important;
}
/* language fix */ /* language fix */
body.lang_pl.node-main-login .cbi-value-title { body.lang_pl.node-main-login .cbi-value-title {
width: 12rem; width: 12rem;
@ -1746,14 +1788,14 @@ body.lang_pl.node-main-login .cbi-value-title {
} }
.cbi-rowstyle-2 .cbi-button-up, .cbi-rowstyle-2 .cbi-button-up,
.cbi-rowstyle-2 .cbi-button-down { .cbi-rowstyle-2 .cbi-button-down {
background-color: #FFF !important; background-color: var(--lighter);
} }
.cbi-button-up, .cbi-button-up,
.cbi-button-down, .cbi-button-down,
.cbi-value-helpicon, .cbi-value-helpicon,
.showSide, .showSide,
.main > .loading > span { .main > .loading > span {
font-family: 'argon' !important; font-family: 'argone' !important;
font-style: normal !important; font-style: normal !important;
font-weight: normal !important; font-weight: normal !important;
font-variant: normal !important; font-variant: normal !important;
@ -1788,7 +1830,8 @@ input {
transition: box-shadow 0.15s ease; transition: box-shadow 0.15s ease;
margin: 0.25rem; margin: 0.25rem;
} }
select:not([multiple="multiple"]):focus, select:not([multiple="multiple"]):hover,
input:hover,
input:focus { input:focus {
border-color: #5e72e4; border-color: #5e72e4;
border-color: var(--primary); border-color: var(--primary);
@ -2023,7 +2066,7 @@ h3 {
letter-spacing: 0.1rem; letter-spacing: 0.1rem;
padding: 1rem 1.5rem; padding: 1rem 1.5rem;
border-radius: 0.375rem; border-radius: 0.375rem;
background: #fff; background: var(--lighter);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
} }
fieldset { fieldset {
@ -2065,6 +2108,8 @@ fieldset.cbi-section p {
letter-spacing: 0.1rem; letter-spacing: 0.1rem;
color: #32325d; color: #32325d;
font-weight: 600; font-weight: 600;
position: sticky;
left: 0;
} }
table { table {
border-spacing: 0; border-spacing: 0;
@ -2131,15 +2176,25 @@ td > table > tbody > tr > td {
white-space: nowrap; white-space: nowrap;
overflow-x: auto; overflow-x: auto;
} }
.tabs::-webkit-scrollbar { .tabs::-webkit-scrollbar,
width: 1px; .cbi-section::-webkit-scrollbar,
.cbi-section > *::-webkit-scrollbar,
textarea::-webkit-scrollbar,
div::-webkit-scrollbar {
width: 5px;
height: 5px; height: 5px;
} }
.tabs::-webkit-scrollbar-thumb { .tabs::-webkit-scrollbar-thumb {
background-color: #f6f9fc; background-color: #9e9e9e;
}
.tabs::-webkit-scrollbar-thumb:hover {
background: #757575;
}
.tabs::-webkit-scrollbar-thumb:active {
background: #424242;
} }
.tabs::-webkit-scrollbar-track { .tabs::-webkit-scrollbar-track {
background-color: #fff; background-color: transparent;
} }
.tabs li[class~="active"], .tabs li[class~="active"],
.tabs li:hover { .tabs li:hover {
@ -2148,7 +2203,7 @@ td > table > tbody > tr > td {
border-bottom: 0.18751rem solid var(--primary); border-bottom: 0.18751rem solid var(--primary);
color: #5e72e4; color: #5e72e4;
color: var(--primary); color: var(--primary);
background-color: #dce1fe; background-color: var(--light-subtabs-background);
margin-bottom: 0; margin-bottom: 0;
border-radius: 0; border-radius: 0;
} }
@ -2184,13 +2239,19 @@ td > table > tbody > tr > td {
height: 5px; height: 5px;
} }
.cbi-tabmenu::-webkit-scrollbar-thumb { .cbi-tabmenu::-webkit-scrollbar-thumb {
background-color: #f6f9fc; background-color: #9e9e9e;
}
.cbi-tabmenu::-webkit-scrollbar-thumb:hover {
background: #757575;
}
.cbi-tabmenu::-webkit-scrollbar-thumb:active {
background: #424242;
} }
.cbi-tabmenu::-webkit-scrollbar-track { .cbi-tabmenu::-webkit-scrollbar-track {
background-color: #fff; background-color: transparent;
} }
.cbi-tabmenu li { .cbi-tabmenu li {
background: #dce3e9; background: #e3e3e3;
display: inline-block; display: inline-block;
font-size: 0.875rem; font-size: 0.875rem;
border-top-left-radius: 0.25rem; border-top-left-radius: 0.25rem;
@ -2209,7 +2270,7 @@ td > table > tbody > tr > td {
border-bottom: 0.18751rem solid var(--primary); border-bottom: 0.18751rem solid var(--primary);
color: #5e72e4; color: #5e72e4;
color: var(--primary); color: var(--primary);
background-color: #dce1fe; background-color: var(--light-subtabs-background);
margin-bottom: 0; margin-bottom: 0;
} }
.cbi-tabmenu li:hover a { .cbi-tabmenu li:hover a {
@ -2219,7 +2280,7 @@ td > table > tbody > tr > td {
border-bottom: 0.18751rem solid #5e72e4; border-bottom: 0.18751rem solid #5e72e4;
border-bottom: 0.18751rem solid var(--primary); border-bottom: 0.18751rem solid var(--primary);
color: var(--primary); color: var(--primary);
background-color: #dce1fe; background-color: var(--light-subtabs-background);
margin-bottom: 0; margin-bottom: 0;
} }
.cbi-tabmenu li[class~="cbi-tab"] a { .cbi-tabmenu li[class~="cbi-tab"] a {
@ -2442,7 +2503,8 @@ select[multiple="multiple"] {
.cbi-section-node .cbi-value { .cbi-section-node .cbi-value {
padding: 0.5rem 1rem 0.5rem 1rem !important; padding: 0.5rem 1rem 0.5rem 1rem !important;
} }
.cbi-tabcontainer > .cbi-value:nth-of-type(2n) { .cbi-tabcontainer > .cbi-value:nth-of-type(2n),
.cbi-tabcontainer > .cbi-value:nth-of-type(2n)>textarea {
background-color: #f9f9f9; background-color: #f9f9f9;
} }
.cbi-value-field, .cbi-value-field,
@ -2470,8 +2532,9 @@ form > .cbi-map > .cbi-section > .cbi-section-node > .cbi-value > .cbi-value-fie
content: "\f059"; content: "\f059";
} }
.cbi-value-description { .cbi-value-description {
color: #8d8d8d;
opacity: 0.8;
font-size: small; font-size: small;
opacity: 0.5;
padding: 0.5rem; padding: 0.5rem;
} }
.cbi-value-title { .cbi-value-title {
@ -2540,23 +2603,11 @@ td > .ifacebadge {
float: right; float: right;
margin: 0 0.3rem; margin: 0 0.3rem;
} }
/*textarea*/
.cbi-input-textarea {
width: 100%;
border: 0;
outline: none;
min-height: 14rem;
padding: 0.8rem;
font-size: 0.8rem;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
color: black;
}
#syslog { #syslog {
width: 100%; width: 100%;
min-height: 15rem; min-height: 15rem;
padding: 1rem; padding: 1rem;
line-height: 1.4em; line-height: 1.4em;
font-size: small;
color: #1e1e1e; color: #1e1e1e;
border-radius: 0; border-radius: 0;
background-color: #fff; background-color: #fff;
@ -2580,7 +2631,7 @@ td > .ifacebadge,
.ifacebadge > img { .ifacebadge > img {
display: inline-block; display: inline-block;
margin: 0 0.3rem; margin: 0 0.3rem;
align-self: flex-start; align-self: center;
} }
.ifacebadge span { .ifacebadge span {
line-height: 1.6em; line-height: 1.6em;
@ -2710,16 +2761,6 @@ td > .ifacebadge,
.cbi-section-remove { .cbi-section-remove {
padding: 0.5rem; padding: 0.5rem;
} }
div.cbi-value var,
td.cbi-value-field var {
font-style: italic;
color: #0069D6;
}
small {
font-size: 90%;
white-space: normal;
line-height: 1.42857143;
}
.cbi-optionals { .cbi-optionals {
padding: 1rem 1rem 0 1rem; padding: 1rem 1rem 0 1rem;
border-top: 1px solid #CCC; border-top: 1px solid #CCC;
@ -2812,7 +2853,7 @@ input[name="nslookup"] {
height: 100% !important; height: 100% !important;
background-image: url(../img/trafficbar.png); background-image: url(../img/trafficbar.png);
background-position: left top; background-position: left top;
animation: sparkle 1500ms linear infinite; animation: sparkle 1000ms linear infinite;
} }
.node-system-leds .cbi-section em { .node-system-leds .cbi-section em {
display: block; display: block;
@ -2829,14 +2870,13 @@ input[name="nslookup"] {
overflow-y: hidden; overflow-y: hidden;
} }
.cbi-section em { .cbi-section em {
padding: 0.75rem 1.5rem;
font-size: 0.7rem; font-size: 0.7rem;
font-weight: 600; font-weight: 600;
color: #525f7f; color: var(--primary);
text-shadow: 1px 1px 2px #ccc;
text-align: center; text-align: center;
} }
.cbi-section h4 { .cbi-section h4 {
padding: 0.75rem 1.5rem;
font-size: 0.7rem; font-size: 0.7rem;
font-weight: 600; font-weight: 600;
color: #525f7f; color: #525f7f;
@ -2865,6 +2905,12 @@ input[name="nslookup"] {
.node-system-flashops fieldset { .node-system-flashops fieldset {
margin-top: 0; margin-top: 0;
} }
.node-system-flashops fieldset > ul {
padding: 1rem;
}
.node-system-flashops fieldset + .cbi-page-actions {
margin-top: 1rem;
}
.node-status-iptables .cbi-tabmenu, .node-status-iptables .cbi-tabmenu,
.node-system-packages .cbi-tabmenu, .node-system-packages .cbi-tabmenu,
.node-system-flashops .cbi-tabmenu { .node-system-flashops .cbi-tabmenu {
@ -2909,6 +2955,95 @@ input[name="nslookup"] {
.node-nas-usb_printer em { .node-nas-usb_printer em {
display: block; display: block;
} }
/* luci-app-passwall */
#cbi-passwall #add_link_div,
#cbi-passwall #set_node_div {
background: #fffffff0;
}
#cbi-passwall .cbi-section-table tbody ._now_use {
background: #5e72e473 !important;
}
/* luci-app-commands */
.commandbox h3 {
overflow: hidden;
text-overflow: ellipsis;
}
.commandbox code {
word-break: break-word;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
div.commandbox {
height: 16em;
}
/* luci-app-ssr-plus */
#cbi-shadowsocksr .cbi-map-descr h3 {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* luci-app-mwan3 */
.node-status-mwan .cbi-tabmenu {
padding: 3rem 0.5rem 0 0.5rem;
}
/* luci-app-openclash */
.node-services-openclash .cbi-tabmenu {
font-size: 0;
}
.node-services-openclash .cbi-tabmenu > li {
margin-right: 4px;
}
.node-services-openclash .cbi-tabmenu > li:last-child {
margin-right: 0;
}
/* luci-app-ddnsto */
.node-services-ddnsto .cbi-section-node .cbi-value div {
display: table-cell;
line-height: 1.6;
font-size: 0.875rem;
}
/* luci-app-dockerman */
#cbi-dockerd > .cbi-section > br,
#cbi-docker > .cbi-section > br {
display: none;
}
/* luci-app-diskman */
#cbi-diskman > .cbi-section > br {
display: none;
}
/* luci-app-istorex (Quick Start) */
#app #main #page .app-container_body .btn-f,
#app #main #page .app-container_body .btn-r {
-webkit-user-select: none; /* Safari */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+/Edge */
user-select: none; /* Standard */
width: 30px;
}
/* luci-app-ttyd */
.TTYD.node-system-terminal .main {
height: 100%!important;
}
.TTYD.node-system-terminal .main .main-right,
.TTYD.node-system-terminal .main .main-right #maincontent,
.TTYD.node-system-terminal .main .main-right #maincontent .container .cbi-map {
height: 100%!important;
display: flex!important;
flex-direction: column!important;
}
.TTYD.node-system-terminal .main .main-right #maincontent,
.TTYD.node-system-terminal .main .main-right #maincontent .container,
.TTYD.node-system-terminal .main .main-right #maincontent .container .cbi-map #terminal {
flex: 1!important;
}
@media screen and (max-width: 1600px) { @media screen and (max-width: 1600px) {
.main .main-left { .main .main-left {
width: calc(0% + 13rem); width: calc(0% + 13rem);
@ -2916,7 +3051,7 @@ input[name="nslookup"] {
.main .main-right { .main .main-right {
width: calc(100% - 13rem); width: calc(100% - 13rem);
} }
.cbi-button { .cbi-button:not(.cbi-button-up, .cbi-button-down) {
/*padding: 0.3rem 1.5rem;*/ /*padding: 0.3rem 1.5rem;*/
font-size: 0.8rem; font-size: 0.8rem;
} }
@ -2933,9 +3068,6 @@ input[name="nslookup"] {
fieldset { fieldset {
padding: 0; padding: 0;
} }
.cbi-input-textarea {
font-size: small;
}
.node-status-iptables > .main fieldset li > a { .node-status-iptables > .main fieldset li > a {
padding: 0.3rem 0.6rem; padding: 0.3rem 0.6rem;
} }
@ -2971,25 +3103,6 @@ input[name="nslookup"] {
font-size: 0.7rem; font-size: 0.7rem;
} }
} }
@media screen and (min-width: 600px) {
::-webkit-scrollbar {
width: 10px;
height: 10px;
}
::-webkit-scrollbar,
::-webkit-scrollbar-corner {
background: transparent;
}
::-webkit-scrollbar-thumb {
background: #9e9e9e;
}
::-webkit-scrollbar-thumb:hover {
background: #757575;
}
::-webkit-scrollbar-thumb:active {
background: #424242;
}
}
@media screen and (max-width: 992px) { @media screen and (max-width: 992px) {
.main .main-left { .main .main-left {
width: 0; width: 0;
@ -3034,6 +3147,15 @@ input[name="nslookup"] {
font-size: 1rem; font-size: 1rem;
} }
} }
@media screen and (max-width: 500px) {
.login-page .login-container {
margin-left: 0rem !important;
width: 500px;
}
.login-page .login-container .login-form {
max-width: 500px;
}
}
@media screen and (max-width: 480px) { @media screen and (max-width: 480px) {
body { body {
font-size: 0.8rem; font-size: 0.8rem;
@ -3042,17 +3164,10 @@ input[name="nslookup"] {
float: right; float: right;
margin-top: 0rem !important; margin-top: 0rem !important;
} }
.login-page .video video {
width: auto !important;
height: 100% !important;
}
.login-page .login-container { .login-page .login-container {
margin-left: 0rem !important; margin-left: 0rem !important;
width: 100%; width: 100%;
} }
.login-page .login-container .login-form {
max-width: 480px;
}
.login-page .login-container .login-form .form-login .input-group::before { .login-page .login-container .login-form .form-login .input-group::before {
color: #525461; color: #525461;
} }
@ -3124,10 +3239,9 @@ input[name="nslookup"] {
.cbi-page-actions > div > input { .cbi-page-actions > div > input {
display: none; display: none;
} }
.tabs::-webkit-scrollbar, ::-webkit-scrollbar {
.cbi-tabmenu::-webkit-scrollbar { width: 0px !important;
width: 0px; height: 0px !important;
height: 0px;
} }
.tabs > li > a { .tabs > li > a {
font-size: 0.9rem; font-size: 0.9rem;
@ -3218,4 +3332,4 @@ input[name="nslookup"] {
width: 2.3rem !important; width: 2.3rem !important;
height: auto; height: auto;
} }
} }

View File

@ -15,6 +15,10 @@ body {
color: #adb5bd; color: #adb5bd;
} }
.login-page .login-container .login-form .form-login .input-group .border {
border-bottom: 1px var(--dark-primary) solid;
}
.login-page .login-container .login-form .form-login .input-group input { .login-page .login-container .login-form .form-login .input-group input {
background-color: transparent !important; background-color: transparent !important;
color: #adb5bd; color: #adb5bd;
@ -42,7 +46,8 @@ body {
opacity: .9; opacity: .9;
} }
.login-page .login-container footer { .login-page .login-container footer,
.login-page .login-container footer a {
color: #adb5bd; color: #adb5bd;
} }
@ -60,29 +65,36 @@ header::after {
} }
.main .main-left .nav .slide .slide-menu .active a { .main .main-left .nav .slide .slide-menu .active a {
color: #cccccc; color: #fff !important;
}
.main .main-left .nav .slide .slide-menu .active a::after {
background-color: #cccccc !important;
} }
.main .main-left .nav .slide .slide-menu li a { .main .main-left .nav .slide .slide-menu li a {
color: #cccccc; color: #cccccc;
} }
.main .main-left .nav .slide .slide-menu li a::after {
background-color: var(--dark-primary) !important;
box-shadow: 0 0 1px #000 !important;
}
.main .main-left .nav .slide .slide-menu li a:hover { .main .main-left .nav .slide .slide-menu li a:hover {
background: none !important; background: none !important;
} }
.main .main-left .nav .slide .menu:hover,
.main .main-left .nav .slide .menu.active { .main .main-left .nav .slide .menu.active {
background-color: #483d8b !important; background-color: #483d8b !important;
background-color: var(--dark-primary) !important; background-color: var(--dark-primary) !important;
color: #cccccc !important; color: #fff !important;
box-shadow: 0 0 1px #000 !important;
} }
.main .main-left .nav .slide .menu.active a::after { .main .main-left .nav .slide .menu[data-title=Status]:before {
background-color: #cccccc !important; color: var(--dark-primary) !important;
}
.main .main-left .nav .slide .menu[data-title=Control]:before {
color: var(--dark-primary) !important;
} }
.main .main-left .nav li a { .main .main-left .nav li a {
@ -92,17 +104,13 @@ header::after {
.main .main-left .nav li a:hover { .main .main-left .nav li a:hover {
background-color: #483d8b !important; background-color: #483d8b !important;
background-color: var(--dark-primary) !important; background-color: var(--dark-primary) !important;
color: #cccccc !important; color: #fff !important;
} }
.main .main-left::-webkit-scrollbar-thumb { .main .main-left::-webkit-scrollbar-thumb {
background-color: #252526 !important; background-color: #252526 !important;
} }
.main .main-left::-webkit-scrollbar-track {
background-color: #333;
}
.main .main-right { .main .main-right {
background-color: #1e1e1e; background-color: #1e1e1e;
} }
@ -118,17 +126,31 @@ h3 {
background: #333333; background: #333333;
} }
a:-webkit-any-link { a:link,
color: -webkit-link; a:visited,
cursor: pointer; a:active {
color: #483d8b; color: var(--dark_webkit-any-link);
color: var(--dark-primary); }
a:-webkit-any-link:not(li a, .main-left a, .brand, .pull-right a, .alert-message a, .login-container footer a, .cbi-button) {
color: var(--dark_webkit-any-link) !important;
text-shadow: 1px 1px 2px #000 !important;
} }
input:-webkit-autofill { input:-webkit-autofill {
background-color: #3c3c3c !important; background-color: #3c3c3c !important;
} }
input[type="checkbox"]:checked {
background-color: #483d8b !important;
background-color: var(--dark-primary) !important;
}
.cbi-input-radio:checked {
background-color: #483d8b !important;
background-color: var(--dark-primary) !important;
}
.cbi-value-field .cbi-input-apply, .cbi-value-field .cbi-input-apply,
.cbi-button-apply, .cbi-button-apply,
.cbi-button-edit { .cbi-button-edit {
@ -140,8 +162,8 @@ input:-webkit-autofill {
} }
.cbi-section em { .cbi-section em {
color: #483d8b; color: var(--dark_webkit-any-link);
color: var(--dark-primary); text-shadow: 1px 1px 2px #000;
} }
header.bg-primary { header.bg-primary {
@ -196,6 +218,7 @@ table>thead>tr>td {
#conns>div>div>div>small, #conns>div>div>div>small,
#memtotal>div>div>div>small { #memtotal>div>div>div>small {
color: #ccc !important; color: #ccc !important;
text-shadow: 1px 1px 2px #000 !important;
} }
.node-system-packages>.main .cbi-section-node:first-child .cbi-value-last { .node-system-packages>.main .cbi-section-node:first-child .cbi-value-last {
@ -216,6 +239,7 @@ table>tbody>tr>th,
table>tfoot>tr>th, table>tfoot>tr>th,
table>thead>tr>th { table>thead>tr>th {
background-color: #252526; background-color: #252526;
border-top: none;
border-bottom: black 1px solid !important; border-bottom: black 1px solid !important;
} }
@ -254,8 +278,7 @@ table>thead>tr>th {
} }
abbr { abbr {
color: #483d8b; color: #8898aa;
color: var(--dark-primary);
} }
div>table>tbody>tr:nth-of-type(2n), div>table>tbody>tr:nth-of-type(2n),
@ -319,16 +342,6 @@ th h6, td h6 {
background-color: #00ff0a45 !important; background-color: #00ff0a45 !important;
} }
/* OCD: Compatible the background color of the "Add the node via the link" & "USE(node)" pop-up window in PassWall (dark mode only) */
#add_link_div,
#set_node_div {
background-color: #333333f0 !important;
box-shadow: #00000094 10px 10px 30px 5px !important;
}
#add_link_div>.cbi-value>.cbi-value-field>#nodes_link {
background: #ccc;
}
#content_syslog { #content_syslog {
box-shadow: 0 0 .5rem 0 rgba(0,0,0,0.35); box-shadow: 0 0 .5rem 0 rgba(0,0,0,0.35);
} }
@ -350,26 +363,26 @@ th h6, td h6 {
background-color: #252526; background-color: #252526;
} }
.tabs>li[class~="active"]>a { .tabs>li:hover,
color: #ccc;
}
.tabs>li[class~="active"], .tabs>li[class~="active"],
.tabs>li:hover { .cbi-tabmenu>li:hover,
border-bottom: .18751rem solid #483d8b; .cbi-tabmenu>li[class~="cbi-tab"] {
border-bottom: .18751rem solid var(--dark-primary); border-bottom: .18751rem solid var(--dark-primary);
color: #ccc; background-color: #3c3c3c;
background-color: #181819;
} }
.cbi-tabmenu>li>a, .tabs>li>a,
.tabs>li>a { .cbi-tabmenu>li>a {
color: #ccc; color: #ccc !important;
} }
.cbi-tabmenu>li>a:hover, .cbi-tabmenu>li>a:hover,
.tabs>li>a:hover { .cbi-tabmenu>li:hover>a,
color: #ccc; .cbi-tabmenu>.cbi-tab>a,
.tabs>li>a:hover,
.tabs>li:hover>a,
.tabs>li[class~="active"]>a {
color: #fff !important;
} }
.cbi-tabmenu>li { .cbi-tabmenu>li {
@ -380,20 +393,12 @@ th h6, td h6 {
border-bottom: 0 solid #ddd !important; border-bottom: 0 solid #ddd !important;
} }
.cbi-tabmenu li[class~="cbi-tab"] a { .cbi-tab-descr {
color: #ccc; color: #ccc;
} }
.cbi-tabmenu>li:hover { .cbi-tabcontainer>.cbi-value:nth-of-type(2n),
color: #ccc; .cbi-tabcontainer>.cbi-value:nth-of-type(2n)>textarea {
background: #2d2d2d;
}
.cbi-tabmenu>li[class~="cbi-tab"] {
background-color: #181819;
}
.cbi-tabcontainer>.cbi-value:nth-of-type(2n) {
background-color: #252526; background-color: #252526;
} }
@ -409,7 +414,8 @@ input {
box-shadow: 0 3px 2px rgba(0,0,0,0.05); box-shadow: 0 3px 2px rgba(0,0,0,0.05);
} }
select:not([multiple="multiple"]):focus, select:not([multiple="multiple"]):hover,
input:hover,
input:focus { input:focus {
border-color: #483d8b !important; border-color: #483d8b !important;
border-color: var(--dark-primary) !important; border-color: var(--dark-primary) !important;
@ -444,7 +450,9 @@ select {
color: #ccc; color: #ccc;
} }
.cbi-input-textarea { /*textarea for dark mode*/
textarea {
border: 1px solid #3c3c3c !important;
background-color: #1e1e1e; background-color: #1e1e1e;
color: #ccc; color: #ccc;
} }
@ -512,9 +520,11 @@ img[src="/luci-static/resources/icons/loading.gif"] {
} }
div.cbi-value var, div.cbi-value var,
td.cbi-value-field var { td.cbi-value-field var,
.td.cbi-value-field var {
color: #483d8b; color: #483d8b;
color: var(--dark-primary); color: var(--dark_webkit-any-link);
text-shadow: 1px 1px 2px #000;
} }
#diag-rc-output>pre { #diag-rc-output>pre {
@ -524,7 +534,7 @@ td.cbi-value-field var {
.node-services-vssr .block { .node-services-vssr .block {
background-color: #1e1e1e !important; background-color: #1e1e1e !important;
box-shadow: 0 0 .5rem 0 rgba(0,0,0,0.35); box-shadow: 0 0 .5rem 0 rgba(0,0,0,0.35) !important;
} }
.node-services-vssr .block h4 { .node-services-vssr .block h4 {
@ -533,8 +543,8 @@ td.cbi-value-field var {
.node-services-vssr .status-bar { .node-services-vssr .status-bar {
color: #ccc; color: #ccc;
box-shadow: 0 0 .5rem 0 rgba(0,0,0,0.35); background: #333333f0;
background-color: #1e1e1e; box-shadow: #00000094 10px 10px 30px 5px;
} }
.node-services-vssr .cbi-section-table-row { .node-services-vssr .cbi-section-table-row {
@ -666,6 +676,150 @@ fieldset[id^="cbi-apply-"] {
color: #ccc !important; color: #ccc !important;
} }
/* luci-app-passwall */
#cbi-passwall #add_link_div,
#cbi-passwall #set_node_div {
background: #333333f0 !important;
box-shadow: #00000094 10px 10px 30px 5px !important;
}
/* luci-app-bypass */
#cbi-bypass .status-bar {
color: #ccc;
background: #333333f0;
box-shadow: #00000094 10px 10px 30px 5px;
}
/* luci-app-clash */
#cbi-clash .cbi-section .pure-u-1-4 .pure-g,
#cbi-clash .cbi-section .siz .pure-g {
background-color: #1e1e1e !important;
box-shadow: 0 0 .5rem 0 rgba(0,0,0,0.35) !important;
}
/* luci-app-openclash */
#cbi-openclash #eye-icon,
#cbi-openclash img[title="刷新"] {
filter: invert(100%);
}
#cbi-openclash #cbi-openclash-config fieldset[control-id="ControlID-46"],
#cbi-openclash .CodeMirror-merge-copybuttons-right,
.CodeMirror-scroll {
background-color: #333333 !important;
}
#cbi-openclash .cbi-section .cbi-tabmenu li {
border-right: 1px solid #3c3c3c !important;
}
#cbi-openclash .CodeMirror-merge {
border: 1px solid transparent !important;
}
#cbi-openclash-config-clog .cbi-section {
border: 1px solid #3c3c3c !important;
}
#cbi-openclash .CodeMirror-gutters {
border-right: 1px solid #3c3c3c !important;
background-color: #1e1e1e !important;
}
/* luci-app-dockerman */
#cbi-dockerd .img-con img {
filter: invert(0.4);
}
/* luci-app-istorex (interface config[NetworkPort]) */
#cbi-nfs-mount .app-container_status-label_bg {
background: #333333;
}
#cbi-nfs-mount td svg {
filter: invert(0.3);
}
#actioner .actioner-dns {
background-color: #333333;
}
#actioner .actioner-dns_header,
#actioner .actioner-container_header {
border-bottom: 1px solid #cbcbcb !important;
}
#actioner .actioner-dns_footer {
border-top: 1px solid #cbcbcb !important;
}
/* luci-app-istorex (Network Guide) */
#app #main #page .title,
#app #main #page .desc {
color: #cccccc;
background-color: #333333;
}
#app #main #page .network-message li:not(span):not(a) {
color: #8d8d8d;
}
#app #main #page code {
background-color: #333333;
}
/* luci-app-istorex (Quick Start) */
#app #main #page .network-container_flow-container,
#app #main #page .app-container_status-container,
#app #main #page .nas-container .nas-container_card .app-container,
#app #main #page .app-container {
background-color: #333333;
}
#app #main #page .flow-data span,
#app #main #page .app-container_status-label_block span,
#app #main #page .app-container .item-label span:not(#app #main #page .app-container .progress-value span) {
color: #cccccc;
}
#app #main #page .app-container_status-info span,
#app #main #page .app-container_status-info span,
#app #main #page .app-container_title span {
color: #dddddd;
}
.app-container_body .app-container_status-label_bg {
background-color: #282828 !important;
}
#app #main #page .item-label_value .progress {
background-color: rgb(118, 118, 118);
}
#app #main #page .app-container_nas-menu button[class=""] {
background-color: #8b8b8b;
}
#app #main #page .app-container_nas-menu button[class="on"] {
background-color: #555555;
}
#app #main #page .app-container_title .DeviceBlock ul {
background-color: #cccccc;
}
#actioner div.action,
#actioner div.actioner-container {
background-color: #3c3c3c;
}
#actioner div.action .title {
color: #cccccc;
}
#actioner div.action .desc {
color: #cbcbcb;
}
#actioner div.action div.roots span,
#actioner div.action div.move span:not(span.tip),
#actioner div.action div.left span,
#actioner div.action div.input_row span,
#actioner div.label-item label span {
color: #cbcbcb;
}
#actioner div.action span.tooltip-trigger svg path {
fill: #cbcbcb;
}
#actioner div.actioner-dns_body div.label-item_value select {
height: 43px;
}
#actioner div.actioner-container_footer div.close {
color: #ffffff;
}
#app #main div.app-container div.app-container_title span a svg path,
#app #main #page span.disk_infoicon svg g {
fill: #8b8b8b;
}
@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) { @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
.login-page .login-container .login-form { .login-page .login-container .login-form {
-webkit-backdrop-filter: blur(var(--blur-radius-dark)); -webkit-backdrop-filter: blur(var(--blur-radius-dark));

View File

@ -2,6 +2,7 @@
* Argone is a clean HTML5 theme for LuCI. It is based on luci-theme-material and Argone Template * Argone is a clean HTML5 theme for LuCI. It is based on luci-theme-material and Argone Template
* *
* luci-theme-argone * luci-theme-argone
* Copyright 2020 Jerryk
* *
* Have a bug? Please create an issue here on GitHub! * Have a bug? Please create an issue here on GitHub!
* https://github.com/kenzok78/luci-theme-argone/issues * https://github.com/kenzok78/luci-theme-argone/issues
@ -46,12 +47,12 @@
/* ICON Font */ /* ICON Font */
@font-face { @font-face {
font-family: 'argon'; font-family: 'argone';
src: url('../fonts/argon.eot?u6kthm'); src: url('../fonts/argone.eot?u6kthm');
src: url('../fonts/argon.eot?u6kthm#iefix') format('embedded-opentype'), src: url('../fonts/argone.eot?u6kthm#iefix') format('embedded-opentype'),
url('../fonts/argon.ttf?u6kthm') format('truetype'), url('../fonts/argone.ttf?u6kthm') format('truetype'),
url('../fonts/argon.woff?u6kthm') format('woff'), url('../fonts/argone.woff?u6kthm') format('woff'),
url('../fonts/argon.svg?u6kthm#argon') format('svg'); url('../fonts/argone.svg?u6kthm#argone') format('svg');
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
font-display: block; font-display: block;
@ -60,7 +61,7 @@
[class^="icon-"], [class^="icon-"],
[class*=" icon-"] { [class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */ /* use !important to prevent issues with browser extensions that change fonts */
font-family: 'argon' !important; font-family: 'argone' !important;
font-style: normal; font-style: normal;
font-weight: normal; font-weight: normal;
font-variant: normal; font-variant: normal;

File diff suppressed because one or more lines are too long

Binary file not shown.

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 9.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.3 KiB

After

Width:  |  Height:  |  Size: 8.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.1 KiB

After

Width:  |  Height:  |  Size: 6.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.8 KiB

After

Width:  |  Height:  |  Size: 3.9 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1019 B

After

Width:  |  Height:  |  Size: 2.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 2.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.6 KiB

After

Width:  |  Height:  |  Size: 4.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.1 KiB

After

Width:  |  Height:  |  Size: 6.4 KiB

View File

@ -0,0 +1,37 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 27.5.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="图层_1" xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 256 256"
style="enable-background:new 0 0 256 256;" xml:space="preserve">
<style type="text/css">
.st0{fill-rule:evenodd;clip-rule:evenodd;fill:url(#svg_2_00000009581766544743910510000007087157279682564742_);}
.st1{fill-rule:evenodd;clip-rule:evenodd;fill:url(#svg_3_00000013155245276689480680000010334395393893521599_);}
.st2{fill:#FFFFFF;}
</style>
<g>
<g id="svg_1">
<linearGradient id="svg_2_00000043442590260727270070000016472210641679865270_" gradientUnits="userSpaceOnUse" x1="11.1563" y1="247.3437" x2="245.4437" y2="13.0563" gradientTransform="matrix(1 0 0 -1 0 258)">
<stop offset="0" style="stop-color:#5E72E4"/>
<stop offset="1" style="stop-color:#778AFF"/>
</linearGradient>
<path id="svg_2" style="fill-rule:evenodd;clip-rule:evenodd;fill:url(#svg_2_00000043442590260727270070000016472210641679865270_);" d="
M36.4,0.2h183.8c19.7,0,35.7,16,35.7,35.7v183.8c0,19.7-16,35.7-35.7,35.7H36.4c-19.7,0-35.7-16-35.7-35.7V35.9
C0.7,16.2,16.7,0.2,36.4,0.2z"/>
<linearGradient id="svg_3_00000010280352489557108120000000938545297310085033_" gradientUnits="userSpaceOnUse" x1="0.7" y1="257.8" x2="0.7" y2="257.8" gradientTransform="matrix(1 0 0 -1 0 258)">
<stop offset="0" style="stop-color:#5E72E4"/>
<stop offset="1" style="stop-color:#778AFF"/>
</linearGradient>
<path id="svg_3" style="fill-rule:evenodd;clip-rule:evenodd;fill:url(#svg_3_00000010280352489557108120000000938545297310085033_);" d="
M0.7,0.2"/>
</g>
<path id="svg_4" class="st2" d="M128.3,45.4c-46.7,0-84.4,37.8-84.4,84.4c0,32.2,18.1,60.2,44.6,74.4c6.8,3.7,15.3-0.2,17.2-7.7
l4.3-17.6c1.5-6.2-1-12.6-6.1-16.4c-10-7.4-16.4-19.3-16.4-32.7c0-22.5,18.3-40.7,40.7-40.7c22.5,0,40.7,18.3,40.7,40.7
c0,13.4-6.4,25.2-16.4,32.7c-5.1,3.8-7.6,10.2-6.1,16.5l4.4,17.6c1.9,7.5,10.3,11.4,17.2,7.7c26.6-14.2,44.6-42.2,44.6-74.5
C212.8,83.3,174.9,45.4,128.3,45.4L128.3,45.4z"/>
</g>
<circle class="st2" cx="128.3" cy="131.6" r="18.3"/>
</svg>

After

Width:  |  Height:  |  Size: 2.3 KiB

View File

@ -1,61 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 23.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 256 256" style="enable-background:new 0 0 256 256;" xml:space="preserve">
<style type="text/css">
.st0{fill-rule:evenodd;clip-rule:evenodd;fill:url(#SVGID_1_);}
.st1{fill-rule:evenodd;clip-rule:evenodd;fill:url(#SVGID_2_);}
.st2{fill:#FFFFFF;}
</style>
<g>
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="11.1379" y1="10.6499" x2="245.5302" y2="245.0422">
<stop offset="0" style="stop-color:#5E72E4"/>
<stop offset="1" style="stop-color:#778AFF"/>
</linearGradient>
<path class="st0" d="M36.4,0.2h183.8c19.7,0,35.7,16,35.7,35.7v183.8c0,19.7-16,35.7-35.7,35.7H36.4c-19.7,0-35.7-16-35.7-35.7
V35.9C0.7,16.2,16.7,0.2,36.4,0.2z"/>
<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="0.6679" y1="0.18" x2="0.6679" y2="0.18">
<stop offset="0" style="stop-color:#5E72E4"/>
<stop offset="1" style="stop-color:#778AFF"/>
</linearGradient>
<path class="st1" d="M0.7,0.2"/>
</g>
<path class="st2" d="M128.3,32.6c-43.9,0-79.4,35.6-79.4,79.4c0,35.3,23.1,65.2,55,75.6l9.9-40.1c-14-5.7-23.8-19.4-23.8-35.5
c0-21.2,17.2-38.3,38.3-38.3c21.2,0,38.3,17.2,38.3,38.3c0,16-9.8,29.7-23.8,35.5l9.9,40.1c31.9-10.3,55-40.2,55-75.6
C207.8,68.2,172.2,32.6,128.3,32.6z"/>
<g>
<path class="st2" d="M48.5,234.8c-2.3,0-4.3-0.3-6.1-0.9c-1.7-0.6-3.3-1.6-4.7-3c-1.4-1.4-2.5-2.8-3.3-4.2
c-0.8-1.4-1.3-2.9-1.6-4.4c-0.3-1.5-0.4-3.2-0.4-4.9c0-2.3,0.3-4.3,0.8-5.9c0.5-1.7,1.1-3.1,1.8-4.3c0.7-1.2,1.8-2.4,3.1-3.6
c1.3-1.2,2.8-2.1,4.4-2.8c1.6-0.7,3.5-1.1,5.7-1.1c2,0,3.8,0.3,5.6,0.9c1.7,0.6,3.3,1.5,4.7,2.7c1.4,1.2,2.6,2.6,3.5,4.4
c1,1.7,1.6,3.4,1.9,5c0.3,1.6,0.4,3.2,0.4,4.8c-0.1,2.5-0.4,4.7-1,6.6c-0.6,1.9-1.3,3.5-2.2,4.7c-0.9,1.2-1.9,2.3-3.2,3.2
c-1.2,0.9-2.7,1.7-4.3,2.2C52.3,234.5,50.5,234.8,48.5,234.8z M48,227.6c1.1,0.1,2.3-0.1,3.4-0.4c1.1-0.4,2.2-1.1,3.2-2.1
c1-1,1.6-2.3,1.9-3.8c0.3-1.5,0.5-2.9,0.4-4.3c0-1.9-0.3-3.4-0.7-4.6c-0.4-1.2-1-2.2-1.6-3c-0.6-0.8-1.4-1.5-2.3-2
c-0.9-0.5-1.9-0.8-3.1-0.9c-1.1-0.1-2.2,0.1-3.2,0.4c-1,0.4-1.9,0.9-2.7,1.5c-0.8,0.6-1.5,1.5-2.2,2.5c-0.6,1-1,2.1-1.1,3.2
c-0.1,1.1-0.2,2.1-0.2,3c0,1.2,0.1,2.4,0.4,3.6c0.2,1.2,0.7,2.3,1.3,3.4c0.6,1,1.5,1.8,2.7,2.4C45.4,227.2,46.6,227.5,48,227.6z"/>
<path class="st2" d="M77,243.9h-7.2v-32.8H77l0,2c0.3-0.3,0.7-0.6,1.1-0.9c0.4-0.3,0.9-0.5,1.6-0.7c0.7-0.2,1.3-0.3,2-0.3
c1.4,0,2.7,0.4,4,1.1c1.3,0.8,2.3,1.8,3.2,3c0.8,1.3,1.4,2.6,1.8,4.1c0.3,1.5,0.5,2.8,0.5,4.1c0,1.3-0.2,2.7-0.7,4.1
c-0.5,1.7-1.4,3.1-2.5,4.3c-1.1,1.2-2.3,1.9-3.5,2.2c-1.2,0.3-2.3,0.4-3.1,0.4c-1.6,0-2.7-0.3-3.3-0.8l-1-0.7V243.9z M77,225.8
l0,1.7c0.2,0.5,0.5,1,0.9,1.3c0.3,0.4,1.1,0.6,2.1,0.6c1.1,0,1.9-0.3,2.5-0.9c0.5-0.5,0.8-1.3,1-2.3c0.2-1.1,0.3-2.2,0.3-3.5
c0-1.3-0.1-2.4-0.4-3.3c-0.3-0.8-0.7-1.5-1.2-2.1c-0.6-0.6-1.3-0.9-2.1-0.8c-0.5,0-1.1,0.2-1.7,0.6c-0.6,0.4-1,0.9-1.2,1.6
l-0.2,0.6V225.8z"/>
<path class="st2" d="M103.3,224.3c0,0.2,0,0.4,0,0.6c0,0.2,0.1,0.7,0.1,1.4c0.1,0.7,0.3,1.5,0.7,2.3c0.4,0.8,0.8,1.3,1.2,1.6
c0.5,0.3,0.9,0.3,1.5,0.3c0.4-0.1,0.9-0.2,1.3-0.5c0.4-0.3,0.7-0.7,0.9-1.1c0.2-0.4,0.4-0.8,0.5-1.2l0.2-1h7.4
c-0.1,0.5-0.2,1.1-0.3,1.7c-0.1,0.7-0.5,1.4-1,2.3c-0.5,0.8-1.1,1.6-1.9,2.2c-0.7,0.6-1.7,1.1-3,1.5c-1.3,0.4-2.7,0.6-4.3,0.5
c-1.6-0.1-3.2-0.4-4.6-0.9c-1.5-0.6-2.6-1.3-3.5-2.3c-0.9-1-1.5-2.2-1.9-3.5c-0.4-1.3-0.6-2.9-0.6-4.6c0-1,0.1-1.9,0.3-2.9
c0.2-1,0.5-2,0.9-2.9c0.4-0.9,1-1.9,1.7-2.8c0.7-0.9,1.9-1.8,3.4-2.6c1.5-0.8,3.2-1.2,4.9-1.1c0.7,0,1.7,0.2,2.8,0.5
c1.2,0.3,2.3,1,3.5,2c1.2,1,2.1,2.3,2.6,3.8c0.6,1.5,0.9,2.8,0.9,4l0.1,3H103.3z M110,220.2c0-0.6-0.1-1.1-0.2-1.6
c-0.1-0.5-0.2-1-0.5-1.6s-0.6-0.9-0.9-1.2c-0.3-0.2-0.8-0.4-1.3-0.4c-0.6,0-1.1,0.1-1.6,0.4c-0.5,0.3-0.9,0.8-1.3,1.6
c-0.4,0.7-0.6,1.3-0.6,1.8l-0.1,0.9H110z"/>
<path class="st2" d="M142.4,234.4h-7.2v-13.1c0-1-0.1-1.8-0.2-2.4c-0.1-0.6-0.4-1.1-0.9-1.6c-0.5-0.4-1.2-0.6-2.1-0.6
c-0.6,0.1-1.1,0.3-1.6,0.6c-0.5,0.3-0.8,0.8-1,1.3c-0.2,0.5-0.3,1.3-0.3,2.3v13.3h-7.2v-23.3h7.2v1.3c0.3-0.1,0.6-0.3,1.1-0.5
c0.4-0.2,1-0.4,1.6-0.6c0.6-0.2,1.5-0.2,2.5-0.2c1,0.1,1.9,0.2,2.7,0.5c0.8,0.3,1.5,0.7,2.3,1.3c0.7,0.6,1.4,1.3,1.8,2.1
c0.5,0.8,0.8,1.7,1,2.5c0.2,0.8,0.3,1.9,0.3,3.1V234.4z"/>
<path class="st2" d="M163.5,221.2l-3.7,13.3h-5.6l-6.7-23.3h7.1l2.5,11.1l3.4-11.1h6.1l3.2,11l2.3-11h7.1l-6.3,23.3h-5.6
L163.5,221.2z"/>
<path class="st2" d="M184.4,211.1h6.7v4.3c0.3-0.5,0.8-1,1.2-1.5c0.5-0.5,1.3-1.1,2.4-1.7c1.2-0.6,2.1-0.9,2.9-0.9l3.8-0.3v6.2
c-0.7-0.1-1.4-0.1-2-0.2c-0.6,0-1.5,0-2.5,0.1c-1.1,0.1-2.1,0.5-3.1,1c-1,0.5-1.6,1-1.9,1.6l-0.8,1.3v13.4h-6.7V211.1z"/>
<path class="st2" d="M218.3,211.1h5.2v4.6h-5.2v10.9c0,0.8,0.1,1.4,0.3,1.8c0.2,0.4,0.5,0.6,0.8,0.8c0.4,0.1,1,0.2,1.9,0.2h2.3
l-0.1,5h-5.1c-0.7,0-1.4,0-2.1-0.1c-0.7-0.1-1.4-0.3-2.1-0.7c-0.7-0.4-1.3-0.9-1.8-1.4c-0.5-0.6-0.8-1.2-1-2
c-0.2-0.7-0.3-1.7-0.3-2.8v-11.6h-4.8v-4.6h4.8v-7.6h7.2V211.1z"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 4.9 KiB

View File

@ -0,0 +1,72 @@
/*
* The background color of the [Light Mode] subtabs follow the custom primary color and reduce its transparency
* Author: SpeedPartner
*/
/*
* Get hex for the [Light mode] Primary Color ,then reduce it to 25% transparency and convert it to RGBA value
*/
const hexColor_primary_light = getComputedStyle(document.documentElement).getPropertyValue('--primary').replace(/\s/, "");
const hexToRgba_primary_light = (hex) => {
const r = parseInt(hex.substring(1, 3), 16);
const g = parseInt(hex.substring(3, 5), 16);
const b = parseInt(hex.substring(5, 7), 16);
const a = 0.15
return [r, g, b].map(x => x.toFixed()).concat(a);
};
const rgbaColor_primary_light = hexToRgba_primary_light(hexColor_primary_light);
console.log(rgbaColor_primary_light);
/*
* Constitute a css color variable named light-subtabs-background
*/
document.documentElement.style.setProperty('--light-subtabs-background', `rgba(`+rgbaColor_primary_light+`)`);
/*
* Improved link font color that follows custom [Dark mode] Primary Color
* Author: SpeedPartner
*/
/*
* Get hex for the [Dark mode] Primary Color ,then reduce it to 70% transparency and convert it to RGB value
*/
const hexColor_primary = getComputedStyle(document.documentElement).getPropertyValue('--dark-primary').replace(/\s/, "");
const hexToRgb_primary = (hex) => {
const r = parseInt(hex.substring(1, 3), 16);
const g = parseInt(hex.substring(3, 5), 16);
const b = parseInt(hex.substring(5, 7), 16);
const a = 0.7
return [r*a, g*a, b*a].map(x => x.toFixed(2));
};
const rgbColor_primary = hexToRgb_primary(hexColor_primary);
//console.log(rgbColor_primary);
/*
* Constitute overlay color #cccccc, then reduce it to 30% transparency and convert it to RGB value
*/
const hexColor_overlay = "#cccccc";
const hexToRgb_overlay = (hex) => {
const r = parseInt(hex.substring(1, 3), 16);
const g = parseInt(hex.substring(3, 5), 16);
const b = parseInt(hex.substring(5, 7), 16);
const a = 0.3
return [r*a, g*a, b*a].map(x => x.toFixed(2));
};
const rgbColor_overlay = hexToRgb_overlay(hexColor_overlay);
//console.log(rgbColor_overlay);
/*
* Overlay the RGB value of two colors
*/
const New_Color = [
Math.round(Number(rgbColor_primary[0]) + Number(rgbColor_overlay[0])),
Math.round(Number(rgbColor_primary[1]) + Number(rgbColor_overlay[1])),
Math.round(Number(rgbColor_primary[2]) + Number(rgbColor_overlay[2]))
];
//console.log(New_Color);
/*
* Constitute a css color variable named dark_webkit-any-link
*/
document.documentElement.style.setProperty('--dark_webkit-any-link', `rgb(`+New_Color+`)`);

View File

@ -2,6 +2,7 @@
* Argone is a clean HTML5 theme for LuCI. It is based on luci-theme-material and Argone Template * Argone is a clean HTML5 theme for LuCI. It is based on luci-theme-material and Argone Template
* *
* luci-theme-argone * luci-theme-argone
* Copyright 2023 Jerrykuku
* *
* Have a bug? Please create an issue here on GitHub! * Have a bug? Please create an issue here on GitHub!
* https://github.com/kenzok78/luci-theme-argone/issues * https://github.com/kenzok78/luci-theme-argone/issues

View File

@ -2,6 +2,7 @@
* Argone is a clean HTML5 theme for LuCI. It is based on luci-theme-material and Argone Template * Argone is a clean HTML5 theme for LuCI. It is based on luci-theme-material and Argone Template
* *
* luci-theme-argone * luci-theme-argone
* Copyright 2023 Jerrykuku
* *
* Have a bug? Please create an issue here on GitHub! * Have a bug? Please create an issue here on GitHub!
* https://github.com/kenzok78/luci-theme-argone/issues * https://github.com/kenzok78/luci-theme-argone/issues

View File

@ -2,6 +2,7 @@
* Argone is a clean HTML5 theme for LuCI. It is based on luci-theme-material and Argone Template * Argone is a clean HTML5 theme for LuCI. It is based on luci-theme-material and Argone Template
* *
* luci-theme-argone * luci-theme-argone
* Copyright 2023 Jerrykuku
* *
* Have a bug? Please create an issue here on GitHub! * Have a bug? Please create an issue here on GitHub!
* https://github.com/kenzok78/luci-theme-argone/issues * https://github.com/kenzok78/luci-theme-argone/issues

View File

@ -1,8 +1,8 @@
// compress: false
/** /**
* Argone is a clean HTML5 theme for LuCI. It is based on luci-theme-material and Argone Template * Argone is a clean HTML5 theme for LuCI. It is based on luci-theme-material and Argone Template
* *
* luci-theme-argone * luci-theme-argone
* Copyright 2020 Jerryk
* *
* Have a bug? Please create an issue here on GitHub! * Have a bug? Please create an issue here on GitHub!
* https://github.com/kenzok78/luci-theme-argone/issues * https://github.com/kenzok78/luci-theme-argone/issues
@ -57,7 +57,7 @@
--warning: #fb6340; --warning: #fb6340;
--footer-color: #aaa; --footer-color: #aaa;
--menubar-background: #fff; --menubar-background: #fff;
--menubar-scrollbar-thumb: #f6f9fc; --menubar-scrollbar-thumb: #eee;
--menubar-text-color: #4c4c4c; --menubar-text-color: #4c4c4c;
--blue: #5e72e4; --blue: #5e72e4;
--indigo: #5603ad; --indigo: #5603ad;
@ -178,14 +178,42 @@ body {
color: var(--white); color: var(--white);
} }
::-webkit-scrollbar {
width: 10px;
height: 10px;
}
::-webkit-scrollbar,
::-webkit-scrollbar-corner {
background: transparent;
}
::-webkit-scrollbar-thumb {
background: #9e9e9e;
}
::-webkit-scrollbar-thumb:hover {
background: #757575;
}
::-webkit-scrollbar-thumb:active {
background: #424242;
}
a:link, a:link,
a:visited, a:visited,
a:active { a:active {
color: #5e72e4;
color: var(--primary); color: var(--primary);
text-decoration: none; text-decoration: none;
} }
a:-webkit-any-link:not(li a, .main-left a, .brand, .pull-right a, .alert-message a, .login-container footer a, .cbi-button) {
color: -webkit-link;
cursor: pointer;
color: var(--primary);
text-shadow: 1px 1px 2px #ccc;
}
a:hover { a:hover {
text-decoration: underline; text-decoration: underline;
} }
@ -256,7 +284,8 @@ li {
video { video {
width: 100%; width: 100%;
height: auto; height: 100%;
object-fit: cover;
} }
} }
@ -318,26 +347,19 @@ li {
max-width: 420px; max-width: 420px;
background-color: #fff; background-color: #fff;
background-color: var(--white); background-color: var(--white);
overflow:hidden;
.brand { .brand {
display: flex; display: flex;
-webkit-box-align: center; -webkit-box-align: center;
align-items: center; align-items: center;
margin: 50px auto 100px 50px; margin: 50px auto 15px auto;
color: #525461; color: #525461;
color: var(--default); color: var(--default);
.icon { .icon {
width: 50px; width: 50px;
height: auto; height: auto;
margin-right: 25px;
}
.brand-text {
font-size: 1.25rem;
font-weight: 700;
font-family: "TypoGraphica";
} }
&:hover { &:hover {
@ -345,8 +367,25 @@ li {
} }
} }
.brand-text {
font-size: 1.8rem;
font-weight: 700;
letter-spacing: 1px;
margin-bottom: 85px;
font-family: "TypoGraphica";
width: 420px;
padding: 0 0.5rem 0.1rem 0.5rem;
text-align: center;
word-break: break-word;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.form-login { .form-login {
width: 100%; width: 420px;
padding: 20px 50px; padding: 20px 50px;
box-sizing: border-box; box-sizing: border-box;
@ -486,6 +525,14 @@ li {
display: block; display: block;
} }
} }
footer {
color: var(--default);
a {
color: var(--default);
}
}
} }
} }
@ -582,13 +629,9 @@ footer {
text-align: right; text-align: right;
padding: 1rem; padding: 1rem;
color: #aaa;
color: var(--footer-color);
font-size: 0.8rem; font-size: 0.8rem;
a { a {
color: #aaa;
color: var(--footer-color);
text-decoration: none; text-decoration: none;
} }
} }
@ -635,6 +678,7 @@ footer {
position: fixed; position: fixed;
z-index: 100; z-index: 100;
transition: width 0.2s ease-in-out; transition: width 0.2s ease-in-out;
overflow-y: scroll;
&::-webkit-scrollbar { &::-webkit-scrollbar {
width: 5px; width: 5px;
@ -648,8 +692,7 @@ footer {
} }
&::-webkit-scrollbar-track { &::-webkit-scrollbar-track {
background-color: #fff; background-color: transparent;
background-color: var(--menubar-background);
} }
.sidenav-header { .sidenav-header {
@ -788,6 +831,7 @@ footer {
color: #fff; color: #fff;
background: #5e72e4; background: #5e72e4;
background: var(--primary); background: var(--primary);
box-shadow: 0 0 1px #ccc;
a { a {
color: #000; color: #000;
@ -902,6 +946,7 @@ footer {
background-color: #5e72e4; background-color: #5e72e4;
background-color: var(--primary); background-color: var(--primary);
transition: all 0.2s; transition: all 0.2s;
box-shadow: 0 0 1px #ccc;
} }
&:hover::after { &:hover::after {
@ -1110,10 +1155,6 @@ form.inline+form.inline,
border-color: var(--primary) !important; border-color: var(--primary) !important;
} }
.cbi-button-add {
margin-left: 1.5rem;
}
.node-services-vssr .ssr-button { .node-services-vssr .ssr-button {
margin-left: 0.3rem; margin-left: 0.3rem;
@ -1192,23 +1233,25 @@ select {
text-align: center; text-align: center;
} }
/*textarea*/ /*textarea*/
textarea {
.cbi-input-textarea { border: 1px solid #dee2e6 !important;
width: 100%; outline: none;
min-height: 14rem; min-height: 14rem !important;
padding: 0.8rem; padding: 0.8rem !important;
font-size: 0.8rem; background-color: #fff;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-family: var(--font-family-monospace) !important;
font-size: inherit;
color: black; color: black;
border-radius: 0.375rem !important;
vertical-align: middle;
} }
.cbi-value .cbi-value-field textarea {
margin: 0.25rem;
}
/* change */ /* change */
.uci-change-list { .uci-change-list {
font-family: monospace; font-family: monospace;
} }
@ -1306,8 +1349,6 @@ input[type="checkbox"] {
} }
input[type="checkbox"]:checked { input[type="checkbox"]:checked {
border: 1px solid #5e72e4;
border: 1px solid var(--primary);
background-image: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 8 8\'%3e%3cpath fill=\'%23fff\' d=\'M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z\'/%3e%3c/svg%3e') !important; background-image: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 8 8\'%3e%3cpath fill=\'%23fff\' d=\'M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z\'/%3e%3c/svg%3e') !important;
background-color: #5e72e4; background-color: #5e72e4;
background-color: var(--primary); background-color: var(--primary);
@ -1336,8 +1377,6 @@ ul li .cbi-input-checkbox {
} }
.cbi-input-radio:checked { .cbi-input-radio:checked {
border: 1px solid #5e72e4;
border: 1px solid var(--primary);
background-image: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'-4 -4 8 8\'%3e%3ccircle r=\'3\' fill=\'%23fff\'/%3e%3c/svg%3e') !important; background-image: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'-4 -4 8 8\'%3e%3ccircle r=\'3\' fill=\'%23fff\'/%3e%3c/svg%3e') !important;
background-color: #5e72e4; background-color: #5e72e4;
background-color: var(--primary); background-color: var(--primary);
@ -1468,7 +1507,8 @@ div.cbi-value var,
td.cbi-value-field var, td.cbi-value-field var,
.td.cbi-value-field var { .td.cbi-value-field var {
font-style: italic; font-style: italic;
color: #0069D6; color: var(--primary);
text-shadow: 1px 1px 2px #ccc;
} }
small { small {
@ -1649,7 +1689,16 @@ input[name="nslookup"] {
background-color: var(--primary) !important; background-color: var(--primary) !important;
background-image: url(../img/trafficbar.png); background-image: url(../img/trafficbar.png);
background-position: left top; background-position: left top;
animation: sparkle 1500ms linear infinite; animation: sparkle 1000ms linear infinite;
}
#swaptotal>div>div>div>small,
#swapfree>div>div>div>small,
#memfree>div>div>div>small,
#membuff>div>div>div>small,
#conns>div>div>div>small,
#memtotal>div>div>div>small {
text-shadow: 1px 1px 2px #ccc;
} }
/* fix multiple table */ /* fix multiple table */
@ -1960,11 +2009,6 @@ th h6, td h6 {
background: var(--lighter); background: var(--lighter);
} }
/* OCD: Change the background color of the "now in use" node in PassWall */
.cbi-section-table>tbody>._now_use {
background: #5e72e473 !important;
}
/* language fix */ /* language fix */
body.lang_pl.node-main-login .cbi-value-title { body.lang_pl.node-main-login .cbi-value-title {
width: 12rem; width: 12rem;
@ -2110,7 +2154,7 @@ body.lang_pl.node-main-login .cbi-value-title {
.cbi-rowstyle-2 .cbi-button-up, .cbi-rowstyle-2 .cbi-button-up,
.cbi-rowstyle-2 .cbi-button-down { .cbi-rowstyle-2 .cbi-button-down {
background-color: #FFF !important; background-color: var(--lighter);
} }
@ -2160,7 +2204,8 @@ input {
margin: 0.25rem; margin: 0.25rem;
} }
select:not([multiple="multiple"]):focus, select:not([multiple="multiple"]):hover,
input:hover,
input:focus { input:focus {
border-color: #5e72e4; border-color: #5e72e4;
border-color: var(--primary); border-color: var(--primary);
@ -2444,7 +2489,7 @@ h3 {
letter-spacing: 0.1rem; letter-spacing: 0.1rem;
padding: 1rem 1.5rem; padding: 1rem 1.5rem;
border-radius: 0.375rem; border-radius: 0.375rem;
background: #fff; background: var(--lighter);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
} }
@ -2498,6 +2543,8 @@ fieldset.cbi-section p {
letter-spacing: 0.1rem; letter-spacing: 0.1rem;
color: #32325d; color: #32325d;
font-weight: 600; font-weight: 600;
position: sticky;
left: 0;
} }
table { table {
@ -2590,16 +2637,24 @@ td>table>tbody>tr>td {
overflow-x: auto; overflow-x: auto;
&::-webkit-scrollbar { &::-webkit-scrollbar {
width: 1px; width: 5px;
height: 5px; height: 5px;
} }
&::-webkit-scrollbar-thumb { &::-webkit-scrollbar-thumb {
background-color: #f6f9fc background-color: #9e9e9e;
}
&::-webkit-scrollbar-thumb:hover {
background-color: #757575;
}
&::-webkit-scrollbar-thumb:active {
background-color: #424242;
} }
&::-webkit-scrollbar-track { &::-webkit-scrollbar-track {
background-color: #fff; background-color: transparent;
} }
li[class~="active"], li[class~="active"],
@ -2609,7 +2664,7 @@ td>table>tbody>tr>td {
border-bottom: 0.18751rem solid var(--primary); border-bottom: 0.18751rem solid var(--primary);
color: #5e72e4; color: #5e72e4;
color: var(--primary); color: var(--primary);
background-color: #dce1fe; background-color: var(--light-subtabs-background);
margin-bottom: 0; margin-bottom: 0;
border-radius: 0; border-radius: 0;
@ -2638,6 +2693,14 @@ td>table>tbody>tr>td {
} }
} }
.cbi-section::-webkit-scrollbar,
.cbi-section > *::-webkit-scrollbar,
textarea::-webkit-scrollbar,
div::-webkit-scrollbar {
width: 5px;
height: 5px;
}
.cbi-tabmenu { .cbi-tabmenu {
color: white; color: white;
padding: 0.5rem 0.5rem 0 0.5rem; padding: 0.5rem 0.5rem 0 0.5rem;
@ -2651,15 +2714,23 @@ td>table>tbody>tr>td {
} }
&::-webkit-scrollbar-thumb { &::-webkit-scrollbar-thumb {
background-color: #f6f9fc background-color: #9e9e9e;
} }
&::-webkit-scrollbar-track { &::-webkit-scrollbar-thumb:hover {
background-color: #fff; background-color: #757575;
}
&::-webkit-scrollbar-thumb:active {
background-color: t#424242;
}
&::-webkit-scrollbar-track {
background-color: transparent;
} }
li { li {
background: #dce3e9; background: #e3e3e3;
display: inline-block; display: inline-block;
font-size: 0.875rem; font-size: 0.875rem;
border-top-left-radius: 0.25rem; border-top-left-radius: 0.25rem;
@ -2679,7 +2750,7 @@ td>table>tbody>tr>td {
border-bottom: 0.18751rem solid var(--primary); border-bottom: 0.18751rem solid var(--primary);
color: #5e72e4; color: #5e72e4;
color: var(--primary); color: var(--primary);
background-color: #dce1fe; background-color: var(--light-subtabs-background);
margin-bottom: 0; margin-bottom: 0;
a { a {
@ -2692,7 +2763,7 @@ td>table>tbody>tr>td {
border-bottom: 0.18751rem solid #5e72e4; border-bottom: 0.18751rem solid #5e72e4;
border-bottom: 0.18751rem solid var(--primary); border-bottom: 0.18751rem solid var(--primary);
color: var(--primary); color: var(--primary);
background-color: #dce1fe; background-color: var(--light-subtabs-background);
margin-bottom: 0; margin-bottom: 0;
a { a {
@ -2971,7 +3042,8 @@ select[multiple="multiple"] {
} }
.cbi-tabcontainer>.cbi-value:nth-of-type(2n) { .cbi-tabcontainer>.cbi-value:nth-of-type(2n),
.cbi-tabcontainer>.cbi-value:nth-of-type(2n)>textarea {
background-color: #f9f9f9; background-color: #f9f9f9;
} }
@ -2980,7 +3052,6 @@ select[multiple="multiple"] {
display: table-cell; display: table-cell;
line-height: 1.6; line-height: 1.6;
font-size: 0.875rem; font-size: 0.875rem;
} }
/* Fix text position of the luci-app-filebrowser running state */ /* Fix text position of the luci-app-filebrowser running state */
@ -3006,8 +3077,9 @@ form>.cbi-map>.cbi-section>.cbi-section-node>.cbi-value>.cbi-value-field font {
} }
.cbi-value-description { .cbi-value-description {
color: #8d8d8d;
opacity: 0.8;
font-size: small; font-size: small;
opacity: 0.5;
padding: 0.5rem; padding: 0.5rem;
} }
@ -3098,25 +3170,11 @@ td>.ifacebadge {
margin: 0 0.3rem; margin: 0 0.3rem;
} }
/*textarea*/
.cbi-input-textarea {
width: 100%;
border: 0;
outline: none;
min-height: 14rem;
padding: 0.8rem;
font-size: 0.8rem;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
color: black;
}
#syslog { #syslog {
width: 100%; width: 100%;
min-height: 15rem; min-height: 15rem;
padding: 1rem; padding: 1rem;
line-height: 1.4em; line-height: 1.4em;
font-size: small;
color: #1e1e1e; color: #1e1e1e;
border-radius: 0; border-radius: 0;
background-color: #fff; background-color: #fff;
@ -3125,14 +3183,6 @@ td>.ifacebadge {
} }
.ifacebadge { .ifacebadge {
display: inline-flex; display: inline-flex;
border-bottom: 0px solid #CCCCCC; border-bottom: 0px solid #CCCCCC;
@ -3152,7 +3202,7 @@ td>.ifacebadge,
.ifacebadge>img { .ifacebadge>img {
display: inline-block; display: inline-block;
margin: 0 0.3rem; margin: 0 0.3rem;
align-self: flex-start; align-self: center;
} }
@ -3317,18 +3367,6 @@ td>.ifacebadge,
padding: 0.5rem; padding: 0.5rem;
} }
div.cbi-value var,
td.cbi-value-field var {
font-style: italic;
color: #0069D6;
}
small {
font-size: 90%;
white-space: normal;
line-height: 1.42857143;
}
.cbi-optionals { .cbi-optionals {
padding: 1rem 1rem 0 1rem; padding: 1rem 1rem 0 1rem;
@ -3450,7 +3488,7 @@ input[name="nslookup"] {
height: 100% !important; height: 100% !important;
background-image: url(../img/trafficbar.png); background-image: url(../img/trafficbar.png);
background-position: left top; background-position: left top;
animation: sparkle 1500ms linear infinite; animation: sparkle 1000ms linear infinite;
} }
} }
@ -3473,15 +3511,14 @@ input[name="nslookup"] {
overflow-y: hidden; overflow-y: hidden;
em { em {
padding: 0.75rem 1.5rem;
font-size: 0.7rem; font-size: 0.7rem;
font-weight: 600; font-weight: 600;
color: #525f7f; color: var(--primary);
text-shadow: 1px 1px 2px #ccc;
text-align: center; text-align: center;
} }
h4 { h4 {
padding: 0.75rem 1.5rem;
font-size: 0.7rem; font-size: 0.7rem;
font-weight: 600; font-weight: 600;
color: #525f7f; color: #525f7f;
@ -3524,6 +3561,14 @@ input[name="nslookup"] {
margin-top: 0; margin-top: 0;
} }
.node-system-flashops fieldset > ul {
padding: 1rem;
}
.node-system-flashops fieldset + .cbi-page-actions {
margin-top: 1rem;
}
.node-status-iptables .cbi-tabmenu, .node-status-iptables .cbi-tabmenu,
.node-system-packages .cbi-tabmenu, .node-system-packages .cbi-tabmenu,
.node-system-flashops .cbi-tabmenu { .node-system-flashops .cbi-tabmenu {
@ -3586,6 +3631,99 @@ input[name="nslookup"] {
display: block; display: block;
} }
/* luci-app-passwall */
#cbi-passwall #add_link_div,
#cbi-passwall #set_node_div {
background: #fffffff0;
}
#cbi-passwall .cbi-section-table tbody ._now_use {
background: #5e72e473 !important;
}
/* luci-app-commands */
.commandbox h3 {
overflow: hidden;
text-overflow: ellipsis;
}
.commandbox code {
word-break: break-word;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
div.commandbox {
height: 16em;
}
/* luci-app-ssr-plus */
#cbi-shadowsocksr .cbi-map-descr h3 {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* luci-app-mwan3 */
.node-status-mwan .cbi-tabmenu {
padding: 3rem 0.5rem 0 0.5rem;
}
/* luci-app-openclash */
.node-services-openclash .cbi-tabmenu {
font-size: 0;
}
.node-services-openclash .cbi-tabmenu > li {
margin-right: 4px;
}
.node-services-openclash .cbi-tabmenu > li:last-child {
margin-right: 0;
}
/* luci-app-ddnsto */
.node-services-ddnsto .cbi-section-node .cbi-value div {
display: table-cell;
line-height: 1.6;
font-size: 0.875rem;
}
/* luci-app-dockerman */
#cbi-dockerd > .cbi-section > br,
#cbi-docker > .cbi-section > br {
display: none;
}
/* luci-app-diskman */
#cbi-diskman > .cbi-section > br {
display: none;
}
/* luci-app-istorex (Quick Start) */
#app #main #page .app-container_body .btn-f,
#app #main #page .app-container_body .btn-r {
-webkit-user-select: none; /* Safari */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+/Edge */
user-select: none; /* Standard */
width: 30px;
}
/* luci-app-ttyd */
.TTYD.node-system-terminal .main {
height: 100%!important;
}
.TTYD.node-system-terminal .main .main-right,
.TTYD.node-system-terminal .main .main-right #maincontent,
.TTYD.node-system-terminal .main .main-right #maincontent .container .cbi-map {
height: 100%!important;
display: flex!important;
flex-direction: column!important;
}
.TTYD.node-system-terminal .main .main-right #maincontent,
.TTYD.node-system-terminal .main .main-right #maincontent .container,
.TTYD.node-system-terminal .main .main-right #maincontent .container .cbi-map #terminal {
flex: 1!important;
}
@media screen and (max-width: 1600px) { @media screen and (max-width: 1600px) {
@ -3600,7 +3738,7 @@ input[name="nslookup"] {
} }
.cbi-button { .cbi-button:not(.cbi-button-up, .cbi-button-down) {
/*padding: 0.3rem 1.5rem;*/ /*padding: 0.3rem 1.5rem;*/
font-size: 0.8rem; font-size: 0.8rem;
} }
@ -3622,10 +3760,6 @@ input[name="nslookup"] {
padding: 0; padding: 0;
} }
.cbi-input-textarea {
font-size: small;
}
.node-status-iptables>.main fieldset li>a { .node-status-iptables>.main fieldset li>a {
padding: 0.3rem 0.6rem; padding: 0.3rem 0.6rem;
} }
@ -3678,30 +3812,6 @@ input[name="nslookup"] {
} }
} }
@media screen and (min-width: 600px) {
::-webkit-scrollbar {
width: 10px;
height: 10px;
}
::-webkit-scrollbar,
::-webkit-scrollbar-corner {
background: transparent;
}
::-webkit-scrollbar-thumb {
background: #9e9e9e;
}
::-webkit-scrollbar-thumb:hover {
background: #757575;
}
::-webkit-scrollbar-thumb:active {
background: #424242;
}
}
@media screen and (max-width: 992px) { @media screen and (max-width: 992px) {
.main { .main {
.main-left { .main-left {
@ -3762,6 +3872,18 @@ input[name="nslookup"] {
} }
@media screen and (max-width: 500px) {
.login-page {
.login-container {
margin-left: 0rem !important;
width: 500px;
.login-form {
max-width: 500px;
}
}
}
@media screen and (max-width: 480px) { @media screen and (max-width: 480px) {
body { body {
font-size: 0.8rem; font-size: 0.8rem;
@ -3772,19 +3894,11 @@ input[name="nslookup"] {
margin-top: 0rem !important; margin-top: 0rem !important;
} }
.login-page .video {
video {
width: auto !important;
height: 100% !important;
}
}
.login-page .login-container { .login-page .login-container {
margin-left: 0rem !important; margin-left: 0rem !important;
width: 100%; width: 100%;
.login-form { .login-form {
max-width: 480px;
.form-login { .form-login {
.input-group { .input-group {
@ -3889,13 +4003,9 @@ input[name="nslookup"] {
} }
.tabs, ::-webkit-scrollbar {
.cbi-tabmenu { width: 0px !important;
&::-webkit-scrollbar { height: 0px !important;
width: 0px;
height: 0px;
}
} }
@ -4020,4 +4130,4 @@ input[name="nslookup"] {
} }
} }
} }
} }

View File

@ -1,8 +1,8 @@
// compress: true
/** /**
* Argone is a clean HTML5 theme for LuCI. It is based on luci-theme-material and Argone Template * Argone is a clean HTML5 theme for LuCI. It is based on luci-theme-material and Argone Template
* *
* luci-theme-argone * luci-theme-argone
* Copyright 2020 Jerryk
* *
* Have a bug? Please create an issue here on GitHub! * Have a bug? Please create an issue here on GitHub!
* https://github.com/kenzok78/luci-theme-argone/issues * https://github.com/kenzok78/luci-theme-argone/issues
@ -47,6 +47,10 @@ body {
color: #adb5bd; color: #adb5bd;
} }
.border {
border-bottom: 1px var(--dark-primary) solid;
}
input { input {
background-color: transparent !important; background-color: transparent !important;
color: #adb5bd; color: #adb5bd;
@ -80,6 +84,9 @@ body {
footer { footer {
color: #adb5bd; color: #adb5bd;
a {
color: #adb5bd;
}
} }
} }
@ -102,12 +109,13 @@ header::after {
.nav { .nav {
.slide { .slide {
.slide-menu { .slide-menu {
.active { .active {
a { a {
color: #cccccc; color: #fff !important;
&::after { &::after {
background-color: #cccccc !important; background-color: var(--dark-primary) !important;
} }
} }
} }
@ -115,23 +123,34 @@ header::after {
li { li {
a { a {
color: #cccccc; color: #cccccc;
}
a:hover { &:hover {
background: none !important; background: none !important;
}
&::after {
background-color: var(--dark-primary) !important;
box-shadow: 0 0 1px #000 !important;
}
} }
} }
} }
.menu.active { .menu {
background-color: #483d8b !important; &:hover,
background-color: var(--dark-primary) !important; &.active {
color: #cccccc !important; background-color: #483d8b !important;
background-color: var(--dark-primary) !important;
a::after { color: #fff !important;
background-color: #cccccc !important; box-shadow: 0 0 1px #000 !important;
} }
} }
.menu[data-title=Status]:before,
.menu[data-title=Control]:before {
color: var(--dark-primary) !important;
}
} }
li { li {
@ -142,7 +161,7 @@ header::after {
a:hover { a:hover {
background-color: #483d8b !important; background-color: #483d8b !important;
background-color: var(--dark-primary) !important; background-color: var(--dark-primary) !important;
color: #cccccc !important; color: #fff !important;
} }
@ -154,9 +173,6 @@ header::after {
background-color: #252526 !important; background-color: #252526 !important;
} }
&::-webkit-scrollbar-track {
background-color: #333;
}
} }
.main-right { .main-right {
@ -175,18 +191,31 @@ h3 {
background: #333333; background: #333333;
} }
a:-webkit-any-link { a:link,
color: -webkit-link; a:visited,
cursor: pointer; a:active {
color: #483d8b; color: var(--dark_webkit-any-link);
color: var(--dark-primary);
} }
a:-webkit-any-link:not(li a, .main-left a, .brand, .pull-right a, .alert-message a, .login-container footer a, .cbi-button) {
color: var(--dark_webkit-any-link) !important;
text-shadow: 1px 1px 2px #000 !important;
}
input:-webkit-autofill { input:-webkit-autofill {
background-color: #3c3c3c !important; background-color: #3c3c3c !important;
} }
input[type="checkbox"]:checked {
background-color: #483d8b !important;
background-color: var(--dark-primary) !important;
}
.cbi-input-radio:checked {
background-color: #483d8b !important;
background-color: var(--dark-primary) !important;
}
.cbi-value-field .cbi-input-apply, .cbi-value-field .cbi-input-apply,
.cbi-button-apply, .cbi-button-apply,
.cbi-button-edit { .cbi-button-edit {
@ -197,14 +226,11 @@ input:-webkit-autofill {
border-color: var(--dark-primary) !important; border-color: var(--dark-primary) !important;
} }
.cbi-section em { .cbi-section em {
color: #483d8b; color: var(--dark_webkit-any-link);
color: var(--dark-primary); text-shadow: 1px 1px 2px #000;
} }
header.bg-primary { header.bg-primary {
background-color: #1e1e1e !important; background-color: #1e1e1e !important;
} }
@ -258,8 +284,8 @@ table>thead>tr>td {
#membuff>div>div>div>small, #membuff>div>div>div>small,
#conns>div>div>div>small, #conns>div>div>div>small,
#memtotal>div>div>div>small { #memtotal>div>div>div>small {
color: #ccc !important; color: #ccc !important;
text-shadow: 1px 1px 2px #000 !important;
} }
.node-system-packages>.main .cbi-section-node:first-child .cbi-value-last { .node-system-packages>.main .cbi-section-node:first-child .cbi-value-last {
@ -281,8 +307,8 @@ table>thead>tr>td {
table>tbody>tr>th, table>tbody>tr>th,
table>tfoot>tr>th, table>tfoot>tr>th,
table>thead>tr>th { table>thead>tr>th {
background-color: #252526; background-color: #252526;
border-top: none;
border-bottom: black 1px solid !important; border-bottom: black 1px solid !important;
} }
@ -321,9 +347,7 @@ table>thead>tr>th {
} }
abbr { abbr {
color: #483d8b; color: #8898aa;
color: var(--dark-primary);
} }
div>table>tbody>tr:nth-of-type(2n), div>table>tbody>tr:nth-of-type(2n),
@ -387,16 +411,6 @@ th h6, td h6 {
background-color: #00ff0a45 !important; background-color: #00ff0a45 !important;
} }
/* OCD: Compatible the background color of the "Add the node via the link" & "USE(node)" pop-up window in PassWall (dark mode only) */
#add_link_div,
#set_node_div {
background-color: #333333f0 !important;
box-shadow: #00000094 10px 10px 30px 5px !important;
}
#add_link_div>.cbi-value>.cbi-value-field>#nodes_link {
background: #ccc;
}
#content_syslog { #content_syslog {
box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, .35) box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, .35)
} }
@ -418,25 +432,26 @@ th h6, td h6 {
background-color: #252526; background-color: #252526;
} }
.tabs>li[class~="active"]>a { .tabs>li:hover,
color: #ccc;
}
.tabs>li[class~="active"], .tabs>li[class~="active"],
.tabs>li:hover { .cbi-tabmenu>li:hover,
border-bottom: 0.18751rem solid #483d8b; .cbi-tabmenu>li[class~="cbi-tab"] {
border-bottom: 0.18751rem solid var(--dark-primary); border-bottom: .18751rem solid var(--dark-primary);
color: #ccc; background-color: #3c3c3c;
background-color: #181819;
} }
.cbi-tabmenu>li>a, .tabs>li>a,
.tabs>li>a { .cbi-tabmenu>li>a {
color: #ccc; color: #ccc !important;
}
&:hover { .cbi-tabmenu>li>a:hover,
color: #ccc; .cbi-tabmenu>li:hover>a,
} .cbi-tabmenu>.cbi-tab>a,
.tabs>li>a:hover,
.tabs>li:hover>a,
.tabs>li[class~="active"]>a {
color: #fff !important;
} }
.cbi-tabmenu>li { .cbi-tabmenu>li {
@ -447,20 +462,12 @@ th h6, td h6 {
border-bottom: 0px solid #ddd !important; border-bottom: 0px solid #ddd !important;
} }
.cbi-tabmenu li[class~="cbi-tab"] a { .cbi-tab-descr {
color: #ccc; color: #ccc;
} }
.cbi-tabmenu>li:hover { .cbi-tabcontainer>.cbi-value:nth-of-type(2n),
color: #ccc; .cbi-tabcontainer>.cbi-value:nth-of-type(2n)>textarea {
background: #2d2d2d;
}
.cbi-tabmenu>li[class~="cbi-tab"] {
background-color: #181819;
}
.cbi-tabcontainer>.cbi-value:nth-of-type(2n) {
background-color: #252526; background-color: #252526;
} }
@ -476,7 +483,8 @@ input {
box-shadow: 0 3px 2px rgba(0, 0, 0, .05); box-shadow: 0 3px 2px rgba(0, 0, 0, .05);
} }
select:not([multiple="multiple"]):focus, select:not([multiple="multiple"]):hover,
input:hover,
input:focus { input:focus {
border-color: #483d8b !important; border-color: #483d8b !important;
border-color: var(--dark-primary) !important; border-color: var(--dark-primary) !important;
@ -511,13 +519,13 @@ select {
color: #ccc; color: #ccc;
} }
.cbi-input-textarea { /*textarea for dark mode*/
textarea {
border: 1px solid #3c3c3c !important;
background-color: #1e1e1e; background-color: #1e1e1e;
color: #ccc; color: #ccc;
} }
.cbi-section-remove:nth-of-type(2n), .cbi-section-remove:nth-of-type(2n),
.cbi-section-node:nth-of-type(2n) { .cbi-section-node:nth-of-type(2n) {
background-color: #1e1e1e; background-color: #1e1e1e;
@ -580,9 +588,11 @@ img[src="/luci-static/resources/icons/loading.gif"] {
} }
div.cbi-value var, div.cbi-value var,
td.cbi-value-field var { td.cbi-value-field var,
.td.cbi-value-field var {
color: #483d8b; color: #483d8b;
color: var(--dark-primary); color: var(--dark_webkit-any-link);
text-shadow: 1px 1px 2px #000;
} }
#diag-rc-output>pre { #diag-rc-output>pre {
@ -592,7 +602,7 @@ td.cbi-value-field var {
.node-services-vssr .block { .node-services-vssr .block {
background-color: #1e1e1e !important; background-color: #1e1e1e !important;
box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, .35); box-shadow: 0 0 .5rem 0 rgba(0,0,0,0.35) !important;
} }
.node-services-vssr .block h4 { .node-services-vssr .block h4 {
@ -601,8 +611,8 @@ td.cbi-value-field var {
.node-services-vssr .status-bar { .node-services-vssr .status-bar {
color: #ccc; color: #ccc;
box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, .35); background: #333333f0;
background-color: #1e1e1e; box-shadow: #00000094 10px 10px 30px 5px;
} }
.node-services-vssr .cbi-section-table-row { .node-services-vssr .cbi-section-table-row {
@ -738,6 +748,150 @@ fieldset[id^="cbi-apply-"] {
color: #ccc !important; color: #ccc !important;
} }
/* luci-app-passwall */
#cbi-passwall #add_link_div,
#cbi-passwall #set_node_div {
background: #333333f0 !important;
box-shadow: #00000094 10px 10px 30px 5px !important;
}
/* luci-app-bypass */
#cbi-bypass .status-bar {
color: #ccc;
background: #333333f0;
box-shadow: #00000094 10px 10px 30px 5px;
}
/* luci-app-clash */
#cbi-clash .cbi-section .pure-u-1-4 .pure-g,
#cbi-clash .cbi-section .siz .pure-g {
background-color: #1e1e1e !important;
box-shadow: 0 0 .5rem 0 rgba(0,0,0,0.35) !important;
}
/* luci-app-openclash */
#cbi-openclash #eye-icon,
#cbi-openclash img[title="刷新"] {
filter: invert(100%);
}
#cbi-openclash #cbi-openclash-config fieldset[control-id="ControlID-46"],
#cbi-openclash .CodeMirror-merge-copybuttons-right,
.CodeMirror-scroll {
background-color: #333333 !important;
}
#cbi-openclash .cbi-section .cbi-tabmenu li {
border-right: 1px solid #3c3c3c !important;
}
#cbi-openclash .CodeMirror-merge {
border: 1px solid transparent !important;
}
#cbi-openclash-config-clog .cbi-section {
border: 1px solid #3c3c3c !important;
}
#cbi-openclash .CodeMirror-gutters {
border-right: 1px solid #3c3c3c !important;
background-color: #1e1e1e !important;
}
/* luci-app-dockerman */
#cbi-dockerd .img-con img {
filter: invert(0.4);
}
/* luci-app-istorex (interface config[NetworkPort]) */
#cbi-nfs-mount .app-container_status-label_bg {
background: #333333;
}
#cbi-nfs-mount td svg {
filter: invert(0.3);
}
#actioner .actioner-dns {
background-color: #333333;
}
#actioner .actioner-dns_header,
#actioner .actioner-container_header {
border-bottom: 1px solid #cbcbcb !important;
}
#actioner .actioner-dns_footer {
border-top: 1px solid #cbcbcb !important;
}
/* luci-app-istorex (Network Guide) */
#app #main #page .title,
#app #main #page .desc {
color: #cccccc;
background-color: #333333;
}
#app #main #page .network-message li:not(span):not(a) {
color: #8d8d8d;
}
#app #main #page code {
background-color: #333333;
}
/* luci-app-istorex (Quick Start) */
#app #main #page .network-container_flow-container,
#app #main #page .app-container_status-container,
#app #main #page .nas-container .nas-container_card .app-container,
#app #main #page .app-container {
background-color: #333333;
}
#app #main #page .flow-data span,
#app #main #page .app-container_status-label_block span,
#app #main #page .app-container .item-label span:not(#app #main #page .app-container .progress-value span) {
color: #cccccc;
}
#app #main #page .app-container_status-info span,
#app #main #page .app-container_status-info span,
#app #main #page .app-container_title span {
color: #dddddd;
}
.app-container_body .app-container_status-label_bg {
background-color: #282828 !important;
}
#app #main #page .item-label_value .progress {
background-color: rgb(118, 118, 118);
}
#app #main #page .app-container_nas-menu button[class=""] {
background-color: #8b8b8b;
}
#app #main #page .app-container_nas-menu button[class="on"] {
background-color: #555555;
}
#app #main #page .app-container_title .DeviceBlock ul {
background-color: #cccccc;
}
#actioner div.action,
#actioner div.actioner-container {
background-color: #3c3c3c;
}
#actioner div.action .title {
color: #cccccc;
}
#actioner div.action .desc {
color: #cbcbcb;
}
#actioner div.action div.roots span,
#actioner div.action div.move span:not(span.tip),
#actioner div.action div.left span,
#actioner div.action div.input_row span,
#actioner div.label-item label span {
color: #cbcbcb;
}
#actioner div.action span.tooltip-trigger svg path {
fill: #cbcbcb;
}
#actioner div.actioner-dns_body div.label-item_value select {
height: 43px;
}
#actioner div.actioner-container_footer div.close {
color: #ffffff;
}
#app #main div.app-container div.app-container_title span a svg path,
#app #main #page span.disk_infoicon svg g {
fill: #8b8b8b;
}
@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) { @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
.login-page .login-container .login-form { .login-page .login-container .login-form {
-webkit-backdrop-filter: blur(var(--blur-radius-dark)); -webkit-backdrop-filter: blur(var(--blur-radius-dark));

View File

@ -2,6 +2,7 @@
Argone is a clean HTML5 theme for LuCI. It is based on luci-theme-material Argone Template Argone is a clean HTML5 theme for LuCI. It is based on luci-theme-material Argone Template
luci-theme-argone luci-theme-argone
Copyright 2020 Jerrykuku
Have a bug? Please create an issue here on GitHub! Have a bug? Please create an issue here on GitHub!
https://github.com/kenzok78/luci-theme-argone/issues https://github.com/kenzok78/luci-theme-argone/issues
@ -17,7 +18,7 @@
luci-theme-material: luci-theme-material:
https://github.com/LuttyYang/luci-theme-material/ https://github.com/LuttyYang/luci-theme-material/
Argon Theme Argone Theme
https://demos.creative-tim.com/argon-dashboard/index.html https://demos.creative-tim.com/argon-dashboard/index.html
Login background Login background
@ -40,9 +41,9 @@
</div> </div>
<footer> <footer>
<div class="ftc"> <div class="ftc">
<a class="luci-link" href="https://github.com/openwrt/luci">Powered by <%= ver.luciname %> <a class="luci-link" href="https://github.com/openwrt/luci" target="_blank">Powered by <%= ver.luciname %>
(<%= ver.luciversion %>)</a> / (<%= ver.luciversion %>)</a> /
<a href="https://github.com/kenzok78/luci-theme-argone">ArgoneTheme <%# vPKG_VERSION %></a> / <a href="https://github.com/kenzok78/luci-theme-argone" target="_blank">ArgoneTheme <%# vPKG_VERSION %></a> /
<%= ver.distversion %> <%= ver.distversion %>
<% if #categories > 1 then %> <% if #categories > 1 then %>
<ul class="breadcrumb pull-right" id="modemenu"> <ul class="breadcrumb pull-right" id="modemenu">
@ -58,27 +59,21 @@
</div> </div>
</div> </div>
<script> <script>
// thanks for Jo-Philipp Wich <jow@openwrt.org> if (window.innerHeight < 660) {
var winHeight = $(window).height(); document.getElementsByClassName("ftc")[0].style.display = "none";
$(window).resize(function () { } else {
if($(document.body).height() < 525 ){ document.getElementsByClassName("ftc")[0].style.display = "block";
if($(".ftc").css('display') != 'none'){ }
$(".ftc").hide()
} window.addEventListener('resize', function() {
}else{ if (window.innerHeight < 660) {
if($(".ftc").css('display') == 'none'){ document.getElementsByClassName("ftc")[0].style.display = "none";
$(".ftc").show() } else {
} document.getElementsByClassName("ftc")[0].style.display = "block";
} }
}) })
</script> </script>
<script>
if (window.orientation == 90 || window.orientation == -90) {
$(".ftc").hide()
}
</script>
<script src="<%=media%>/js/styles-argone.js<%# ?v=PKG_VERSION %>"></script> <script src="<%=media%>/js/styles-argone.js<%# ?v=PKG_VERSION %>"></script>
</body> </body>
</html> </html>

View File

@ -2,6 +2,7 @@
Argone is a clean HTML5 theme for LuCI. It is based on luci-theme-bootstrap and MUI and Argone Template Argone is a clean HTML5 theme for LuCI. It is based on luci-theme-bootstrap and MUI and Argone Template
luci-theme-argone luci-theme-argone
Copyright 2020 Jerryk
Have a bug? Please create an issue here on GitHub! Have a bug? Please create an issue here on GitHub!
https://github.com/kenzok78/luci-theme-argone/issues https://github.com/kenzok78/luci-theme-argone/issues
@ -14,7 +15,7 @@
MUI: MUI:
https://github.com/muicss/mui https://github.com/muicss/mui
Argon Theme Argone Theme
https://demos.creative-tim.com/argon-dashboard/index.html https://demos.creative-tim.com/argon-dashboard/index.html
Licensed to the public under the Apache License 2.0 Licensed to the public under the Apache License 2.0
@ -266,6 +267,7 @@
<script src="<%=resource%>/cbi.js<%# ?v=PKG_VERSION %>"></script> <script src="<%=resource%>/cbi.js<%# ?v=PKG_VERSION %>"></script>
<script src="<%=resource%>/xhr.js<%# ?v=PKG_VERSION %>"></script> <script src="<%=resource%>/xhr.js<%# ?v=PKG_VERSION %>"></script>
<script src="<%=media%>/js/jquery.min.js?v=3.5.1"></script> <script src="<%=media%>/js/jquery.min.js?v=3.5.1"></script>
<script src="<%=media%>/js/color_calc-argone.js<%# ?v=PKG_VERSION %>"></script>
</head> </head>
<body <body

View File

@ -2,6 +2,7 @@
Argone is a clean HTML5 theme for LuCI. It is based on luci-theme-bootstrap and MUI and Argone Template Argone is a clean HTML5 theme for LuCI. It is based on luci-theme-bootstrap and MUI and Argone Template
luci-theme-argone luci-theme-argone
Copyright 2020 Jerrykuku
Have a bug? Please create an issue here on GitHub! Have a bug? Please create an issue here on GitHub!
https://github.com/kenzok78/luci-theme-argone/issues https://github.com/kenzok78/luci-theme-argone/issues
@ -14,7 +15,7 @@
MUI: MUI:
https://github.com/muicss/mui https://github.com/muicss/mui
Argon Theme Argone Theme
https://demos.creative-tim.com/argon-dashboard/index.html https://demos.creative-tim.com/argon-dashboard/index.html
Licensed to the public under the Apache License 2.0 Licensed to the public under the Apache License 2.0

View File

@ -2,6 +2,7 @@
Argone is a clean HTML5 theme for LuCI. It is based on luci-theme-bootstrap and MUI and Argone Template Argone is a clean HTML5 theme for LuCI. It is based on luci-theme-bootstrap and MUI and Argone Template
luci-theme-argone luci-theme-argone
Copyright 2021 Jerryk
Have a bug? Please create an issue here on GitHub! Have a bug? Please create an issue here on GitHub!
https://github.com/kenzok78/luci-theme-argone/issues https://github.com/kenzok78/luci-theme-argone/issues
@ -14,7 +15,7 @@
MUI: MUI:
https://github.com/muicss/mui https://github.com/muicss/mui
Argon Theme Argone Theme
https://demos.creative-tim.com/argon-dashboard/index.html https://demos.creative-tim.com/argon-dashboard/index.html
Licensed to the public under the Apache License 2.0 Licensed to the public under the Apache License 2.0
@ -128,9 +129,8 @@
<div class="login-container"> <div class="login-container">
<div class="login-form"> <div class="login-form">
<!-- Logo Start --> <!-- Logo Start -->
<a class="brand" href="/"><img src="<%=media%>/img/argone.svg" class="icon"> <a class="brand" href="/"><img src="<%=media%>/img/argone.svg" class="icon"></a>
<span class="brand-text"><%=striptags( (boardinfo.hostname or "?") ) %></span> <span class="brand-text"><%=striptags( (boardinfo.hostname or "?") ) %></span>
</a>
<!-- Logo End --> <!-- Logo End -->
<!-- Login Form Start --> <!-- Login Form Start -->
<form class="form-login" method="post" action="<%=pcdata(luci.http.getenv("REQUEST_URI"))%>"> <form class="form-login" method="post" action="<%=pcdata(luci.http.getenv("REQUEST_URI"))%>">

View File

@ -5,12 +5,12 @@
include $(TOPDIR)/rules.mk include $(TOPDIR)/rules.mk
PKG_NAME:=v2rayA PKG_NAME:=v2rayA
PKG_VERSION:=2.1.3 PKG_VERSION:=2.2.0
PKG_RELEASE:=1 PKG_RELEASE:=1
PKG_SOURCE:=$(PKG_NAME)-$(PKG_VERSION).tar.gz PKG_SOURCE:=$(PKG_NAME)-$(PKG_VERSION).tar.gz
PKG_SOURCE_URL:=https://codeload.github.com/v2rayA/v2rayA/tar.gz/v$(PKG_VERSION)? PKG_SOURCE_URL:=https://codeload.github.com/v2rayA/v2rayA/tar.gz/v$(PKG_VERSION)?
PKG_HASH:=65958a02d91f849e264e409536d2fb3e4c7d2a8d3a6b82fed1b90cfaff3d6dc9 PKG_HASH:=3a87521caf830102158620313a13217534e22cd5198706ab5c0e333cf1066e6b
PKG_BUILD_DIR:=$(BUILD_DIR)/$(PKG_NAME)-$(PKG_VERSION)/service PKG_BUILD_DIR:=$(BUILD_DIR)/$(PKG_NAME)-$(PKG_VERSION)/service
PKG_LICENSE:=AGPL-3.0-only PKG_LICENSE:=AGPL-3.0-only