fix(Logging): broken toggle button styling

Author: danyill

src/Logging.ts

@@ -320,6 +320,22 @@ export function Logging<TBase extends LitElementConstructor>(Base: TBase) {
             display: flex;
           }
 
+          #infofilter[on] {
+            color: var(--cyan);
+          }
+
+          #warningfilter[on] {
+            color: var(--yellow);
+          }
+
+          #errorfilter[on] {
+            color: var(--red);
+          }
+
+          #actionfilter[on] {
+            color: var(--blue);
+          }
+
           #log {
             --mdc-dialog-min-width: 92vw;
           }

src/icons/icons.ts

@@ -132,7 +132,6 @@ export function getFilterIcon(type: iconType, state: boolean): TemplateResult {
   const width = iconProperties[type]?.width ?? 24;
   return html`<svg
     slot="${state ? 'onIcon' : 'offIcon'}"
-    style="${state ? `color:var(${iconColors[type]})` : ''})"
     xmlns="http://www.w3.org/2000/svg"
     height="${height}"
     viewBox="0 0 ${width} ${height}"