diff --git a/kvmd/web/css/main.css b/kvmd/web/css/main.css index 95eee02e..70e34f2c 100644 --- a/kvmd/web/css/main.css +++ b/kvmd/web/css/main.css @@ -21,22 +21,28 @@ img.stream-image-inactive { filter: grayscale(100%); } -div#atx-power-led, div#hid-mouse-led, div#msd-led { - font-weight: bold; - font-size: 150%; +img#atx-power-led, +img#hid-mouse-led, +img#msd-led, +img#atx-hdd-led, +img#stream-led, +img#hid-keyboard-led { + height: 24px; } -div#atx-hdd-led, div#stream-led, div#hid-keyboard-led { - font-size: 150%; +img.led-on { + filter: invert(.5) sepia(1) saturate(5) hue-rotate(100deg); } -div.led-on { - color: #00ce00; +img.led-off { + filter: invert(.5); } -div.led-off { - color: grey; -} -div.led-busy { - color: #ff373a; +img.led-busy { + /*color: #ff373a;*/ + filter: invert(.5) sepia(1) saturate(15) hue-rotate(320deg); } -button#stream-reset-button button#atx-power-button, button#atx-reset-button { +button#stream-reset-button, +button#atx-power-button, +button#atx-power-button-long, +button#atx-reset-button { + height: 24px; } diff --git a/kvmd/web/index.html b/kvmd/web/index.html index 76c94c2f..77e3a489 100644 --- a/kvmd/web/index.html +++ b/kvmd/web/index.html @@ -19,15 +19,15 @@
- Loading... + Loading...
- + - + - + @@ -36,11 +36,11 @@
🖵
  
⌨
  
🖰
   
- - + + + + - diff --git a/kvmd/web/svg/atx-hdd-led.svg b/kvmd/web/svg/atx-hdd-led.svg new file mode 100644 index 00000000..75987570 --- /dev/null +++ b/kvmd/web/svg/atx-hdd-led.svg @@ -0,0 +1,82 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + diff --git a/kvmd/web/svg/atx-power-led.svg b/kvmd/web/svg/atx-power-led.svg new file mode 100644 index 00000000..b82af7bc --- /dev/null +++ b/kvmd/web/svg/atx-power-led.svg @@ -0,0 +1,71 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + diff --git a/kvmd/web/svg/hid-keyboard-led.svg b/kvmd/web/svg/hid-keyboard-led.svg new file mode 100644 index 00000000..dc17c615 --- /dev/null +++ b/kvmd/web/svg/hid-keyboard-led.svg @@ -0,0 +1,71 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + diff --git a/kvmd/web/svg/hid-mouse-led.svg b/kvmd/web/svg/hid-mouse-led.svg new file mode 100644 index 00000000..b922bdde --- /dev/null +++ b/kvmd/web/svg/hid-mouse-led.svg @@ -0,0 +1,71 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + diff --git a/kvmd/web/svg/msd-led.svg b/kvmd/web/svg/msd-led.svg new file mode 100644 index 00000000..a8da7092 --- /dev/null +++ b/kvmd/web/svg/msd-led.svg @@ -0,0 +1,82 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + diff --git a/kvmd/web/svg/stream-led.svg b/kvmd/web/svg/stream-led.svg new file mode 100644 index 00000000..8dfbfbe3 --- /dev/null +++ b/kvmd/web/svg/stream-led.svg @@ -0,0 +1,71 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + +
⏻
🖴