diff --git a/src/customizations/volto/components/theme/Logo/Logo.jsx b/src/customizations/volto/components/theme/Logo/Logo.jsx
new file mode 100644
index 00000000..3ccf7998
--- /dev/null
+++ b/src/customizations/volto/components/theme/Logo/Logo.jsx
@@ -0,0 +1,51 @@
+/**
+ * Logo component.
+ * @module components/theme/Logo/Logo
+ */
+
+import React from 'react';
+import { Link } from 'react-router-dom';
+import { defineMessages, useIntl } from 'react-intl';
+import { Image } from 'semantic-ui-react';
+import { useSelector } from 'react-redux';
+import { settings } from '~/config';
+
+import LogoImage from './Logo.png';
+
+const messages = defineMessages({
+ site: {
+ id: 'Site',
+ defaultMessage: 'Site',
+ },
+ plonesite: {
+ id: 'Plone Site',
+ defaultMessage: 'Plone Site',
+ },
+});
+
+/**
+ * Logo component class.
+ * @function Logo
+ * @param {Object} intl Intl object
+ * @returns {string} Markup of the component.
+ */
+const Logo = () => {
+ const lang = useSelector(state => state.intl.locale);
+ const intl = useIntl();
+
+ return (
+
+
+
+ );
+};
+
+export default Logo;
\ No newline at end of file
diff --git a/src/customizations/volto/components/theme/Logo/Logo.png b/src/customizations/volto/components/theme/Logo/Logo.png
new file mode 100644
index 00000000..8934a3b3
Binary files /dev/null and b/src/customizations/volto/components/theme/Logo/Logo.png differ
diff --git a/theme/themes/pastanaga/elements/header.overrides b/theme/themes/pastanaga/elements/header.overrides
index b8db6710..3874a54e 100644
--- a/theme/themes/pastanaga/elements/header.overrides
+++ b/theme/themes/pastanaga/elements/header.overrides
@@ -4,6 +4,7 @@
.ui.basic.segment.header-wrapper {
margin-bottom: 0;
+ background-color: @primaryColor;
}
.ui.basic.segment .header {
@@ -36,9 +37,6 @@
@media only screen and (max-width: @largestTabletScreen) {
overflow-x: initial;
}
-
- .ui.secondary.pointing.menu {
- }
}
}
@@ -65,9 +63,6 @@
display: flex;
}
- .tools {
- }
-
.search {
form {
@media only screen and (min-width: @largestTabletScreen) {
diff --git a/theme/themes/pastanaga/globals/site.variables b/theme/themes/pastanaga/globals/site.variables
index 4ab2692b..5cb1bba6 100755
--- a/theme/themes/pastanaga/globals/site.variables
+++ b/theme/themes/pastanaga/globals/site.variables
@@ -24,6 +24,7 @@
/*-------------------
Brand Colors
--------------------*/
+@primaryColor : @darkBlue;
@secondaryColor : @brown;
@@ -131,6 +132,7 @@
@brown : #826A6A; // Palette: reddishGrey
@grey : #68778D; // Palette: blueishGrey
@black : #252525; // Palette: darkishGrey
+@darkBlue : #005384;
/*--- Light Colors ---*/
@lightOlive : #C9EAB1; // Palette: lightSage
@@ -146,7 +148,7 @@
/*--- Colored Backgrounds ---*/
@redBackground : #F5C1C1; // Palette: alertError
@tealBackground : #EDF1F2; // Palette: Breadcrumbs
-@blueBackground : #F2F6F8;
+@blueBackground : #005384;
@purpleBackground : #B8C6C8; // Dublin Core Summary
/*--- Colored Headers ---*/