Skip to content
Snippets Groups Projects
Commit 98853264 authored by Hayley Corson-Dosch's avatar Hayley Corson-Dosch
Browse files

clean up nav bar text styling and contrast

parent 5ac15128
No related branches found
No related tags found
1 merge request!82Minor fixes
Hide whitespace changes
Inline Side-by-side
src/components/NavBar.vue
+ 8
− 8
View file @ 98853264
...@@ -29,23 +29,23 @@ ...@@ -29,23 +29,23 @@
} }
.topnav { .topnav {
background-color: #6b7c94; background-color: #65778B;
overflow: hidden; overflow: hidden;
display: flex; display: flex;
justify-content: center; justify-content: center;
} }
.topnav a { .topnav a {
color: #f2f2f2; color: #ffffff;
text-align: center; text-align: center;
padding: 14px 16px; padding: 14px 16px;
text-decoration: none; text-decoration: none;
font-size: 17px; font-weight: 400;
} }
.topnav a:hover { .topnav a:hover {
background-color: #d2e9ff; background-color: var(--faded-usgs-blue);
color: var(--dodger-blue); color: var(--usgs-blue);
} }
.dropdown { .dropdown {
...@@ -65,8 +65,8 @@ ...@@ -65,8 +65,8 @@
} }
.dropdown-content a:hover { .dropdown-content a:hover {
background-color: #d2e9ff; background-color: var(--faded-usgs-blue);
color: var(--dodger-blue) color: var(--usgs-blue);
} }
.dropdown:hover .dropdown-content { .dropdown:hover .dropdown-content {
...@@ -77,7 +77,7 @@ ...@@ -77,7 +77,7 @@
display: none; display: none;
position: absolute; position: absolute;
top: 48px; top: 48px;
background-color: #f9f9f9; background-color: var(--color-background);
min-width: 160px; min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1; z-index: 1;
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment