diff --git a/show.php b/show.php
index 64728af..fb8f673 100644
--- a/show.php
+++ b/show.php
@@ -30,7 +30,7 @@ $endPattern             = "(?<!#)";
 preg_match_all("/$startPattern$vlanPvidPattern(?:$vlanNamePattern|$vlanDescriptionPattern|$otherPattern)*$endPattern/", $conf, $vlans, PREG_SET_ORDER);
 $interfaceAddressPattern = "interface [\w-]+(?P<member>\d+)\/0\/(?P<port>\d+)$NL";
 $pvidPattern             = " port (?:access|trunk pvid|hybrid pvid) vlan (?P<pvid>\d+)$NL";
-$portHybridPattern       = " port hybrid (?:pvid )?vlan (?:(?P<tagged>\d+)(?: [0-9a-z ]*)? tagged|(?P<untagged>\d+)(?: \d+)* untagged)$NL";
+$portHybridPattern       = " port hybrid vlan (?:(?P<tagged>\d+)(?: [\d ]*)? tagged|(?P<untagged>\d+)(?: \d+)* untagged)$NL";
 $voiceVlanPattern        = " voice-vlan (?P<voice_vlan>\d+) enable$NL";
 preg_match_all("/$startPattern$interfaceAddressPattern(?:$pvidPattern|$portHybridPattern|$voiceVlanPattern|$otherPattern)*$endPattern/", $conf, $interfaces, PREG_SET_ORDER);
 
@@ -134,16 +134,19 @@ foreach ($interfaces as $interface) {
     </footer>
     <script>
         function changeColor(pvid, color) {
-            for (let i = 0; i < customColors.sheet.cssRules.length; i++) {
-                if (customColors.sheet.cssRules[i].selectorText == `[style*="--pvid: ${pvid};"]`) {
-                    customColors.sheet.deleteRule(i)
-                }
-                if (customColors.sheet.cssRules[i].selectorText == `[style*="--tagged: ${pvid};"]`) {
+            for (let i = customColors.sheet.cssRules.length - 1; i >= 0; i--) {
+                if (
+                    (customColors.sheet.cssRules[i].selectorText == `[style*="--pvid: ${pvid};"]`)
+                    || (customColors.sheet.cssRules[i].selectorText == `[style*="--tagged: ${pvid};"]`)
+                    || (customColors.sheet.cssRules[i].selectorText == `[style*="--untagged: ${pvid};"]`)
+                ) {
                     customColors.sheet.deleteRule(i)
                 }
             }
             customColors.sheet.insertRule(`[style*="--pvid: ${pvid};"] { --pvid-color: ${color} }`)
             customColors.sheet.insertRule(`[style*="--tagged: ${pvid};"] { --tagged-color: ${color} }`)
+            customColors.sheet.insertRule(`[style*="--untagged: ${pvid};"] { --untagged-color: ${color} }`)
+            console.log(customColors.sheet.cssRules)
         }
     </script>
 </body>
diff --git a/style.css b/style.css
index ea8289f..884dd34 100644
--- a/style.css
+++ b/style.css
@@ -190,6 +190,8 @@ main {
 .hybrid {
   --tagged: 0;
   --tagged-color: hsl(calc(var(--hue) * var(--tagged)) var(--saturation) var(--lightness));
+  --untagged: var(--pvid);
+  --untagged-color: hsl(calc(var(--hue) * var(--untagged)) var(--saturation) var(--lightness));
   background-image: linear-gradient(145deg, transparent 50%, var(--tagged-color) 50%);
 }