diff --git a/frontend/src/lib/components/header.svelte b/frontend/src/lib/components/header.svelte
index 6d37042..00bc71d 100644
--- a/frontend/src/lib/components/header.svelte
+++ b/frontend/src/lib/components/header.svelte
@@ -52,7 +52,10 @@
font-size: 28px;
text-decoration: none;
color: var(--col_text_panel);
+ }
+ .header__link:hover {
+ color: var(--col_text_hint);
}
\ No newline at end of file
diff --git a/frontend/src/lib/components/icon.svelte b/frontend/src/lib/components/icon.svelte
index 5f8f4d6..64c6039 100644
--- a/frontend/src/lib/components/icon.svelte
+++ b/frontend/src/lib/components/icon.svelte
@@ -5,9 +5,11 @@
export let onclick;
export let color = "var(--col_text_panel)";
export let size = "25px";
+
-
+
@@ -27,6 +29,6 @@ on:click={onclick ? onclick : null}>
cursor: pointer;
}
.clickable:hover {
- background-color: var(--col_text_hint);
+ background-color: var(--col_text_hint) !important;
}
\ No newline at end of file
diff --git a/frontend/src/lib/components/searchbar.svelte b/frontend/src/lib/components/searchbar.svelte
index a91701d..5f5ba7e 100644
--- a/frontend/src/lib/components/searchbar.svelte
+++ b/frontend/src/lib/components/searchbar.svelte
@@ -24,9 +24,6 @@
margin-inline: auto auto;
}
- .searchbar__icon {
- margin: 9px;
- }
.searchbar__input {
border: none;
background-color: transparent;
diff --git a/frontend/src/lib/css/colors.css b/frontend/src/lib/css/colors.css
index cb33c23..53a526a 100644
--- a/frontend/src/lib/css/colors.css
+++ b/frontend/src/lib/css/colors.css
@@ -11,7 +11,7 @@
--col_text: #000000;
--col_text_query: #ffffff;
--col_text_invalid: #cc0000;
- --col_text_hint: #aaaaaa;
+ --col_text_hint: #dedede;
--col_text_panel: #ffffff;
--col_text_footer: #ffffff;
--col_text_copyright: #ffffff;