diff --git a/frontend/client/components/Footer/index.tsx b/frontend/client/components/Footer/index.tsx
index 21ce597a..42e99e12 100644
--- a/frontend/client/components/Footer/index.tsx
+++ b/frontend/client/components/Footer/index.tsx
@@ -1,6 +1,6 @@
import React from 'react';
import { Link } from 'react-router-dom';
-import Logo from 'static/images/logo-name.svg';
+import Logo from 'static/images/logo-name-light.svg';
import './style.less';
export default () => (
diff --git a/frontend/client/components/Footer/style.less b/frontend/client/components/Footer/style.less
index 2df70c6c..d836e22d 100644
--- a/frontend/client/components/Footer/style.less
+++ b/frontend/client/components/Footer/style.less
@@ -7,11 +7,11 @@
flex-direction: column;
color: #FFF;
background: @secondary-color;
- height: 140px;
+ height: 160px;
&-title {
- margin-bottom: 0.75rem;
- opacity: 0.95;
+ margin-bottom: 1.25rem;
+ opacity: 0.8;
transition: transform 100ms ease, opacity 100ms ease;
&:hover,
@@ -23,8 +23,7 @@
}
&-logo {
- height: 2.6rem;
- fill: #FFF;
+ height: 1.6rem;
}
}
diff --git a/frontend/client/components/Header/style.less b/frontend/client/components/Header/style.less
index e7d6afcc..5b380863 100644
--- a/frontend/client/components/Header/style.less
+++ b/frontend/client/components/Header/style.less
@@ -10,7 +10,7 @@
right: 0;
z-index: 999;
position: relative;
- color: #333;
+ color: @secondary-color;
background: #fff;
text-shadow: none;
box-shadow: 0 1px rgba(0, 0, 0, 0.1);
@@ -43,20 +43,18 @@
transition: transform 100ms ease, opacity 100ms ease;
flex-grow: 1;
text-align: center;
- opacity: 0.92;
+ opacity: 0.8;
&:hover,
&:focus {
color: inherit;
transform: translateY(-2px) translate(-50%, -50%);
- opacity: 1;
+ opacity: 0.9;
}
&-logo {
- height: 2rem;
+ height: 1.4rem;
width: auto;
- transform: translateY(10%);
- fill: #333;
transition: transform @header-transition ease;
.is-transparent & {
diff --git a/frontend/client/static/images/favicon.png b/frontend/client/static/images/favicon.png
index 119a95f9..1441d3e0 100644
Binary files a/frontend/client/static/images/favicon.png and b/frontend/client/static/images/favicon.png differ
diff --git a/frontend/client/static/images/logo-icon.svg b/frontend/client/static/images/logo-icon.svg
index bf70d2d1..bb024705 100644
--- a/frontend/client/static/images/logo-icon.svg
+++ b/frontend/client/static/images/logo-icon.svg
@@ -1,8 +1,32 @@
-
+
+
\ No newline at end of file
diff --git a/frontend/client/static/images/logo-name-light.svg b/frontend/client/static/images/logo-name-light.svg
new file mode 100644
index 00000000..25f4ed2f
--- /dev/null
+++ b/frontend/client/static/images/logo-name-light.svg
@@ -0,0 +1,8 @@
+
+
\ No newline at end of file
diff --git a/frontend/client/static/images/logo-name.svg b/frontend/client/static/images/logo-name.svg
index 93002c8c..0fc5c158 100644
--- a/frontend/client/static/images/logo-name.svg
+++ b/frontend/client/static/images/logo-name.svg
@@ -1,5 +1,7 @@
-