From ea9ef6839934ed4ebc5526c2fc94216b37836de6 Mon Sep 17 00:00:00 2001
From: Mihai Macaneata <themacaneata@gmail.com>
Date: Wed, 1 Apr 2020 16:19:37 +0300
Subject: [PATCH] logo customization

---
 .../volto/components/theme/Logo/Logo.jsx      |  51 ++++++++++++++++++
 .../volto/components/theme/Logo/Logo.png      | Bin 0 -> 2310 bytes
 .../pastanaga/elements/header.overrides       |   7 +--
 theme/themes/pastanaga/globals/site.variables |   4 +-
 4 files changed, 55 insertions(+), 7 deletions(-)
 create mode 100644 src/customizations/volto/components/theme/Logo/Logo.jsx
 create mode 100644 src/customizations/volto/components/theme/Logo/Logo.png

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 0000000..3ccf799
--- /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 (
+    <Link
+      to={settings.isMultilingual ? `/${lang}` : '/'}
+      title={intl.formatMessage(messages.site)}
+    >
+      <Image
+        src={LogoImage}
+        alt={intl.formatMessage(messages.plonesite)}
+        title={intl.formatMessage(messages.plonesite)}
+        height={64}
+      />
+    </Link>
+  );
+};
+
+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 0000000000000000000000000000000000000000..8934a3b3f67258386ae11550aa79e006be042834
GIT binary patch
literal 2310
zcmV+h3HkPkP)<h;3K|Lk000e1NJLTq003kF001}$1^@s63$9(*00001b5ch_0Itp)
z=>Px#1ZP1_K>z@;j|==^1poj532;bRa{vGi!vFvd!vV){sAK>D02p*dSaefwW^{L9
za%BK;VQFr3E^cLXAT%y8E;VI^GGzb&2zN<DK~#8N?VNjv6;&L^wT#SA3ZqDpBq@}h
zhP|-|Nrf0jQ5gi0Bt?<XgCs$UL@|n@P&B0%Nm3L^Q6xoSZ;GHOh~APQy&&u#BT@T&
zZs)h0ot?Y)?(W_7I`<BIIA_jlm-)_|bAG@1%^kI8&z|@84)CDQ6C|VBo!z^4Z-Zxr
z^XrQB?MT%Hd8u%I0_maYd@SeFU=mD+hbWs26Ja^r2BX2YGvF?`52F7#SPHkKbK71G
zj&o8fGo1^M!YQe&U#c$17MPKk2undxte;GNIm{>jDI5l4;bS-oE`sO4wjR@9D!dJr
zZH8mvQg|2?<Pta-wt#KE1)ogC`v5}Vx>Q||A7D}9MCc<3se;6Gb}`(Z^0FzVuNKNC
z!H;lj;uEm$bXW|(rSq3lDyv~ac3w)SO<B1h-t8fX(~4!@;V}hC2oh=Jj{`6Ei3z8=
zyWw6q8eRn3Zb+%Df{qvD6;h`V8N>NJSd{7>CoKvx2D~1&SGc&tJ)F`Ghj+lT4^x@b
zkW-u&UtuisuuWHx94`7YSe>{kmAN>tC7n$=6TI8KkkQZcHK14rr80$i5FP_XvFu1t
z)U|LHj8Eq);XJU-g(;PDA;zmqr3Gmr`JFzjbOmXS+S4@>bOmWMx`MPBRbSM#x?OzT
zJ(ade%ma5yF3x53BSzH)(U;{;Ya={T)+VtLbdTJVmF2jD(&#IztH=2zWeusiAU%d5
z`I`MeIuq8D*T1Bz#QIzipAu~e%N4@ys`c6(`l^nB*zO(=w!0GC5<dyLSlm+Y0Jp%k
zzuzpKB8Wzz{-p_|`l3dY>W9*Bv_2O^hhdL<1++)pWobZKrg2v@G$HzX=&!QuHHa}y
z2Sn8c`4cn>*TWQ;FIk(x2;x)o0QiJ`mdaj8sf5ka6{H9kzv#=F12<)5;WVr#h|^C|
z5WT!Q7tM!jB{v+qg4ClZ2pm9}Yk}`6t_Rlw%X2|ojCGw%0iPfR(Zyof5#U;+P&dMN
zVE-~foFZLs4oK%sQFTG4mz0f%JIK4$jdI)h;>io>xo&vf=&mygW7##};_X&i;au#a
zPJv>q$eTKb>rK=(q|$=yk8}lTGg>W3Ba66MS~bpoM@t2v{3BA|C-kWs2#oV4>1oCC
zPN3CKh;=)_9ZXq$Q_z1a`~!D#-Y_tr9xUFo;d1g31yY7PD0f(8btBEfmJ1RGZ8ku|
zSC(baZ!2l-Aio)WPhHx!0UB;|5oHPF0S7tS7*`a^_7xk3O%M;-{RHQbEo)mB`t%6m
z!TIkH@4cG_5prLa2Az2W8T4g61Kuzpi1vckw?3+cU|Z{q7BL)1ud&mydHZXJ*v7yH
zZ4_g+YJV%?me_XdU`{Htt>^yjJg~w*KHF{{RzW;yy9=~_4}`KleV~0WK|Cn)SOtf0
zTH3D&B5VTfj#&@^53i?s-R)l75X1ntn7T9+wKrnAH19>XeK;OPXXDK&@5RpFq32U=
zM4{+#jPh{Xyqi*Qh`)zjkT~e`K4@r__3H)g`UnySbzi~BWJ~+zAi{Q734d_zg)sQw
zXYj5UFH{KP^cLk>^R6x4*$ScSUXe5$y^sdR=}a{59d93>#(1(sKbU=e>b^*2MW0uA
zj-zbjhza6BzrWyGvSodHpiNytJgDCZ2DJ6N;3GtB$|BXmUQDXHy!c)u1ktaRkLT0m
zZqK}K`rHlU)a8?=81>dSr^tvhiKjC6Zz+gVrqflF4gZu?cF_N6&}&*YMngg3pxx`>
z++I3P2$J&ppu7MEx*3~w1Nhz|1o7$d!Z{5&#X5z22|5*h&+!zvZY%&piJbEl!w^v;
z9}Set{}(qAwp|8ar?R3Traom(d-mV9PXzH`jPK!0vVF#(yeUCEX!|Q%Mz+s5h|n|N
zlXr@V7gDYjXM<0KPeS;c6ih!>cym2>UGPrV*JV4MkEcRyT(HhIMnXoJIQA@Xt%?Bc
zeErGuXMp|3?K43<80TNOfNZaEC~H~}588VS$@Xa%_NgEqjMeA64ax>2hzEU^kn|d7
zf21o&o6!}d&8Vy(EaD4bMTTEQ_4+%5#La;AgfFbh>W4&?1@Vh1KUdqFQeVIJ`a6T<
zdFa>v848sZBtVGVpwpQ2I}Kx~+=^;jXl36I)@wBCXVUJ_ez45;8h{F+^}ZAA?>igI
z^?hlR#Q2WaUr=7ZbebUgjUu8X$BS+H4aD6a{-?K68iYaTdwCs$=KbnQH@_~IA-xak
zC_%`_#S|}`PlI>+_EeVFM_x-_acW;)L6mFNhwsZW-7_KVpy^~m^j*cP;_$eZ2@*Jk
zX{ATGLKdy_VxIxi34-)oB=W8eQD=ybjy>=2@HOT2=KXxl9hDc~I4gZs(MGq5VX1m^
zBW5e_KPW0MNCWgkHQF&*uOF<ePV|qpY}eK4g0vl7LE4P2AZ<ohkT#>zg0QPv1M5I*
zdmy1i8hvHu!{#yxsxC;)1|ik2^?9+rAL3KBBE?XjmeUb}q<q9>`Sp|bf|j<vDL+LB
zTf<-RvCO=$UUi%3r}AetwAgonqWGlPM_-oXx-DJ-TK?hJ8WdF*<QMQ4fSkIl*Ld@y
zS#J=70S{il2)KwK1dU1Gb89sAj0aJ#?<xY_435yq)bcM{?gOUkg1kZMovv#{@2;*7
zzj_KERD5`2<cIy^tJ$#b!;cm3QbG{D#0u*edV6&&4%uxYRTm_ttf}PvR^151q65&7
zPu=ek86w4t8*x?P0X85`vGO)uLGq)HAcluV-ggu}Ej|_A-QL;$JfG2tF8Hnq`ljNC
z%?#mDJl7k2RgR;;t}m`35s&LQifW%;e}6DkT978me=W{mYZ&Y}EukyO|GTD$-*wv2
gi(A%i1lT+3Kf6?#v0tyQ%m4rY07*qoM6N<$g5Tm+rT_o{

literal 0
HcmV?d00001

diff --git a/theme/themes/pastanaga/elements/header.overrides b/theme/themes/pastanaga/elements/header.overrides
index b8db671..3874a54 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 4ab2692..5cb1bba 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 ---*/