From d4ffa9fd124e5c81898b227181b3b6bbc665ec2e Mon Sep 17 00:00:00 2001
From: YanJin <yanjin.cheng@scality.com>
Date: Fri, 22 Nov 2019 13:42:51 +0100
Subject: [PATCH] ui/login: Add the UI resources to customize the Dex login
 page

The three files will be mounted in web/themes/scality in order to render our customized theme

Refs: #2016
---
 ui/public/brand/assets/login/favicon.png | Bin 0 -> 222 bytes
 ui/public/brand/assets/login/logo.png    | Bin 0 -> 1651 bytes
 ui/public/brand/assets/login/styles.css  | 120 +++++++++++++++++++++++
 3 files changed, 120 insertions(+)
 create mode 100644 ui/public/brand/assets/login/favicon.png
 create mode 100644 ui/public/brand/assets/login/logo.png
 create mode 100644 ui/public/brand/assets/login/styles.css

diff --git a/ui/public/brand/assets/login/favicon.png b/ui/public/brand/assets/login/favicon.png
new file mode 100644
index 0000000000000000000000000000000000000000..6887db77c25743ed2329fd5d8db818384fe1f824
GIT binary patch
literal 222
zcmeAS@N?(olHy`uVBq!ia0vp^0wB!73?$#)eFPFv3GfMV1=8H*sX#PeCF{pb)A!zX
z5H`c64L4*1fLx%UwGPiapgOjaAirRS@6Yd_@6T9uH32A+?CIhd!Xe9gP*JGaK!D*u
zXba1I^RK+2Gr5)tiB}7q^brkxv7*B6dThm>#>`l4m0-~&X{)|XFq`3=6}{@SoKUXn
zg#Ggwetzdk`E_=}`Ncg?<vuZ<p5Xtqh<{U&WI)yahVbL^Q+TAbfBa>P1zN}8>FVdQ
I&MBb@0ItnY9RL6T

literal 0
HcmV?d00001

