From 60045f2c71a8196897a7e53339790b759193bef0 Mon Sep 17 00:00:00 2001
From: Sebastian Sdorra <sebastian.sdorra@cloudogu.com>
Date: Thu, 22 Jul 2021 16:57:54 +0200
Subject: [PATCH] Adjust logo for small header

---
 gradle/changelog/logo.yaml                    |  2 +
 scm-ui/ui-components/src/Logo.tsx             |  2 +-
 .../images/blibSimpleSmallDarkBackground.svg  | 10 +++
 .../images/blibSimpleSmallLightBackground.svg | 73 +++++++++++++++++++
 .../public/images/blibSmallDarkBackground.svg | 67 +++++++++++++++++
 5 files changed, 153 insertions(+), 1 deletion(-)
 create mode 100644 gradle/changelog/logo.yaml
 create mode 100644 scm-ui/ui-webapp/public/images/blibSimpleSmallDarkBackground.svg
 create mode 100644 scm-ui/ui-webapp/public/images/blibSimpleSmallLightBackground.svg
 create mode 100644 scm-ui/ui-webapp/public/images/blibSmallDarkBackground.svg

diff --git a/gradle/changelog/logo.yaml b/gradle/changelog/logo.yaml
new file mode 100644
index 0000000000..d8891ce42c
--- /dev/null
+++ b/gradle/changelog/logo.yaml
@@ -0,0 +1,2 @@
+- type: Changed
+  description: Logo for small header
diff --git a/scm-ui/ui-components/src/Logo.tsx b/scm-ui/ui-components/src/Logo.tsx
index b9ee5ea17f..b3d7cf4c33 100644
--- a/scm-ui/ui-components/src/Logo.tsx
+++ b/scm-ui/ui-components/src/Logo.tsx
@@ -36,7 +36,7 @@ const Logo: FC<Props> = ({ withText = true, className }) => {
   if (withText) {
     return <Image src="/images/logo.png" alt={t("logo.alt")} className={className} />;
   }
-  return <Image src="/images/scmLogo.svg" alt={t("logo.alt")} className={className} />;
+  return <Image src="/images/blibSimpleSmallDarkBackground.svg" alt={t("logo.alt")} className={className} />;
 };
 
 export default Logo;
