cwx/op-packages
1
0 Fork 0
mirror of https://github.com/kiddin9/op-packages.git synced 2026-11-01 13:03:56 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

⛅ Sync 2026-05-03 20:20:03

Browse Source
This commit is contained in:
github-actions[bot] committed 2026-05-03 20:20:03 +08:00
1 parent 3dae6d0119
commit dac242c7dc
72 files changed
+5840 -4686
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

luci-theme-material3/Readme.md
+34 -15
View File
@@ -1,7 +1,7 @@
# luci-theme-material3
A Material Design 3 theme for OpenWrt Luci.
This is a personal project based on the LuCI Bootstrap theme, imitating the Material Design 3 style. Since I'm not very familiar with web theme design, the CSS code might be a bit messy. Some of the project code was completed with the assistance of Cursor AI.
This is a personal project based on the LuCI Bootstrap theme, imitating the Material Design 3 style.
**Nice to initiate an issue or PR!**
## ✨ Preview
@@ -11,31 +11,50 @@ This is a personal project based on the LuCI Bootstrap theme, imitating the Mate
<th>📱 Mobile</th>
</tr>
<tr>
<td><img src="imgs/md3-desktop-overview.jpg" style="max-height: 600px;" /></td>
<td><img src="imgs/md3-mobile-overview.jpg" style="max-height: 600px;" /></td>
<td><img src="imgs/desktop.png" style="max-height: 600px;" /></td>
<td><img src="imgs/mobile.png" style="max-height: 600px;" /></td>
</tr>
</table>
### 🎨 All color schemes
<table>
<tr>
<td><img src="imgs/md3-mobile-default.jpg" /></td>
<td><img src="imgs/md3-mobile-blue.jpg" /></td>
<td><img src="imgs/md3-mobile-green.jpg" /></td>
<td><img src="imgs/md3-mobile-red.jpg" /></td>
<th>Baseline Purple</th>
<th>Trust Blue</th>
<th>Growth Green</th>
</tr>
<tr>
<td><img src="imgs/baseline.jpg" /></td>
<td><img src="imgs/blue.jpg" /></td>
<td><img src="imgs/green.jpg" /></td>
</tr>
<tr>
<th>Calm Teal</th>
<th>Warm Orange</th>
<th>Vivid Orange</th>
</tr>
<tr>
<td><img src="imgs/teal.jpg" /></td>
<td><img src="imgs/orange.jpg" /></td>
<td><img src="imgs/vivid-orange.jpg" /></td>
</tr>
<tr>
<th>Sakura Red</th>
<th>Expressive Rose</th>
<th>Monochrome Gray</th>
</tr>
<tr>
<td><img src="imgs/sakura.jpg" /></td>
<td><img src="imgs/rose.jpg" /></td>
<td><img src="imgs/gray.jpg" /></td>
</tr>
</table>
## 📝 ToDo
- [X] Dark themes
- [ ] Fix some style issues
- [ ] Add more color schemes
- [ ] Improve to be closer to MD3 principles
- [ ] Optimize CSS...
## 🙏 Credits
- [OpenWrt Luci](https://github.com/openwrt/luci)
- [Cursor](https://www.cursor.com/)
- [OpenAI Codex](https://openai.com/codex/)
- [MDUI](https://www.mdui.org/zh-cn/)
- [Fluent UI System Icons](https://github.com/microsoft/fluentui-system-icons)
- [Material Design 3](https://m3.material.io/)
- [Reddit - LuCI theme bootstrap: Some modifications using userstyle](https://www.reddit.com/r/openwrt/comments/qmtmpf/lucithemebootstrap_some_modifications_using/)
- [Reddit - LuCI theme bootstrap: Some modifications using userstyle](https://www.reddit.com/r/openwrt/comments/qmtmpf/lucithemebootstrap_some_modifications_using/)