diff --git a/ui/public/brand/assets/login/logo.png b/ui/public/brand/assets/login/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..d1f8cec6996fa9912b77d3bd952da2611fcfca06
GIT binary patch
literal 1651
zcmXYyc|4SP9LFE29OcSU7#hQ@YZa*|v)h<v9JyxPs%^&^+S;iYvKYqHY;vS9j4Kf`
zhz;4O2x%%;Y8(-niguZiYnHXy-!tR=dOhFg_k4bz-}iW)Kc1^ZS9=9{EqMrn6dWD!
z?%*B`E~Kn9h=SA3F%TrhCpvo)z#~K<Bk!dbA<5&)L?ITtUSz&528t#d!FuT6E~3x@
zD`LUADNxYitLy_{t;NU!(TI~?WDq)tAPVuovmYp^;w#2gDf#+g!#XZPJM2pCK_CL4
z$N;12)B<$qptg&UfD^IcBrg#}5H%T@1qNX}Z5OZx*@SjD*iQ{I0e(2S>#QB{Z{*Qr
zWJq?6t5bP8@Ro5^TA_YuCDNaVa0Oc$jO!roOiBY0&VUY`1?6(!a<CH}HVB`xl{8R-
z3Vw}n16w?Vo4^jYoC8-ese;b}U_ab|n}A>oGC+|*YV@nd)j$jbUBRMwinrQuU6q8(
zAi@J8TqSwHqjCZr#6lqIxQWEcp~yhcIXo|%c4IDu_;_Gb6h~k%5trcUz;&0!orAYw
zTqS-Ru(&afTnrVQk^l_S(c$nxctCg-Nx3V*;g#Sk=SH}@dO*q&b|WR2127n@7-ymw
zAF_mya})rLMoW-znaNBCT!&$^^Ye>fZiy-5RNn*C);@j$)4D-NPj7D@;N9rxIAB7;
z=g(79LJ4ycmX}4}44yn^Ly&ZtBi`22q3aRr(uo1A@-vpr1rsJwMMXYYR*O)NTxv8y
z(Gv`jsBF^!lF2C}I_h_?3<{&{ORVQ<EBk??+i3e2Fk#e#c`Kg^3dTwqIWx~%47z{T
z_df9-yW^MY_s0c3>dlwC&N#K53wt?+ax@c|arbe5D^%kPui@PH>ect9_PkFVlj{m;
z;LdBGWut$ZO&O<ITGowDqW!XMJf603S!?m@0e-k8RFr|!MfouSt~z&^`4L~%th&^A
z2QM-#vhUWp@^VZh)w+sTSx9dA`^`e7E>}8~_e^S0O9Z`ny}Mmwk!1ZiVa=|#B?7f$
ztZBMDgfiHWXEi%LY_;S|rDn-Q|Ju4)wdv6ISdCcC89G*mJO5GkwxM5dV$bPj-@skP
z?QwdPy(S-I&rb%HJdo;pp;DtxxX<yxqC2*FsM-ci9cn01yOl|IyE&OYZ_!x!QN{5v
zi_yJr-B~kid*aUe6I&pS{&tMgLg;7w!~>}sFZ8y)qn_q^%(<qNrz+paad74AGMmjB
z`mJ<sd-TOUv!riI-sqAEjI{IYiu%@XM6c?%nQ}8ELl&iFOs#;Q+Y>+CPw$kz?_Wv2
zxn+|`khX?tptT-Bc=3IIocnZmX9-=F3srOsHN1m7D!!(CN16Dyzf|$KcRz=dl~vD5
zm#VoVCrtb{n~?F>Rkf4}H*^G**11WwCMxNVxRYu*78!+g3g%|l9NL0DS>OGl)r;n)
zw%3W+C?&LgqF=TpwmTAIeoW9GS=hhoe%39kj$HdgfdNOyrHx!VlUiFD;w?vME-r2>
z-<l$$7+E=S0fR`!wYBY5pGL^ZT>H_`hOhXPdE3VSrZVfX#R^q%4^7+J*@4Yh+CmE%
zooJS~^iA(#CJrAiY{wBer45fP=aOuzrdag_0|y#MI%2v=D}DNwLksBz9PGH+RBMC&
zoV>fV=_+Qb^h|1*7hc9^>B9i@{^7%ia%4RX&t9jfb1dCAou|}tzIMGzo=g-XMd9HQ
za^+F_P46m9NO{i{TsanFd9OM3nT}Sc2(cK-!DG6wcrj;_0|wZC9yPK)vWTSmA3v#F
z?;~|S22Wb-qx18Yg1J`wV*+*065&2xTa9c_pKe9ejSK9VZFfIREK=Fi$sO?#!GVqT
zU-Lt}*W?%S^X7!FZjeSzFJ`-yktie8!Lf`u{)%_p$#mlv^8~`BrYa*vr*+4n>s2GZ
pX`SmM;UUIUo?X?0Bt@pz(364q>3=HHRCd6B4@ZJ4z6M98{|^i+Sla*q

literal 0
HcmV?d00001

diff --git a/ui/public/brand/assets/login/styles.css b/ui/public/brand/assets/login/styles.css
new file mode 100644
index 0000000000..9c7eb09c16
--- /dev/null
+++ b/ui/public/brand/assets/login/styles.css
@@ -0,0 +1,120 @@
+.theme-body {
+  text-align: center;
+  background-color: #121214;
+  color: #FEFEFE;
+  font-family: 'Source Sans Pro', Helvetica, sans-serif;
+}
+
+.theme-navbar {
+  background-color: #121214;
+  color: #FEFEFE;
+  font-size: 13px;
+  font-weight: 100;
+  height: 46px;
+  overflow: hidden;
+  padding: 0 10px;
+}
+
+.theme-navbar__logo-wrap {
+  display: inline-block;
+  height: 100%;
+  overflow: hidden;
+  padding: 10px 15px;
+  width: 300px;
+}
+
+.theme-navbar__logo {
+  height: 100%;
+  max-height: 25px;
+}
+
+.theme-heading {
+  font-size: 20px;
+  font-weight: 500;
+  margin-bottom: 10px;
+  margin-top: 0;
+  color:#FEFEFE;
+}
+
+.theme-panel {
+  display: inline-block;
+  text-align: center;
+  background-color: #32323B;
+  padding: 30px;
+  width: 500px;
+}
+
+.theme-btn-provider {
+  background-color: #fff;
+  color: #333;
+  min-width: 250px;
+}
+
+.theme-btn-provider:hover {
+  color: #999;
+}
+
+.theme-btn--primary {
+  background-color: #057AFF;
+  border: none;
+  color: #fff;
+  min-width: 250px;
+  padding: 6px 12px;
+  height: 36px;
+  border-radius: 4px;
+}
+
+.theme-btn--primary:hover {
+  background-color: #057AFF;
+  color: #fff;
+}
+
+.theme-btn--success {
+  background-color: #2FC98E;
+  color: #fff;
+  width: 250px;
+}
+
+.theme-btn--success:hover {
+  background-color: #49E3A8;
+}
+
+.theme-form-row {
+  display: block;
+  margin: 20px auto;
+}
+
+.theme-form-input {
+  border-radius: 4px;
+  border: 1px solid #666;
+  box-shadow: inset 0 1px 1px rgba(87, 66, 66, 0.075);
+  color: #666;
+  display: block;
+  font-size: 14px;
+  height: 36px;
+  line-height: 1.42857143;
+  margin: auto;
+  padding: 6px 12px;
+  width: 250px;
+  background-color: #121214;
+}
+
+.theme-form-input:focus,
+.theme-form-input:active {
+  border-color: #66AFE9;
+  outline: none;
+}
+
+.theme-form-label {
+  font-size: 13px;
+  font-weight: 600;
+  margin: 4px auto;
+  position: relative;
+  text-align: left;
+  width: 250px;
+  color:#FEFEFE;
+}
+
+.theme-link-back {
+  margin-top: 4px;
+}