Update ultra.css

Added extended compatibility for :disabled.
Made theme colors for switches a variable.

Author: Natuworkguy

dist/ultra.css

@@ -14,6 +14,10 @@
     --chip-hover-color: lightblue;
 
     --switch-color: #2196f3;
+
+    --dropdown-default-color: #2196f3;
+    --dropdown-hover-color: #1976d2;
+    --dropdown-disabled-color: grey;
 }
 
 @keyframes fade-out {
@@ -67,11 +71,11 @@ button.ultra-button {
   overflow: hidden;
 }
 
-button.ultra-button:hover {
+button.ultra-button:not(:disabled):hover {
   background-color: hsl(from var(--btn-default-color) h calc(s + 20) l);
 }
 
-button.ultra-button:active {
+button.ultra-button:not(:disabled):active {
   background-color: var(--btn-default-color);
 }
 
@@ -86,11 +90,11 @@ button.ultra-button.button-wave {
   overflow: hidden;
 }
 
-button.ultra-button.button-wave:hover {
+button.ultra-button.button-wave:not(:disabled):hover {
   background-color: hsl(from var(--btn-default-color) h calc(s + 20) l);
 }
 
-button.ultra-button.button-wave:active {
+button.ultra-button.button-wave:not(:disabled):active {
   background-color: var(--btn-default-color);
 }
 
@@ -180,7 +184,7 @@ input.ultra-input::placeholder {
     user-select: none;
 }
 
-.ultra-tab.tab-disabled {
+.ultra-tab.tab-disabled, .ultra-tab:disabled {
     cursor: not-allowed;
 }
 
@@ -197,7 +201,7 @@ input.ultra-input::placeholder {
     transition: width 0.3s ease;
 }
 
-.ultra-tab.tab-disabled::after {
+.ultra-tab.tab-disabled::after, .ultra-tab:disabled::after {
     content: "";
     position: absolute;
     pointer-events: none;
@@ -210,7 +214,7 @@ input.ultra-input::placeholder {
     transition: width 0.3s ease;
 }
 
-.ultra-tab:not(.tab-disabled):active {
+.ultra-tab:not(.tab-disabled):not(:disabled):active {
     background-color: var(--tab-active-color);
 }
 
@@ -294,7 +298,7 @@ div.ultra-chip img {
 }
 
 .ultra-dropdown-btn {
-  background-color: #2196f3;
+  background-color: var(--dropdown-default-color, #2196f3);
   color: white;
   padding: 12px 16px;
   border: none;
@@ -304,8 +308,12 @@ div.ultra-chip img {
   transition: background-color 0.3s ease;
 }
 
-.ultra-dropdown-btn:hover {
-  background-color: #1976d2;
+.ultra-dropdown-btn:not(:disabled):hover {
+  background-color: var(--dropdown-hover-color, #1976d2);
+}
+
+.ultra-dropdown-btn:disabled {
+  background-color: var(--dropdown-disabled-color, grey);
 }
 
 .ultra-dropdown-content {
@@ -326,9 +334,15 @@ div.ultra-chip img {
   text-decoration: none;
   display: block;
   transition: background-color 0.2s ease;
+  cursor: pointer;
+}
+
+.ultra-dropdown-content a:disabled {
+  color: var(--dropdown-disabled-color, grey);
+  cursor: not-allowed;
 }
 
-.ultra-dropdown-content a:hover {
+.ultra-dropdown-content a:not(:disabled):hover {
   background-color: #333;
 }
 
@@ -367,6 +381,12 @@ div.ultra-chip img {
   border-radius: 34px;
 }
 
+.ultra-switch:disabled {
+  pointer-events: none;
+  opacity: 0.6;
+  cursor: not-allowed;
+}
+
 .ultra-switch-slider::before {
   position: absolute;
   content: "";