This is an automated email from the ASF dual-hosted git repository.
bamaer pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/hop.git
The following commit(s) were added to refs/heads/main by this push:
new 87808c61d8 Add an icon representing the database type in the
“Database” perspective #8318 (#8319)
87808c61d8 is described below
commit 87808c61d81163c9972cc2f99fed59ad654f11d7
Author: Nicolas Adment <[email protected]>
AuthorDate: Fri Sep 11 20:17:25 2026 +0200
Add an icon representing the database type in the “Database” perspective
#8318 (#8319)
Add a notification icon to the configuration and the dialog box.
Improve the notification icons for dark mode.
---
.../databases/informix/InformixDatabaseMeta.java | 1 +
.../informix/src/main/resources/informix.svg | 20 +++++++++++++
.../mariadb/src/main/resources/mariadb.svg | 33 ++++++++++++++--------
.../org/apache/hop/ui/core/gui/GuiResource.java | 4 +++
.../ui/hopgui/notifications/NotificationPanel.java | 1 +
.../config/NotificationConfigPlugin.java | 25 ++++++++--------
.../config/NotificationSourceDialog.java | 2 +-
.../perspective/database/DatabaseWorkbench.java | 3 +-
.../ui/images/notification-bell-unread.svg | 16 +++--------
.../main/resources/ui/images/notification-bell.svg | 14 ++-------
10 files changed, 69 insertions(+), 50 deletions(-)
diff --git
a/plugins/databases/informix/src/main/java/org/apache/hop/databases/informix/InformixDatabaseMeta.java
b/plugins/databases/informix/src/main/java/org/apache/hop/databases/informix/InformixDatabaseMeta.java
index 26b5f92152..c509dbea90 100644
---
a/plugins/databases/informix/src/main/java/org/apache/hop/databases/informix/InformixDatabaseMeta.java
+++
b/plugins/databases/informix/src/main/java/org/apache/hop/databases/informix/InformixDatabaseMeta.java
@@ -33,6 +33,7 @@ import org.apache.hop.core.row.IValueMeta;
@DatabaseMetaPlugin(
type = "INFORMIX",
typeDescription = "Informix",
+ image = "informix.svg",
documentationUrl = "/database/databases/informix.html",
classLoaderGroup = "informix-db")
@GuiPlugin(id = "GUI-InformixDatabaseMeta")
diff --git a/plugins/databases/informix/src/main/resources/informix.svg
b/plugins/databases/informix/src/main/resources/informix.svg
new file mode 100644
index 0000000000..39ebab7cd2
--- /dev/null
+++ b/plugins/databases/informix/src/main/resources/informix.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg"; viewBox="0 0 24 24">
+<path fill="#054ADA"
d="M11.98,0.5C5.698,0.5,0.605,5.636,0.605,11.975c0,6.337,5.093,11.475,11.375,11.475
+ s11.374-5.138,11.374-11.475C23.354,5.636,18.263,0.5,11.98,0.5z
M19.64,18.553h-4.188c-0.213,0.012-0.417-0.085-0.544-0.26
+
c-0.966-1.148-1.948-2.295-2.924-3.441c-0.998,1.171-1.989,2.333-2.973,3.495c-0.084,0.133-0.229,0.211-0.384,0.209H3.961
+
c0.259-0.309,0.487-0.584,0.724-0.862c0.083-0.101,0.199-0.065,0.301-0.065c0.488,0,0.976-0.018,1.463,0
+
c0.247,0.034,0.493-0.076,0.632-0.288c0.146-0.195,0.304-0.384,0.469-0.563H5.48c0.242-0.295,0.446-0.535,0.641-0.782
+
c0.092-0.114,0.214-0.093,0.334-0.093c0.497,0,0.996-0.019,1.493,0c0.228,0.03,0.451-0.076,0.577-0.27
+
c0.137-0.187,0.297-0.357,0.488-0.576H7.034c0.152-0.532,0.631-0.901,1.18-0.91h0.801c0.905,0,0.927-0.016,1.447-0.849H8.423
+
l0.689-0.82c0.083-0.099,0.202-0.069,0.306-0.069h1.604c0.193,0,0.595-0.3,0.592-0.435c-0.003-0.135-0.414-0.43-0.6-0.431
+
c-0.487,0-0.975-0.016-1.462,0c-0.251,0.035-0.502-0.082-0.639-0.3c-0.131-0.188-0.301-0.359-0.487-0.579h2.092
+
c-0.238-0.284-0.438-0.515-0.625-0.753C9.804,9.794,9.689,9.807,9.569,9.807c-0.487,0-0.974-0.013-1.463,0
+
c-0.25,0.036-0.5-0.075-0.641-0.287C7.331,9.333,7.162,9.157,6.977,8.93h2.077C8.787,8.612,8.577,8.363,8.369,8.12
+
c-0.083-0.1-0.203-0.069-0.308-0.069c-0.487,0-0.975-0.02-1.462,0C6.346,8.083,6.099,7.964,5.964,7.747
+
C5.839,7.559,5.678,7.403,5.499,7.181h2.07L6.881,6.376C6.798,6.278,6.679,6.317,6.573,6.317c-0.497,0-0.996-0.013-1.492,0
+
C4.867,6.346,4.657,6.249,4.539,6.068C4.374,5.85,4.198,5.64,4.014,5.44c0.039-0.101,0.124-0.056,0.179-0.056h4.375
+
c0.177-0.006,0.345,0.078,0.449,0.223c0.975,1.157,1.962,2.309,2.96,3.478c0.891-1.042,1.785-2.058,2.641-3.114
+
c0.283-0.416,0.767-0.645,1.268-0.6c1.347,0.053,2.695,0.016,4.112,0.016c-0.511,0.602-0.987,1.169-1.462,1.734
+
c-1.315,1.545-2.628,3.09-3.953,4.626c-0.183,0.213-0.072,0.313,0.052,0.457c1.777,2.085,3.554,4.171,5.376,6.313L19.64,18.553z"/>
+</svg>
diff --git a/plugins/databases/mariadb/src/main/resources/mariadb.svg
b/plugins/databases/mariadb/src/main/resources/mariadb.svg
index f2607a0a23..2fa599f6b3 100644
--- a/plugins/databases/mariadb/src/main/resources/mariadb.svg
+++ b/plugins/databases/mariadb/src/main/resources/mariadb.svg
@@ -1,12 +1,21 @@
-<svg xmlns="http://www.w3.org/2000/svg";
xmlns:xlink="http://www.w3.org/1999/xlink"; width="64" height="64"
- viewBox="0 0 45.025 44.217">
- <defs>
- <clipPath id="A">
- <use xlink:href="#B"/>
- </clipPath>
- <path id="B" d="M0 0h191.356v57.344H0z"/>
- </defs>
- <path clip-path="url(#A)"
- d="M75.198 5.328c-1.872.047-2.977.863-3.34 2.42.48.418 1.126.6
1.77.572 1.415-.06 2.817-1.138 2.42-2.965-.298-.025-.582-.035-.85-.027M84.84
0h-.167c-1.335.043-1.542.767-4.425 1.477-2.912.717-5.725.028-8.86 1.344C62.025
6.748 60.03 20.293 51.52 25.1c-6.36 3.593-12.512 5.188-18.28 6.995-3.792
1.188-7.552 2.556-10.988 5.516-2.667 2.3-3.4 4.085-6.177 6.97-2.835
2.933-11.553-2.258-15.8 1.54a.84.84 0 0 0 .014 1.253c.92.805 2.67 2.722 4.336
3.314-.528 1-3.513 3.946-2.904 5.42.64 1.55 [...]
- transform="matrix(.52012 0 0 .52012 0 7.19564)" fill="#444b5e"/>
-</svg>
\ No newline at end of file
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg"; width="24px" height="24px">
+<path fill="#003545"
d="M23.815,3.115c-0.064-0.063-0.146-0.095-0.23-0.092c-0.23,0-0.529,0.184-0.688,0.276c-0.028,0.017-0.05,0.029-0.064,0.037
+
c-0.268,0.153-0.56,0.24-0.858,0.256c-0.305,0.011-0.569,0.032-0.912,0.073c-2.037,0.245-2.94,2.044-3.814,3.788
+
c-0.477,0.947-0.967,1.927-1.641,2.688c-0.14,0.155-0.288,0.302-0.443,0.435c-0.697,0.6-1.572,1.024-2.255,1.327
+
c-0.657,0.291-1.372,0.551-2.064,0.803c-0.635,0.23-1.23,0.449-1.781,0.684c-0.248,0.107-0.459,0.184-0.645,0.26
+
c-0.5,0.193-0.863,0.333-1.389,0.75c-0.207,0.163-0.412,0.34-0.556,0.473c-0.418,0.387-0.788,0.837-1.099,1.341
+
c-0.267,0.464-0.575,0.896-0.92,1.285c-0.111,0.126-0.309,0.183-0.604,0.183c-0.347,0-0.767-0.082-1.212-0.169
+
c-0.458-0.092-0.932-0.184-1.339-0.184c-0.331,0-0.583,0.062-0.773,0.188c0,0-0.317,0.216-0.451,0.493l0.131,0.068
+
c0.204,0.127,0.394,0.283,0.564,0.465c0.176,0.19,0.373,0.352,0.584,0.48c0.068,0.034,0.129,0.08,0.181,0.142
+
c-0.056,0.09-0.138,0.215-0.223,0.345c-0.47,0.71-0.743,1.157-0.586,1.402c0.073,0.045,0.156,0.067,0.238,0.065
+
c1.023,0,1.573-0.309,2.269-0.699c0.202-0.11,0.409-0.229,0.647-0.347c0.406-0.204,0.845-0.528,1.308-0.874
+
c0.614-0.458,1.249-0.928,1.864-1.157c0.507-0.179,1.034-0.263,1.564-0.254c0.653,0,1.335,0.103,1.996,0.2
+
c0.493,0.072,1.002,0.147,1.501,0.181c0.196,0.017,0.375,0.023,0.55,0.023c0.233,0,0.469-0.014,0.7-0.043l0.056-0.023
+
c0.351-0.249,0.516-0.784,0.675-1.302c0.103-0.332,0.188-0.632,0.321-0.824c0.008-0.011,0.018-0.019,0.026-0.026
+
c0.014-0.009,0.03-0.005,0.04,0.008c0,0,0,0.005,0,0.013c-0.083,2.025-0.785,3.31-1.498,4.451l-0.477,0.59c0,0,0.666,0,1.045-0.168
+
c1.382-0.479,2.426-1.534,3.186-3.212c0.188-0.432,0.354-0.875,0.501-1.325c0.014-0.038,0.134-0.108,0.122,0.087
+
c0,0.058-0.007,0.12-0.012,0.184l0,0c0,0.039-0.005,0.08-0.005,0.119c-0.021,0.276-0.08,0.878-0.08,0.878l0.427-0.264
+
c1.032-0.754,1.825-2.271,2.426-4.631c0.25-0.985,0.434-1.962,0.595-2.823c0.193-1.031,0.361-1.921,0.556-2.265
+
c0.3-0.541,0.758-0.907,1.2-1.26l0.181-0.146c0.557-0.452,1.111-0.974,1.234-1.947V4.097C23.977,3.386,23.901,3.201,23.815,3.115z"/>
+</svg>
diff --git a/ui/src/main/java/org/apache/hop/ui/core/gui/GuiResource.java
b/ui/src/main/java/org/apache/hop/ui/core/gui/GuiResource.java
index eb835fc51f..6d4af46be6 100644
--- a/ui/src/main/java/org/apache/hop/ui/core/gui/GuiResource.java
+++ b/ui/src/main/java/org/apache/hop/ui/core/gui/GuiResource.java
@@ -231,6 +231,7 @@ public class GuiResource {
@Getter private Image imageLocation;
@Getter private Image imageMaximizePanel;
@Getter private Image imageMinimizePanel;
+ @Getter private Image imageNotification;
@Getter private Image imageDetachPanel;
@Getter private Image imageDockPanel;
@Getter private Image imageMarketplace;
@@ -551,6 +552,7 @@ public class GuiResource {
disposeImage(imageNavigateForward);
disposeImage(imageNavigateUp);
disposeImage(imageNote);
+ disposeImage(imageNotification);
disposeImage(imagePaste);
disposeImage(imagePause);
disposeImage(imagePlugin);
@@ -793,6 +795,8 @@ public class GuiResource {
imageDockPanel = loadAsResource(display, "ui/images/dock-panel.svg",
ConstUi.SMALL_ICON_SIZE);
imageNew = loadAsResource(display, "ui/images/new.svg",
ConstUi.SMALL_ICON_SIZE);
imageNote = loadAsResource(display, "ui/images/note.svg",
ConstUi.SMALL_ICON_SIZE);
+ imageNotification =
+ loadAsResource(display, "ui/images/notification-bell.svg",
ConstUi.SMALL_ICON_SIZE);
imagePlugin = loadAsResource(display, "ui/images/plugin.svg",
ConstUi.SMALL_ICON_SIZE);
imagePrint = loadAsResource(display, "ui/images/print.svg",
ConstUi.SMALL_ICON_SIZE);
imageRefresh = loadAsResource(display, "ui/images/refresh.svg",
ConstUi.SMALL_ICON_SIZE);
diff --git
a/ui/src/main/java/org/apache/hop/ui/hopgui/notifications/NotificationPanel.java
b/ui/src/main/java/org/apache/hop/ui/hopgui/notifications/NotificationPanel.java
index 4ffacf0ed2..fe4e3ba2dc 100644
---
a/ui/src/main/java/org/apache/hop/ui/hopgui/notifications/NotificationPanel.java
+++
b/ui/src/main/java/org/apache/hop/ui/hopgui/notifications/NotificationPanel.java
@@ -149,6 +149,7 @@ public class NotificationPanel implements
INotificationListener {
// Remove ON_TOP so it doesn't stay on top when switching applications
shell = new Shell(parentShell, SWT.DIALOG_TRIM | SWT.RESIZE);
shell.setLayout(new FormLayout());
+ shell.setImage(GuiResource.getInstance().getImageNotification());
PropsUi.setLook(shell);
// Header
diff --git
a/ui/src/main/java/org/apache/hop/ui/hopgui/notifications/config/NotificationConfigPlugin.java
b/ui/src/main/java/org/apache/hop/ui/hopgui/notifications/config/NotificationConfigPlugin.java
index 0ed6003e92..156e63c020 100644
---
a/ui/src/main/java/org/apache/hop/ui/hopgui/notifications/config/NotificationConfigPlugin.java
+++
b/ui/src/main/java/org/apache/hop/ui/hopgui/notifications/config/NotificationConfigPlugin.java
@@ -78,7 +78,6 @@ public class NotificationConfigPlugin {
private org.apache.hop.ui.core.widget.TextVar wGlobalDaysToGoBack;
private Button wShowReadNotifications;
private List<NotificationSourceConfig> sources;
- private PropsUi props = PropsUi.getInstance();
@GuiTab(
id = "10200-config-perspective-notifications-tab",
@@ -93,7 +92,7 @@ public class NotificationConfigPlugin {
wNotificationsTab.setFont(GuiResource.getInstance().getFontDefault());
wNotificationsTab.setText(
BaseMessages.getString(PKG,
"NotificationConfigPlugin.Tab.Notifications"));
- wNotificationsTab.setImage(GuiResource.getInstance().getImagePlugin());
+
wNotificationsTab.setImage(GuiResource.getInstance().getImageNotification());
ScrolledComposite sNotificationsComp =
new ScrolledComposite(wTabFolder, SWT.V_SCROLL | SWT.H_SCROLL);
@@ -119,7 +118,7 @@ public class NotificationConfigPlugin {
Label wlEnableNotifications = new Label(wNotificationsTabComp,
SWT.RIGHT);
wlEnableNotifications.setText(
BaseMessages.getString(PKG,
"NotificationConfigPlugin.EnableNotificationSystem"));
- props.setLook(wlEnableNotifications);
+ PropsUi.setLook(wlEnableNotifications);
FormData fdlEnableNotifications = new FormData();
fdlEnableNotifications.left = new FormAttachment(0, 0);
fdlEnableNotifications.right = new FormAttachment(middle, -margin);
@@ -127,7 +126,7 @@ public class NotificationConfigPlugin {
wlEnableNotifications.setLayoutData(fdlEnableNotifications);
wEnableNotifications = new Button(wNotificationsTabComp, SWT.CHECK);
- props.setLook(wEnableNotifications);
+ PropsUi.setLook(wEnableNotifications);
FormData fdEnableNotifications = new FormData();
fdEnableNotifications.left = new FormAttachment(middle, 0);
fdEnableNotifications.top = new FormAttachment(0, margin);
@@ -154,7 +153,7 @@ public class NotificationConfigPlugin {
Label wlGlobalPollInterval = new Label(wNotificationsTabComp, SWT.RIGHT);
wlGlobalPollInterval.setText(
BaseMessages.getString(PKG,
"NotificationConfigPlugin.DefaultPollInterval"));
- props.setLook(wlGlobalPollInterval);
+ PropsUi.setLook(wlGlobalPollInterval);
FormData fdlGlobalPollInterval = new FormData();
fdlGlobalPollInterval.left = new FormAttachment(0, 0);
fdlGlobalPollInterval.right = new FormAttachment(middle, -margin);
@@ -164,7 +163,7 @@ public class NotificationConfigPlugin {
wGlobalPollInterval =
new org.apache.hop.ui.core.widget.TextVar(
variables, wNotificationsTabComp, SWT.SINGLE | SWT.LEFT |
SWT.BORDER);
- props.setLook(wGlobalPollInterval);
+ PropsUi.setLook(wGlobalPollInterval);
FormData fdGlobalPollInterval = new FormData();
fdGlobalPollInterval.left = new FormAttachment(middle, 0);
fdGlobalPollInterval.right = new FormAttachment(100, 0);
@@ -175,7 +174,7 @@ public class NotificationConfigPlugin {
Label wlGlobalDaysToGoBack = new Label(wNotificationsTabComp, SWT.RIGHT);
wlGlobalDaysToGoBack.setText(
BaseMessages.getString(PKG,
"NotificationConfigPlugin.DefaultDaysToGoBack"));
- props.setLook(wlGlobalDaysToGoBack);
+ PropsUi.setLook(wlGlobalDaysToGoBack);
FormData fdlGlobalDaysToGoBack = new FormData();
fdlGlobalDaysToGoBack.left = new FormAttachment(0, 0);
fdlGlobalDaysToGoBack.right = new FormAttachment(middle, -margin);
@@ -185,7 +184,7 @@ public class NotificationConfigPlugin {
wGlobalDaysToGoBack =
new org.apache.hop.ui.core.widget.TextVar(
variables, wNotificationsTabComp, SWT.SINGLE | SWT.LEFT |
SWT.BORDER);
- props.setLook(wGlobalDaysToGoBack);
+ PropsUi.setLook(wGlobalDaysToGoBack);
FormData fdGlobalDaysToGoBack = new FormData();
fdGlobalDaysToGoBack.left = new FormAttachment(middle, 0);
fdGlobalDaysToGoBack.right = new FormAttachment(100, 0);
@@ -196,7 +195,7 @@ public class NotificationConfigPlugin {
wShowReadNotifications = new Button(wNotificationsTabComp, SWT.CHECK);
wShowReadNotifications.setText(
BaseMessages.getString(PKG,
"NotificationConfigPlugin.ShowReadNotifications"));
- props.setLook(wShowReadNotifications);
+ PropsUi.setLook(wShowReadNotifications);
FormData fdShowReadNotifications = new FormData();
fdShowReadNotifications.left = new FormAttachment(middle, 0);
fdShowReadNotifications.top = new FormAttachment(wGlobalDaysToGoBack,
margin);
@@ -296,7 +295,7 @@ public class NotificationConfigPlugin {
// Buttons
Button wAdd = new Button(wNotificationsTabComp, SWT.PUSH);
wAdd.setText(BaseMessages.getString(PKG,
"NotificationConfigPlugin.Add"));
- props.setLook(wAdd);
+ PropsUi.setLook(wAdd);
FormData fdAdd = new FormData();
fdAdd.left = new FormAttachment(0, 0);
fdAdd.top = new FormAttachment(wSourcesTable, margin);
@@ -311,7 +310,7 @@ public class NotificationConfigPlugin {
Button wEdit = new Button(wNotificationsTabComp, SWT.PUSH);
wEdit.setText(BaseMessages.getString(PKG,
"NotificationConfigPlugin.Edit"));
- props.setLook(wEdit);
+ PropsUi.setLook(wEdit);
FormData fdEdit = new FormData();
fdEdit.left = new FormAttachment(wAdd, margin);
fdEdit.top = new FormAttachment(wSourcesTable, margin);
@@ -326,7 +325,7 @@ public class NotificationConfigPlugin {
Button wDelete = new Button(wNotificationsTabComp, SWT.PUSH);
wDelete.setText(BaseMessages.getString(PKG,
"NotificationConfigPlugin.Delete"));
- props.setLook(wDelete);
+ PropsUi.setLook(wDelete);
FormData fdDelete = new FormData();
fdDelete.left = new FormAttachment(wEdit, margin);
fdDelete.top = new FormAttachment(wSourcesTable, margin);
@@ -341,7 +340,7 @@ public class NotificationConfigPlugin {
Button wSave = new Button(wNotificationsTabComp, SWT.PUSH);
wSave.setText(BaseMessages.getString(PKG,
"NotificationConfigPlugin.Save"));
- props.setLook(wSave);
+ PropsUi.setLook(wSave);
BaseTransformDialog.positionBottomButtons(
wNotificationsTabComp, new Button[] {wSave}, margin, null);
wSave.addSelectionListener(
diff --git
a/ui/src/main/java/org/apache/hop/ui/hopgui/notifications/config/NotificationSourceDialog.java
b/ui/src/main/java/org/apache/hop/ui/hopgui/notifications/config/NotificationSourceDialog.java
index 5a9e2e3bbc..446d6d9f5b 100644
---
a/ui/src/main/java/org/apache/hop/ui/hopgui/notifications/config/NotificationSourceDialog.java
+++
b/ui/src/main/java/org/apache/hop/ui/hopgui/notifications/config/NotificationSourceDialog.java
@@ -70,7 +70,7 @@ public class NotificationSourceDialog {
this.shell = new Shell(parent, SWT.DIALOG_TRIM | SWT.RESIZE | SWT.MAX |
SWT.MIN);
this.sourceConfig = sourceConfig != null ? sourceConfig : new
NotificationSourceConfig();
this.model = NotificationSourceModel.fromConfig(this.sourceConfig);
- PropsUi.getInstance().setLook(this.shell);
+ PropsUi.setLook(this.shell);
}
public String open() {
diff --git
a/ui/src/main/java/org/apache/hop/ui/hopgui/perspective/database/DatabaseWorkbench.java
b/ui/src/main/java/org/apache/hop/ui/hopgui/perspective/database/DatabaseWorkbench.java
index 10b4170fac..e61f2d681c 100644
---
a/ui/src/main/java/org/apache/hop/ui/hopgui/perspective/database/DatabaseWorkbench.java
+++
b/ui/src/main/java/org/apache/hop/ui/hopgui/perspective/database/DatabaseWorkbench.java
@@ -350,7 +350,8 @@ public class DatabaseWorkbench extends Composite implements
TabClosable {
}
TreeItem connectionItem = new TreeItem(tree, SWT.NONE);
connectionItem.setText(state.getDatabaseMeta().getName());
- connectionItem.setImage(GuiResource.getInstance().getImageDatabase());
+ connectionItem.setImage(
+
GuiResource.getInstance().getImage(state.getDatabaseMeta().getIDatabase()));
connectionItem.setData(
DatabaseTreeNode.connection(state.getDatabaseMeta().getName(),
state.isConnected()));
if (state.isConnected() && state.getInformation() != null) {
diff --git a/ui/src/main/resources/ui/images/notification-bell-unread.svg
b/ui/src/main/resources/ui/images/notification-bell-unread.svg
index 4260c69210..8691f6287f 100644
--- a/ui/src/main/resources/ui/images/notification-bell-unread.svg
+++ b/ui/src/main/resources/ui/images/notification-bell-unread.svg
@@ -1,14 +1,6 @@
<?xml version="1.0" encoding="utf-8"?>
-<svg
- xmlns="http://www.w3.org/2000/svg";
- viewBox="0 0 24 24"
- height="24"
- width="24"
- version="1.1">
- <!-- Bell with an unread dot. Used where the badge cannot be painted over
the toolbar,
- which is every RAP client: only a Canvas takes a paint listener
there. -->
- <path
- style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
- d="M 12 2 C 8.13 2 5 5.13 5 9 c 0 5.25 -2.5 7.9 -2.5 7.9 h 15 c 0
0 -2.5 -2.65 -2.5 -7.9 C 15 5.13 11.87 2 12 2 Z M 9.21 18.9 c 0.19 0.39 0.53
0.63 0.89 0.63 h 3.8 c 0.36 0 0.7 -0.24 0.89 -0.63 C 14.69 19.2 14.5 19 14.3 19
h -4.6 C 9.5 19 9.31 19.2 9.21 18.9 Z"/>
- <circle cx="18" cy="6" r="5"
style="fill:#FF3B30;fill-opacity:1;stroke:#FFFFFF;stroke-width:1.5"/>
+<svg xmlns="http://www.w3.org/2000/svg"; width="24px" height="24px" viewBox="0
0 24 24">
+ <path fill="#0F3B5A" d="M10,20h4c0,1.1-0.9,2-2,2C10.9,22,10,21.1,10,20
M14,9c0,2.61,1.67,4.83,4,5.66V17h2v2H4v-2h2v-7c0-2.79,1.91-5.14,4.5-5.8
+
V3.5C10.5,2.67,11.17,2,12,2s1.5,0.67,1.5,1.5v0.7c0.71,0.18,1.359,0.49,1.95,0.9C14.51,6.181,13.994,7.567,14,9"/>
+ <circle cx="20" cy="9" r="4" fill="#FF3B30"/>
</svg>
diff --git a/ui/src/main/resources/ui/images/notification-bell.svg
b/ui/src/main/resources/ui/images/notification-bell.svg
index cc75bb162e..ccc598086f 100644
--- a/ui/src/main/resources/ui/images/notification-bell.svg
+++ b/ui/src/main/resources/ui/images/notification-bell.svg
@@ -1,12 +1,4 @@
<?xml version="1.0" encoding="utf-8"?>
-<svg
- xmlns="http://www.w3.org/2000/svg";
- viewBox="0 0 24 24"
- height="24"
- width="24"
- version="1.1">
- <!-- Bell icon - simple black fill style matching Hop's icon style -->
- <path
- style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
- d="M 12 2 C 8.13 2 5 5.13 5 9 c 0 5.25 -2.5 7.9 -2.5 7.9 h 15 c 0
0 -2.5 -2.65 -2.5 -7.9 C 15 5.13 11.87 2 12 2 Z M 9.21 18.9 c 0.19 0.39 0.53
0.63 0.89 0.63 h 3.8 c 0.36 0 0.7 -0.24 0.89 -0.63 C 14.69 19.2 14.5 19 14.3 19
h -4.6 C 9.5 19 9.31 19.2 9.21 18.9 Z"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg"; width="24" height="24" viewBox="0 0 24
24">
+ <path fill="#0F3B5A" d="M4 19v-2h2v-7q0-2.075 1.25-3.687T10.5
4.2v-.7q0-.625.438-1.062T12 2t1.063.438T13.5 3.5v.7q2 .5 3.25 2.113T18
10v7h2v2zm8 3q-.825 0-1.412-.587T10 20h4q0 .825-.587 1.413T12 22"/>
+</svg>
\ No newline at end of file
