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 ( + + {intl.formatMessage(messages.plonesite)} + + ); +}; + +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 ---*/