Change type select color

src/modules/Sidebar/ObjectTypesSelect.jsx

@@ -13,8 +13,11 @@ const SelectItem = ({ name, isActive, onClick }) => {
   return (
     <Button
       block
-      type={isActive ? "primary" : "text"}
+      type="text"
-      className={twMerge("text-left")}
+      className={twMerge(
+        "text-left",
+        isActive && "bg-blue hover:bg-blue active:bg-blue focus:bg-blue "
+      )}
       onClick={onClick}
     >
       {name}

tailwind.config.cjs

@@ -5,7 +5,7 @@ module.exports = {
     extend: {
       colors: {
         'primary': '#CC2222FF',
-        'primary-light': '',
+        'blue': '#a8c9ec',
         'white-background': 'rgba(255, 255, 255, 0.8)',
         'grey': 'rgba(0,0, 0, 0.5)'
       },