GithubFollow/One-KVM
1
0
Fork 0
mirror of https://github.com/mofeng-git/One-KVM.git synced 2025-12-12 09:10:30 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

pikvm/pikvm#1408: Additional colors for GPIO

Browse Source
This commit is contained in:
Maxim Devaev 2024-11-26 19:11:59 +02:00
parent 0cf5f8de9e
commit 7fd4dae3c6
2 changed files with 35 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
kvmd/apps/kvmd/ugpio.py
View File

@ -408,7 +408,7 @@ class UserGpio:
def __make_item_input(self, parts: list[str]) -> dict: def __make_item_input(self, parts: list[str]) -> dict:
assert len(parts) >= 1 assert len(parts) >= 1
color = (parts[1] if len(parts) > 1 else None) color = (parts[1] if len(parts) > 1 else None)
if color not in ["green", "yellow", "red"]: if color not in ["green", "yellow", "red", "blue", "cyan", "magenta", "pink", "white"]:
color = "green" color = "green"
return { return {
"type": UserGpioModes.INPUT, "type": UserGpioModes.INPUT,

38
web/share/css/led.css
View File

@ -41,6 +41,13 @@
--led-spin-slow: spin 6s linear infinite; --led-spin-slow: spin 6s linear infinite;
--led-spin-medium: spin 3s linear infinite; --led-spin-medium: spin 3s linear infinite;
--led-spin-fast: spin 2s linear infinite; --led-spin-fast: spin 2s linear infinite;
/* Additional colors for GPIO */
--led-filter-blue: invert(0.5) sepia(1) saturate(5) hue-rotate(170deg);
--led-filter-cyan: invert(0.5) sepia(1) saturate(5) hue-rotate(130deg);
--led-filter-magenta: invert(0.5) sepia(1) saturate(5) hue-rotate(200deg);
--led-filter-pink: invert(0.5) sepia(1) saturate(5) hue-rotate(300deg);
--led-filter-white: invert(1) sepia(1);
} }
img.led-gray { img.led-gray {
@ -48,19 +55,16 @@ img.led-gray {
-webkit-filter: var(--led-filter-gray); -webkit-filter: var(--led-filter-gray);
filter: var(--led-filter-gray); filter: var(--led-filter-gray);
} }
img.led-green { img.led-green {
-webkit-transform: translateZ(0); -webkit-transform: translateZ(0);
-webkit-filter: var(--led-filter-green); -webkit-filter: var(--led-filter-green);
filter: var(--led-filter-green); filter: var(--led-filter-green);
} }
img.led-red { img.led-red {
-webkit-transform: translateZ(0); -webkit-transform: translateZ(0);
-webkit-filter: var(--led-filter-red); -webkit-filter: var(--led-filter-red);
filter: var(--led-filter-red); filter: var(--led-filter-red);
} }
img.led-yellow { img.led-yellow {
-webkit-transform: translateZ(0); -webkit-transform: translateZ(0);
-webkit-filter: var(--led-filter-yellow); -webkit-filter: var(--led-filter-yellow);
@ -73,10 +77,36 @@ img.led-red-rotating-fast {
-webkit-animation: var(--led-spin-fast); -webkit-animation: var(--led-spin-fast);
animation: var(--led-spin-fast); animation: var(--led-spin-fast);
} }
img.led-yellow-rotating-fast { img.led-yellow-rotating-fast {
-webkit-filter: var(--led-filter-yellow); -webkit-filter: var(--led-filter-yellow);
filter: var(--led-filter-yellow); filter: var(--led-filter-yellow);
-webkit-animation: var(--led-spin-fast); -webkit-animation: var(--led-spin-fast);
animation: var(--led-spin-fast); animation: var(--led-spin-fast);
} }
/* Additional colors for GPIO */
img.led-blue {
-webkit-transform: translateZ(0);
-webkit-filter: var(--led-filter-blue);
filter: var(--led-filter-blue);
}
img.led-cyan {
-webkit-transform: translateZ(0);
-webkit-filter: var(--led-filter-cyan);
filter: var(--led-filter-cyan);
}
img.led-magenta {
-webkit-transform: translateZ(0);
-webkit-filter: var(--led-filter-magenta);
filter: var(--led-filter-magenta);
}
img.led-pink {
-webkit-transform: translateZ(0);
-webkit-filter: var(--led-filter-pink);
filter: var(--led-filter-pink);
}
img.led-white {
-webkit-transform: translateZ(0);
-webkit-filter: var(--led-filter-white);
filter: var(--led-filter-white);
}