Ability to change the blue main color on hover

@Charlène DL (It's Arty Studio), thanks for your feedback.

This has been asked before, but supporting this at the product level requires quite a big change. We are now working on much bigger and more important features like an AI chatbot, multiple workspaces, and a customer ticket system.

You can work around this using some custom CSS. It's not ideal, but it's a one-time change and should work 100%.

Please go to Settings > Custom Code > CSS and paste the below code to the CSS editor, and save. Don't forget to change the color code.

.hover\:text-blue-600:hover { color: #6366F1 !important; }
.hover\:bg-blue-600:hover { background-color: #6366F1 !important; }
.hover\:border-blue-300:hover { border-color: #6366F1 !important; }
.group:hover .group-hover\:text-blue-600 { color: #6366F1 !important; }
.hover\:border-blue-200:hover { border-color: #6366F1 !important; }
.sb-article .sb-article-content a:not(.link-tool-wrapper) { color: #6366F1 !important; }
.text-blue-600 { color: #6366F1 !important; }