ISSUE #1656: Fix ActivityGrid widget tabs consistency

Author: robiningelbrecht

public/css/dist/tailwind.min.css

@@ -4106,11 +4106,6 @@
       border-color: var(--color-gray-700);
     }
   }
-  .dark\:border-red-500 {
-    @media (prefers-color-scheme: dark) {
-      border-color: var(--color-red-500);
-    }
-  }
   .dark\:border-transparent {
     @media (prefers-color-scheme: dark) {
       border-color: transparent;
@@ -4152,11 +4147,6 @@
       }
     }
   }
-  .dark\:bg-red-100 {
-    @media (prefers-color-scheme: dark) {
-      background-color: var(--color-red-100);
-    }
-  }
   .dark\:text-blue-500 {
     @media (prefers-color-scheme: dark) {
       color: var(--color-blue-500);
@@ -4177,42 +4167,11 @@
       color: var(--color-gray-500);
     }
   }
-  .dark\:text-red-500 {
-    @media (prefers-color-scheme: dark) {
-      color: var(--color-red-500);
-    }
-  }
   .dark\:text-white {
     @media (prefers-color-scheme: dark) {
       color: var(--color-white);
     }
   }
-  .dark\:placeholder-gray-400 {
-    @media (prefers-color-scheme: dark) {
-      &::placeholder {
-        color: var(--color-gray-400);
-      }
-    }
-  }
-  .dark\:placeholder-red-500 {
-    @media (prefers-color-scheme: dark) {
-      &::placeholder {
-        color: var(--color-red-500);
-      }
-    }
-  }
-  .dark\:ring-offset-gray-800 {
-    @media (prefers-color-scheme: dark) {
-      --tw-ring-offset-color: var(--color-gray-800);
-    }
-  }
-  .dark\:peer-focus\:ring-blue-800 {
-    @media (prefers-color-scheme: dark) {
-      &:is(:where(.peer):focus ~ *) {
-        --tw-ring-color: var(--color-blue-800);
-      }
-    }
-  }
   .dark\:hover\:bg-blue-700 {
     @media (prefers-color-scheme: dark) {
       &:hover {
@@ -4231,15 +4190,6 @@
       }
     }
   }
-  .dark\:hover\:bg-gray-700 {
-    @media (prefers-color-scheme: dark) {
-      &:hover {
-        @media (hover: hover) {
-          background-color: var(--color-gray-700);
-        }
-      }
-    }
-  }
   .dark\:hover\:bg-gray-800 {
     @media (prefers-color-scheme: dark) {
       &:hover {
@@ -4276,34 +4226,6 @@
       }
     }
   }
-  .dark\:focus\:border-blue-500 {
-    @media (prefers-color-scheme: dark) {
-      &:focus {
-        border-color: var(--color-blue-500);
-      }
-    }
-  }
-  .dark\:focus\:border-red-500 {
-    @media (prefers-color-scheme: dark) {
-      &:focus {
-        border-color: var(--color-red-500);
-      }
-    }
-  }
-  .dark\:focus\:ring-blue-500 {
-    @media (prefers-color-scheme: dark) {
-      &:focus {
-        --tw-ring-color: var(--color-blue-500);
-      }
-    }
-  }
-  .dark\:focus\:ring-blue-600 {
-    @media (prefers-color-scheme: dark) {
-      &:focus {
-        --tw-ring-color: var(--color-blue-600);
-      }
-    }
-  }
   .dark\:focus\:ring-blue-800 {
     @media (prefers-color-scheme: dark) {
       &:focus {
@@ -4318,27 +4240,6 @@
       }
     }
   }
