Allow filtering of the environment labels and their meta data

README.md

@@ -191,6 +191,22 @@ Define `TENUP_DISABLE_ACTIVITYLOG` as `true` to disable Activity Log.
 
 To enhance user awareness and minimize the risk of making unintended changes, 10up Experience includes a visual indicator integrated into the admin bar. This feature clearly displays which environment (e.g., development, staging, production) the user is currently working in.
 
+#### Filters
+
+- `tenup_experience_environments`
+
+Allows customization of environment indicator labels, icons, and colors for the four supported WordPress environment types (production, staging, development, local).
+
+**Example:**
+
+```php
+add_filter( 'tenup_experience_environments', function( $environments ) {
+    $environments['staging']['icon'] = 'dashicons-star-filled';
+    $environments['staging']['background_color'] = '#ff6b00';
+    return $environments;
+} );
+```
+
 
 ### Comments
 

assets/css/admin.css

@@ -10,46 +10,3 @@
 	height: 32px;
 	width: 20px;
 }
-
-/* Environment Indicator Styling */
-.tenup-experience-environment-indicator {
-	color: #fff;
-	pointer-events: none;
-}
-
-.tenup-experience-environment-indicator--production {
-	background-color: #b92a2a !important;
-}
-
-.tenup-experience-environment-indicator--staging {
-	background-color: #d79d00 !important;
-}
-
-.tenup-experience-environment-indicator--development {
-	background-color: #34863b !important;
-}
-
-.tenup-experience-environment-indicator--local {
-	background-color: #0073aa !important;
-}
-
-.tenup-experience-environment-indicator .ab-icon::before {
-	content: "\f174";
-	top: 3px;
-}
-
-.tenup-experience-environment-indicator--production .ab-icon::before {
-	content: "\f319";
-}
-
-.tenup-experience-environment-indicator--staging .ab-icon::before {
-	content: "\f111";
-}
-
-.tenup-experience-environment-indicator--development .ab-icon::before {
-	content: "\f107";
-}
-
-.tenup-experience-environment-indicator--local .ab-icon::before {
-	content: "\f102";
-}

dist/css/admin.asset.php

@@ -1 +1 @@
-<?php return array('dependencies' => array(), 'version' => 'ff828bb7ea0e2d76d8ea');
+<?php return array('dependencies' => array(), 'version' => '9c247eb8cd54451023c8');

dist/css/passwords-styles.asset.php

@@ -1 +1 @@
-<?php return array('dependencies' => array(), 'version' => '42ff815e0022e137ff3a');
+<?php return array('dependencies' => array(), 'version' => 'ea6cee1408ca8733c5eb');

dist/css/passwords-styles.css

@@ -1,18 +1 @@
-/*!******************************************************************************************************************************************************************************!*\
-  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./assets/css/passwords.css ***!
-  \******************************************************************************************************************************************************************************/
-.pw-weak {
-	display: none !important;
-}
-
-#login p.description.indicator-hint {
-	margin-top: 12px;
-}
-
-.pw-message {
-	color: #666; /* stylelint-disable-line sh-waqar/declaration-use-variable */
-	font-style: italic;
-}
-
-
-/*# sourceMappingURL=passwords-styles.css.map*/
+.pw-weak{display:none!important}#login p.description.indicator-hint{margin-top:12px}.pw-message{color:#666;font-style:italic}

dist/css/tenup-pages.asset.php

@@ -1 +1 @@
-<?php return array('dependencies' => array(), 'version' => '67ef8cc6a25ac4c9264d');
+<?php return array('dependencies' => array(), 'version' => 'c553b0877dc085aaae4d');

dist/js/notices.asset.php

@@ -1 +1 @@
-<?php return array('dependencies' => array('jquery'), 'version' => 'eee016358ed86555bc87');
+<?php return array('dependencies' => array('jquery'), 'version' => '4d01ee8c6266942b7267');