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;