-  .dark\:focus\:ring-gray-700 {
-    @media (prefers-color-scheme: dark) {
-      &:focus {
-        --tw-ring-color: var(--color-gray-700);
-      }
-    }
-  }
-  .dark\:focus\:ring-red-500 {
-    @media (prefers-color-scheme: dark) {
-      &:focus {
-        --tw-ring-color: var(--color-red-500);
-      }
-    }
-  }
-  .dark\:disabled\:text-gray-400 {
-    @media (prefers-color-scheme: dark) {
-      &:disabled {
-        color: var(--color-gray-400);
-      }
-    }
-  }
   .\[\&\.disabled\]\:bg-gray-100 {
     &.disabled {
       background-color: var(--color-gray-100);

public/css/tailwind.output.css

@@ -259,11 +259,11 @@
 {# Class #}
 
 {% block class_label -%}
-    block mb-2 text-sm font-medium text-gray-900 dark:text-white
+    block mb-2 text-sm font-medium text-gray-900
 {%- endblock class_label %}
 
 {% block class_input_radio_label -%}
-    ml-2 text-sm font-medium text-gray-900 dark:text-gray-300
+    ml-2 text-sm font-medium text-gray-900
 {%- endblock class_input_radio_label %}
 
 {% block class_input_switch_label -%}
@@ -275,27 +275,27 @@
 {%- endblock class_input_switch_label_container %}
 
 {% block class_input_text -%}
-    text-gray-900 bg-gray-50 rounded-lg text-sm block w-full p-2.5 border border-gray-300 focus:z-10 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:text-white dark:placeholder-gray-400 dark:focus:ring-blue-500 dark:focus:border-blue-500
+    text-gray-900 bg-gray-50 rounded-lg text-sm block w-full p-2.5 border border-gray-300 focus:z-10 focus:ring-blue-500 focus:border-blue-500
 {%- endblock class_input_text %}
 
 {% block class_input_range -%}
-    w-full h-2 bg-gray-200 rounded-lg appearance-none cursor-pointer dark:bg-gray-700
+    w-full h-2 bg-gray-200 rounded-lg appearance-none cursor-pointer
 {%- endblock class_input_range %}
 
 {% block class_input_file -%}
-    block w-full text-sm text-gray-900 border border-gray-300 rounded-lg cursor-pointer bg-gray-50 dark:text-gray-400 focus:outline-none dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400
+    block w-full text-sm text-gray-900 border border-gray-300 rounded-lg cursor-pointer bg-gray-50
 {%- endblock class_input_file %}
 
 {% block class_input_radio -%}
-    w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600
+    w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 focus:ring-blue-500
 {%- endblock class_input_radio %}
 
 {% block class_input_checkbox -%}
     rounded {{ block('class_input_radio') }}
 {%- endblock class_input_checkbox %}
 
 {% block class_input_switch -%}
-    relative w-11 h-6 bg-gray-200 rounded-full peer peer-focus:ring-2 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 dark:bg-gray-700 dark:border-gray-600 peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-0.5 after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all peer-checked:bg-blue-600
+    relative w-11 h-6 bg-gray-200 rounded-full peer peer-focus:ring-2 peer-focus:ring-blue-300 peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-0.5 after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all peer-checked:bg-blue-600
 {%- endblock class_input_switch %}
 
 {% block class_select -%}
@@ -307,19 +307,19 @@
 {%- endblock class_textarea %}
 
 {% block class_button -%}
-    text-gray-900 bg-white font-medium rounded-lg text-sm px-5 py-2.5 mr-2 mb-2 border border-gray-200 hover:text-blue-700 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:bg-gray-800 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700 dark:focus:ring-gray-700
+    text-gray-900 bg-white font-medium rounded-lg text-sm px-5 py-2.5 mr-2 mb-2 border border-gray-200 hover:text-blue-700 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200
 {%- endblock class_button %}
 
 {% block class_submit -%}
-    text-white bg-blue-700 font-medium rounded-lg text-sm px-5 py-2.5 mr-2 mb-2 hover:bg-blue-800 focus:outline-none focus:ring-2 focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800
+    text-white bg-blue-700 font-medium rounded-lg text-sm px-5 py-2.5 mr-2 mb-2 hover:bg-blue-800 focus:outline-none focus:ring-2 focus:ring-blue-300
 {%- endblock class_submit %}
 
 {% block class_time_separator -%}
-    inline-flex items-center px-3 text-sm text-gray-900 bg-gray-200 border border-x-0 border-gray-300 dark:bg-gray-600 dark:text-gray-400 dark:border-gray-600
+    inline-flex items-center px-3 text-sm text-gray-900 bg-gray-200 border border-x-0 border-gray-300
 {%- endblock class_time_separator %}
 
 {% block class_addon -%}
-    inline-flex items-center px-3 text-sm text-gray-900 bg-gray-200 border border-gray-300 dark:bg-gray-600 dark:text-gray-400 dark:border-gray-600
+    inline-flex items-center px-3 text-sm text-gray-900 bg-gray-200 border border-gray-300
 {%- endblock class_addon %}
 
 {% block class_widget_addon_prepend -%}
@@ -339,29 +339,29 @@
 {%- endblock class_addon_append %}
 
 {% block class_help_text -%}
-    mt-2 text-sm text-gray-500 dark:text-gray-400
+    mt-2 text-sm text-gray-500
 {%- endblock class_help_text %}
 
 {% block class_label_error -%}
-    block mb-2 text-sm font-medium text-red-600 dark:text-red-500
+    block mb-2 text-sm font-medium text-red-600
 {%- endblock class_label_error %}
 
 {% block class_input_radio_label_error -%}
-    ml-2 text-sm font-medium text-red-600 dark:text-red-500
+    ml-2 text-sm font-medium text-red-600
 {%- endblock class_input_radio_label_error %}
 
 {% block class_input_switch_label_error -%}
     {{ block('class_input_radio_label_error') }}
 {%- endblock class_input_switch_label_error %}
 
 {% block class_input_error -%}
-    bg-red-50 border-red-500 text-red-900 placeholder-red-700 dark:bg-red-100 dark:border-red-500 dark:text-red-500 dark:placeholder-red-500 focus:z-10 focus:ring-red-500 focus:border-red-500 dark:focus:ring-red-500 dark:focus:border-red-500
+    bg-red-50 border-red-500 text-red-900 placeholder-red-700 focus:z-10 focus:ring-red-500 focus:border-red-500
 {%- endblock class_input_error %}
 
 {% block class_text_error -%}
-    mt-2 text-sm text-red-600 dark:text-red-500
+    mt-2 text-sm text-red-600
 {%- endblock class_text_error %}
 
 {% block class_input_disabled -%}
-    disabled:bg-gray-100 disabled:border-gray-300 disabled:cursor-not-allowed dark:disabled:text-gray-400
+    disabled:bg-gray-100 disabled:border-gray-300 disabled:cursor-not-allowed
 {%- endblock class_input_disabled %}