Fix issue on hovering

Author: rodolv-commons

README.md

@@ -114,8 +114,8 @@ Using the pre-built version, the application only has to be reloaded after editi
 
 ## Maintainers
 
-- [@stefandesu](https://github.com/stefandesu)
 - [@nichtich](https://github.com/nichtich)
+- [@rodolv-commons](https://github.com/rodolv-commons)
 
 ## Contribute
 

src/components/RegistryNotation.vue

@@ -55,10 +55,10 @@ export default {
   color: var(--color-background);
   height: 18px;
   .fontSize-verySmall;
-  background-color: var(--color-secondary-dark-faded-70); // note: only used when disabled
+  background-color: var(--color-secondary-dark-faded-30); // note: only used when disabled
 }
 .registry-notation:hover, .registry-notation.registry-enabled:hover {
-  background-color: var(--color-secondary-dark-faded-35);
+  background-color: var(--color-secondary-dark-faded-65);
 }
 .registry-notation-current {
   background-color: var(--color-primary-opacity);
@@ -68,7 +68,7 @@ export default {
   .fontWeight-heavy;
 }
 .registry-notation.registry-enabled {
-  background-color: var(--color-secondary-dark);
+  background-color: hsl(var(--color-secondary-dark));
   .fontWeight-heavy;
 }
 </style>

src/style/colors.css

@@ -16,9 +16,9 @@
     --color-primary-opacity: hsla(var(--color-primary-light), 0.7); /* Opacity at 70%*/
 
     --color-secondary-light: 0, 13.9%, 91.1%; /* lighten increase third 8%*/
-    --color-secondary-dark: hsl(0, 13.9%, 58.1%); /* darken decrease third 25%*/
-    --color-secondary-dark-faded-70: hsla(var(--color-secondary-light), 0.7); /* Opacity at 70%*/
-    --color-secondary-dark-faded-35: hsla(var(--color-secondary-light), 0.35); /* Opacity at 35%*/
+    --color-secondary-dark: 0, 13.9%, 58.1%; /* darken of color-secondary decrease third 25%*/
+    --color-secondary-dark-faded-30: hsla(var(--color-secondary-dark), 0.3); /* Opacity at 30%*/
+    --color-secondary-dark-faded-65: hsla(var(--color-secondary-dark), 0.65); /* Opacity at 65%*/
 
     --color-success-light: hsl(100, 70%, 43.24%); /* lighten increase third 15%*/
     --color-success-lighter: hsl(100, 70%, 93.24%); /* lighten increase third 50%*/