diff --git a/scm-ui/ui-webapp/public/images/blibSimpleSmallDarkBackground.svg b/scm-ui/ui-webapp/public/images/blibSimpleSmallDarkBackground.svg
new file mode 100644
index 0000000000..ceaa6e9996
--- /dev/null
+++ b/scm-ui/ui-webapp/public/images/blibSimpleSmallDarkBackground.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 337.33 291.79">
+  <defs>
+    <style>.cls-1{fill:#f5f4f5;}.cls-2{fill:#48c0ec;}</style>
+  </defs>
+  <path class="cls-1"
+        d="M141,123.65C133.67,80,72.78,20.22,4.88,7.11c0,0,114,134.27,59.76,264.41C62.79,276,96,218.26,110.75,197.11,132.21,166.39,142.16,130.47,141,123.65Z"/>
+  <path class="cls-2"
+        d="M160.43,129.61c33.38-28,110.18-34,173-1.71,0,0-162.38,24.78-208.87,159.22-1.57,4.56,7.48-42.74,8.62-59.66C136.93,172.13,155.12,134.05,160.43,129.61Z"/>
+</svg>
diff --git a/scm-ui/ui-webapp/public/images/blibSimpleSmallLightBackground.svg b/scm-ui/ui-webapp/public/images/blibSimpleSmallLightBackground.svg
new file mode 100644
index 0000000000..7caa76601e
--- /dev/null
+++ b/scm-ui/ui-webapp/public/images/blibSimpleSmallLightBackground.svg
@@ -0,0 +1,73 @@
+<svg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+     viewBox="0 0 337.33 291.79">
+  <defs>
+    <style>
+      .cls-1{fill:none;}.cls-2{fill:#c7c7c7;}.cls-3{clip-path:url(#clip-path);}.cls-4{fill:url(#Unbenannter_Verlauf_5);}.cls-5{clip-path:url(#clip-path-2);}.cls-6{fill:url(#Unbenannter_Verlauf_5-2);}.cls-7{clip-path:url(#clip-path-3);}.cls-8{fill:url(#Unbenannter_Verlauf_5-3);}.cls-9{clip-path:url(#clip-path-4);}.cls-10{fill:url(#Unbenannter_Verlauf_5-4);}.cls-11{clip-path:url(#clip-path-5);}.cls-12{fill:url(#Unbenannter_Verlauf_5-5);}.cls-13{fill:url(#Unbenannter_Verlauf_5-6);}
+    </style>
+    <clipPath id="clip-path">
+      <path class="cls-1"
+            d="M123.75,284.91h0a37.64,37.64,0,0,1,5-11.66c37.45-93.06,145.64-135,203.65-145.07l0-.28a158.77,158.77,0,0,0-20.84-9.35C284.33,126,147.39,168.67,123.75,284.91"/>
+    </clipPath>
+    <linearGradient id="Unbenannter_Verlauf_5" x1="-1080.87" y1="578.24" x2="-1076.65" y2="578.24"
+                    gradientTransform="translate(53580.88 -28396.43) scale(49.46)" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#47c0eb"/>
+      <stop offset="0.5" stop-color="#34aae1"/>
+      <stop offset="1" stop-color="#2c94d1"/>
+    </linearGradient>
+    <clipPath id="clip-path-2">
+      <path class="cls-1"
+            d="M126.64,264.88c-.72,4.83-1.46,9.68-2.16,14.5C142.86,174.89,250,128.47,295.2,113.38a209.53,209.53,0,0,0-23.88-4.86c-48.19,20.91-131.07,69-144.68,156.36"/>
+    </clipPath>
+    <linearGradient id="Unbenannter_Verlauf_5-2" x1="-1079.28" y1="579.63" x2="-1075.06" y2="579.63"
+                    gradientTransform="translate(43780.48 -23251.51) scale(40.45)" xlink:href="#Unbenannter_Verlauf_5"/>
+    <clipPath id="clip-path-3">
+      <path class="cls-1"
+            d="M229.91,106.72C171,144.22,138.44,187.79,130.35,240l-2.17,14.52c4-22.83,16.25-92.3,125.74-147.71-4.18-.25-8.35-.37-12.48-.37q-5.82,0-11.53.32"/>
+    </clipPath>
+    <linearGradient id="Unbenannter_Verlauf_5-3" x1="-1076.09" y1="582.25" x2="-1071.87" y2="582.25"
+                    gradientTransform="translate(32192.51 -17168.82) scale(29.8)" xlink:href="#Unbenannter_Verlauf_5"/>
+    <clipPath id="clip-path-4">
+      <path class="cls-1"
+            d="M188.92,114.12c-23.63,23.33-46.59,51.46-54.54,98.83-.71,4.83-1.45,9.66-2.17,14.51,3.64-20.66,12.15-69,78-118.59a145.93,145.93,0,0,0-21.29,5.25"/>
+    </clipPath>
+    <linearGradient id="Unbenannter_Verlauf_5-4" x1="-1068.67" y1="588.42" x2="-1064.45" y2="588.42"
+                    gradientTransform="translate(19884.83 -10707.87) scale(18.48)" xlink:href="#Unbenannter_Verlauf_5"/>
+    <clipPath id="clip-path-5">
+      <path class="cls-1"
+            d="M169.44,122.74a72.54,72.54,0,0,0-10,6.87C148.85,148,142.32,162.81,138.11,188l-2.18,14.51c2.67-15.14,8.21-46.65,39.32-82.89-2,1-3.94,2-5.81,3.09"/>
+    </clipPath>
+    <linearGradient id="Unbenannter_Verlauf_5-5" x1="-1049.39" y1="604.65" x2="-1045.17" y2="604.65"
+                    gradientTransform="translate(9913.31 -5472.54) scale(9.32)" xlink:href="#Unbenannter_Verlauf_5"/>
+    <linearGradient id="Unbenannter_Verlauf_5-6" x1="124.41" y1="196.74" x2="333.46" y2="196.74"
+                    gradientTransform="matrix(1, 0, 0, 1, 0, 0)" xlink:href="#Unbenannter_Verlauf_5"/>
+  </defs>
+  <path class="cls-2"
+        d="M5,6.88l-.14.23C44.09,53.81,101.7,159.19,69,257.93a39.06,39.06,0,0,1-4.39,13.59c60.23-108.11-20.1-234-36.82-258.13A161.47,161.47,0,0,0,5,6.88"/>
+  <path class="cls-2"
+        d="M68.32,265.66C123.78,170.59,70,62.34,44.3,20.22A214.65,214.65,0,0,1,66.46,32.31C90.64,81,124.08,174.43,76.33,252.72q-4,6.48-8,12.94"/>
+  <path class="cls-2"
+        d="M82.08,243.43c12.11-20.76,49-84-.65-200.91a215.33,215.33,0,0,1,19.06,16c21.56,69,18.14,125.27-10.41,172Z"/>
+  <path class="cls-2"
+        d="M97,219.34c11-18.8,36.64-62.8,17.68-146A151.39,151.39,0,0,1,128,91.69c3.07,34.26,2.43,71.87-23,114.7l-8,13"/>
+  <path class="cls-2"
+        d="M110.75,197.11c8-13.78,24.75-42.45,24.39-91.91.94,2.11,1.78,4.22,2.54,6.33A76.46,76.46,0,0,1,141,123.65c-4,21.65-8.7,37.72-22.26,60.52Z"/>
+  <g class="cls-3">
+    <rect class="cls-4" x="123.75" y="118.55" width="208.71" height="166.36"/>
+  </g>
+  <g class="cls-5">
+    <rect class="cls-6" x="124.48" y="108.52" width="170.72" height="170.86"/>
+  </g>
+  <g class="cls-7">
+    <rect class="cls-8" x="128.18" y="106.4" width="125.73" height="148.07"/>
+  </g>
+  <g class="cls-9">
+    <rect class="cls-10" x="132.21" y="108.87" width="78" height="118.59"/>
+  </g>
+  <g class="cls-11">
+    <rect class="cls-12" x="135.93" y="119.65" width="39.31" height="82.88"/>
+  </g>
+  <path class="cls-2"
+        d="M141,123.65C133.67,80,72.78,20.22,4.88,7.11c0,0,114,134.27,59.76,264.41C62.79,276,96,218.26,110.75,197.11,132.21,166.39,142.16,130.47,141,123.65Z"/>
+  <path class="cls-13"
+        d="M160.43,129.61c33.38-28,110.18-34,173-1.71,0,0-162.38,24.78-208.87,159.22-1.57,4.56,7.48-42.74,8.62-59.66C136.93,172.13,155.12,134.05,160.43,129.61Z"/>
+</svg>
diff --git a/scm-ui/ui-webapp/public/images/blibSmallDarkBackground.svg b/scm-ui/ui-webapp/public/images/blibSmallDarkBackground.svg
new file mode 100644
index 0000000000..d8baf56009
--- /dev/null
+++ b/scm-ui/ui-webapp/public/images/blibSmallDarkBackground.svg
@@ -0,0 +1,67 @@
+<svg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+     viewBox="0 0 337.33 291.79">
+  <defs>
+    <style>
+      .cls-1{fill:none;}.cls-2{fill:#f5f4f5;}.cls-3{clip-path:url(#clip-path);}.cls-4{fill:url(#Unbenannter_Verlauf_5);}.cls-5{clip-path:url(#clip-path-2);}.cls-6{fill:url(#Unbenannter_Verlauf_5-2);}.cls-7{clip-path:url(#clip-path-3);}.cls-8{fill:url(#Unbenannter_Verlauf_5-3);}.cls-9{clip-path:url(#clip-path-4);}.cls-10{fill:url(#Unbenannter_Verlauf_5-4);}.cls-11{clip-path:url(#clip-path-5);}.cls-12{fill:url(#Unbenannter_Verlauf_5-5);}
+    </style>
+    <clipPath id="clip-path">
+      <path class="cls-1"
+            d="M123.75,284.91h0a37.64,37.64,0,0,1,5-11.66c37.45-93.06,145.64-135,203.65-145.07l0-.28a158.77,158.77,0,0,0-20.84-9.35C284.33,126,147.39,168.67,123.75,284.91"/>
+    </clipPath>
+    <linearGradient id="Unbenannter_Verlauf_5" x1="-611.94" y1="244.82" x2="-607.72" y2="244.82"
+                    gradientTransform="translate(30388.6 -11906.59) scale(49.46)" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#47c0eb"/>
+      <stop offset="0.5" stop-color="#34aae1"/>
+      <stop offset="1" stop-color="#2c94d1"/>
+    </linearGradient>
+    <clipPath id="clip-path-2">
+      <path class="cls-1"
+            d="M126.64,264.88c-.72,4.83-1.46,9.68-2.16,14.5C142.86,174.89,250,128.47,295.2,113.38a209.53,209.53,0,0,0-23.88-4.86c-48.19,20.91-131.07,69-144.68,156.36"/>
+    </clipPath>
+    <linearGradient id="Unbenannter_Verlauf_5-2" x1="-612.5" y1="247.75" x2="-608.28" y2="247.75"
+                    gradientTransform="translate(24899.69 -9827.16) scale(40.45)" xlink:href="#Unbenannter_Verlauf_5"/>
+    <clipPath id="clip-path-3">
+      <path class="cls-1"
+            d="M229.91,106.72C171,144.22,138.44,187.79,130.35,240l-2.17,14.52c4-22.83,16.25-92.3,125.74-147.71-4.18-.25-8.35-.37-12.48-.37q-5.82,0-11.53.32"/>
+    </clipPath>
+    <linearGradient id="Unbenannter_Verlauf_5-3" x1="-613.54" y1="253.37" x2="-609.32" y2="253.37"
+                    gradientTransform="translate(18409.91 -7369.32) scale(29.8)" xlink:href="#Unbenannter_Verlauf_5"/>
+    <clipPath id="clip-path-4">
+      <path class="cls-1"
+            d="M188.92,114.12c-23.63,23.33-46.59,51.46-54.54,98.83-.71,4.83-1.45,9.66-2.17,14.51,3.64-20.66,12.15-69,78-118.59a145.93,145.93,0,0,0-21.29,5.25"/>
+    </clipPath>
+    <linearGradient id="Unbenannter_Verlauf_5-4" x1="-615.95" y1="266.54" x2="-611.73" y2="266.54"
+                    gradientTransform="translate(11517.07 -4758.34) scale(18.48)" xlink:href="#Unbenannter_Verlauf_5"/>
+    <clipPath id="clip-path-5">
+      <path class="cls-1"
+            d="M169.44,122.74a72.54,72.54,0,0,0-10,6.87C148.85,148,142.32,162.81,138.11,188l-2.18,14.51c2.67-15.14,8.21-46.65,39.32-82.89-2,1-3.94,2-5.81,3.09"/>
+    </clipPath>
+    <linearGradient id="Unbenannter_Verlauf_5-5" x1="-622.15" y1="300.88" x2="-617.93" y2="300.88"
+                    gradientTransform="translate(5932.63 -2642.25) scale(9.32)" xlink:href="#Unbenannter_Verlauf_5"/>
+  </defs>
+  <path class="cls-2"
+        d="M5,6.88l-.14.23C44.09,53.81,101.7,159.19,69,257.93a39.06,39.06,0,0,1-4.39,13.59c60.23-108.11-20.1-234-36.82-258.13A161.47,161.47,0,0,0,5,6.88"/>
+  <path class="cls-2"
+        d="M68.32,265.66C123.78,170.59,70,62.34,44.3,20.22A214.65,214.65,0,0,1,66.46,32.31C90.64,81,124.08,174.43,76.33,252.72q-4,6.48-8,12.94"/>
+  <path class="cls-2"
+        d="M82.08,243.43c12.11-20.76,49-84-.65-200.91a215.33,215.33,0,0,1,19.06,16c21.56,69,18.14,125.27-10.41,172Z"/>
+  <path class="cls-2"
+        d="M97,219.34c11-18.8,36.64-62.8,17.68-146A151.39,151.39,0,0,1,128,91.69c3.07,34.26,2.43,71.87-23,114.7l-8,13"/>
+  <path class="cls-2"
+        d="M110.75,197.11c8-13.78,24.75-42.45,24.39-91.91.94,2.11,1.78,4.22,2.54,6.33A76.46,76.46,0,0,1,141,123.65c-4,21.65-8.7,37.72-22.26,60.52Z"/>
+  <g class="cls-3">
+    <rect class="cls-4" x="123.75" y="118.55" width="208.71" height="166.36"/>
+  </g>
+  <g class="cls-5">
+    <rect class="cls-6" x="124.48" y="108.52" width="170.72" height="170.86"/>
+  </g>
+  <g class="cls-7">
+    <rect class="cls-8" x="128.18" y="106.4" width="125.73" height="148.07"/>
+  </g>
+  <g class="cls-9">
+    <rect class="cls-10" x="132.21" y="108.87" width="78" height="118.59"/>
+  </g>
+  <g class="cls-11">
+    <rect class="cls-12" x="135.93" y="119.65" width="39.31" height="82.88"/>
+  </g>
+</svg>