Custom logo

A custom logo, displayed at the top left of the application, is configurable through the angular environment file. PNG and SVG logo's for light and dark mode are supported. First, convert your image to Base64, and define them in a separate file, like in the below example. Please note that the string must not include a header like data:image/png;base64,i.

const LOGO_BASE_64 =
  'PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl8yIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MTIuNiA2Ni4wNiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMwMDMzNjE7c3Ryb2tlLXdpZHRoOjBweDt9PC9zdHlsZT48L2RlZnM+PGcgaWQ9IkxvZ28iPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTAsMTkuMzFoOC4yMWwyMi4zOCwzOS43MSwyMi4zOC0zOS43MWg4LjIxbC0yNS45OSw0Ni4wMmgtOS4yTDAsMTkuMzFaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTE2LjU5LDYwLjczaC0uMThjLTIuMDgsNC4xNS00LjUxLDUuMzItMTYuNDIsNS4zMmgtMTguNTljLTExLjczLDAtMTQuOC01LjE0LTE0LjgtMTMuODF2LTMuMDdjMC0xMC40Nyw3LjQtMTEuNzMsMjAuOTQtMTEuNzNoMTIuNDVjMTAuMTEsMCwxMy43MiwxLjA4LDE2LjQyLDUuNWguMTh2LTguNjZjMC04LjMtNS4yMy05LjM5LTE3LjE1LTkuMzloLTExLjM3Yy05Ljc1LDAtMTEuNjQsMi4zNS0xMS42NCw2LjE0djEuNjJoLTcuNzZ2LTIuMjZjMC04LjM5LDUuMzItMTEuODIsMTkuMjItMTEuODJoMTIuMjdjMTQuNDQsMCwyNC4xOCwyLjE3LDI0LjE4LDE1Ljg4djMwLjg2aC03Ljc2di00LjZaTTExNi41OSw1MC45YzAtNi4zMi01LjU5LTcuMTMtMTcuNTEtNy4xM2gtMTEuOTFjLTEwLjAyLDAtMTIuODEsMS40NC0xMi44MSw3LjIydjEuNDRjMCw1LjE0LDEuODEsNy4zMSwxMi40NSw3LjMxaDEwLjI5YzE0LjA4LDAsMTkuNDktLjk5LDE5LjQ5LTYuNzd2LTIuMDhaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTM5LjE2LDBoNy43NnY2NS4zM2gtNy43NlYwWiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE2Ni43NywyNS42M2gtMTAuMTF2LTYuMzJoMTAuMTF2LTEwLjkyaDcuNzZ2MTAuOTJoMzAuNzd2Ni4zMmgtMzAuNzd2MjIuOTJjMCw4LjU3LDIuOTgsMTEuMTksMTEuNDYsMTEuMTloMi40NGMxMC4yOSwwLDExLjkxLTIuMTcsMTEuOTEtMTEuODJ2LTMuNDNoNi4zMnY1LjA1YzAsOS4yLS45LDE2LjUxLTE3LjY5LDE2LjUxaC00LjI0Yy0xNC41MywwLTE3Ljk2LTcuMDQtMTcuOTYtMTQuNTN2LTI1LjlaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjE3LjIyLDE5LjMxaDcuNzZ2NDYuMDJoLTcuNzZWMTkuMzFaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjQwLjY4LDE5LjMxaDcuMjJ2NS40MWguMThjMy4yNS00Ljc4LDcuNjctNi4xNCwxNS40My02LjE0aDEyLjU0YzcuMDQsMCwxMi40NSwyLjgsMTQuODksOC40OCwyLjg5LTYuMjMsOS4xMi04LjQ4LDE3LjA2LTguNDhoOS4zOWMxMi40NSwwLDIwLjEyLDUuNDEsMjAuMTIsMTUuODh2MzAuODZoLTcuNzZ2LTI5Ljk2YzAtNS4zMi0yLjM1LTEwLjQ3LTE0LjcxLTEwLjQ3aC01LjVjLTEzLjk5LDAtMTUuODgsNS43OC0xNS44OCwxMy4xOHYyNy4yNWgtNy43NnYtMjcuODhjMC04LjkzLTIuOC0xMi41NC0xNS4xNi0xMi41NGgtNy43NmMtOS45MywwLTE0LjUzLDQuMTUtMTQuNTMsMTEuNTV2MjguODhoLTcuNzZWMTkuMzFaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMzUwLjYsMzcuMjdjMC0xNS4xNiwxMC43NC0xOC42OCwyNS40NS0xOC42OGgxMS4xYzE0LjcxLDAsMjUuNDUsMy41MiwyNS40NSwxOC42OHYxMC4xMWMwLDE1LjE2LTEwLjc0LDE4LjY4LTI1LjQ1LDE4LjY4aC0xMS4xYy0xNC43MSwwLTI1LjQ1LTMuNTItMjUuNDUtMTguNjh2LTEwLjExWk00MDQuODQsMzcuNzJjMC0xMC43NC02LjMyLTEyLjgxLTE1LjM0LTEyLjgxaC0xNS43OWMtOS4wMiwwLTE1LjM0LDIuMDgtMTUuMzQsMTIuODF2OS4yYzAsMTAuNzQsNi4zMiwxMi44MSwxNS4zNCwxMi44MWgxNS43OWM5LjAyLDAsMTUuMzQtMi4wOCwxNS4zNC0xMi44MXYtOS4yWiIvPjwvZz48L3N2Zz4=';
const DARK_MODE_LOGO_BASE_64 =
  'PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl8yIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MTIuNiA2Ni4wNiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7c3Ryb2tlLXdpZHRoOjBweDt9PC9zdHlsZT48L2RlZnM+PGcgaWQ9IkxvZ28iPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTAsMTkuMzFoOC4yMWwyMi4zOCwzOS43MSwyMi4zOC0zOS43MWg4LjIxbC0yNS45OSw0Ni4wMmgtOS4yTDAsMTkuMzFaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTE2LjU5LDYwLjczaC0uMThjLTIuMDgsNC4xNS00LjUxLDUuMzItMTYuNDIsNS4zMmgtMTguNTljLTExLjczLDAtMTQuOC01LjE0LTE0LjgtMTMuODF2LTMuMDdjMC0xMC40Nyw3LjQtMTEuNzMsMjAuOTQtMTEuNzNoMTIuNDVjMTAuMTEsMCwxMy43MiwxLjA4LDE2LjQyLDUuNWguMTh2LTguNjZjMC04LjMtNS4yMy05LjM5LTE3LjE1LTkuMzloLTExLjM3Yy05Ljc1LDAtMTEuNjQsMi4zNS0xMS42NCw2LjE0djEuNjJoLTcuNzZ2LTIuMjZjMC04LjM5LDUuMzItMTEuODIsMTkuMjItMTEuODJoMTIuMjdjMTQuNDQsMCwyNC4xOCwyLjE3LDI0LjE4LDE1Ljg4djMwLjg2aC03Ljc2di00LjZaTTExNi41OSw1MC45YzAtNi4zMi01LjU5LTcuMTMtMTcuNTEtNy4xM2gtMTEuOTFjLTEwLjAyLDAtMTIuODEsMS40NC0xMi44MSw3LjIydjEuNDRjMCw1LjE0LDEuODEsNy4zMSwxMi40NSw3LjMxaDEwLjI5YzE0LjA4LDAsMTkuNDktLjk5LDE5LjQ5LTYuNzd2LTIuMDhaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTM5LjE2LDBoNy43NnY2NS4zM2gtNy43NlYwWiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE2Ni43NywyNS42M2gtMTAuMTF2LTYuMzJoMTAuMTF2LTEwLjkyaDcuNzZ2MTAuOTJoMzAuNzd2Ni4zMmgtMzAuNzd2MjIuOTJjMCw4LjU3LDIuOTgsMTEuMTksMTEuNDYsMTEuMTloMi40NGMxMC4yOSwwLDExLjkxLTIuMTcsMTEuOTEtMTEuODJ2LTMuNDNoNi4zMnY1LjA1YzAsOS4yLS45LDE2LjUxLTE3LjY5LDE2LjUxaC00LjI0Yy0xNC41MywwLTE3Ljk2LTcuMDQtMTcuOTYtMTQuNTN2LTI1LjlaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjE3LjIyLDE5LjMxaDcuNzZ2NDYuMDJoLTcuNzZWMTkuMzFaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjQwLjY4LDE5LjMxaDcuMjJ2NS40MWguMThjMy4yNS00Ljc4LDcuNjctNi4xNCwxNS40My02LjE0aDEyLjU0YzcuMDQsMCwxMi40NSwyLjgsMTQuODksOC40OCwyLjg5LTYuMjMsOS4xMi04LjQ4LDE3LjA2LTguNDhoOS4zOWMxMi40NSwwLDIwLjEyLDUuNDEsMjAuMTIsMTUuODh2MzAuODZoLTcuNzZ2LTI5Ljk2YzAtNS4zMi0yLjM1LTEwLjQ3LTE0LjcxLTEwLjQ3aC01LjVjLTEzLjk5LDAtMTUuODgsNS43OC0xNS44OCwxMy4xOHYyNy4yNWgtNy43NnYtMjcuODhjMC04LjkzLTIuOC0xMi41NC0xNS4xNi0xMi41NGgtNy43NmMtOS45MywwLTE0LjUzLDQuMTUtMTQuNTMsMTEuNTV2MjguODhoLTcuNzZWMTkuMzFaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMzUwLjYsMzcuMjdjMC0xNS4xNiwxMC43NC0xOC42OCwyNS40NS0xOC42OGgxMS4xYzE0LjcxLDAsMjUuNDUsMy41MiwyNS40NSwxOC42OHYxMC4xMWMwLDE1LjE2LTEwLjc0LDE4LjY4LTI1LjQ1LDE4LjY4aC0xMS4xYy0xNC43MSwwLTI1LjQ1LTMuNTItMjUuNDUtMTguNjh2LTEwLjExWk00MDQuODQsMzcuNzJjMC0xMC43NC02LjMyLTEyLjgxLTE1LjM0LTEyLjgxaC0xNS43OWMtOS4wMiwwLTE1LjM0LDIuMDgtMTUuMzQsMTIuODF2OS4yYzAsMTAuNzQsNi4zMiwxMi44MSwxNS4zNCwxMi44MWgxNS43OWM5LjAyLDAsMTUuMzQtMi4wOCwxNS4zNC0xMi44MXYtOS4yWiIvPjwvZz48L3N2Zz4=';
const LOGO_BASE_64_PNG =
  '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';
const DARK_MODE_LOGO_BASE_64_PNG =
  'iVBORw0KGgoAAAANSUhEUgAAAZ4AAABDCAYAAACsq2NKAAAACXBIWXMAAAsSAAALEgHS3X78AAAMVUlEQVR4nO2d4XXjNhKAv72X/1YHZiqwUoF5FayvgmUqiFPBciuIUsHKFcRbQegKTq4gUgdWBbwfQ5xkPYkDkiAIyvO9x+f1AiaGJIABBgPMp7quMYwOlAPTDcP44HwyxWN0RKswn6JIYRjGbPnX1AIYhmEYHwtTPIZhGEZUTPEYhmEYUTHFYxiGYUTFFI9hGIYRFVM8hmEYRlR+mloAw2gha65LbJvLMIwZYYrHSJkC+NqS/g3bsGoYs8NMbYZhGEZUTPEYhmEYUTHFYxiGYUTFFI9hGIYRFVM8hmEYRlRM8RiGYRhRMcVjGIZhRMUUj2EYhhEVUzyGYRhGVH4CFsBSybcB3sYXJxgxnsmVkfP+aJclcDPgvpfYIzKDyL05+lmNUN6YZLQfhXOcT0vPB0nSn671J1fSq96S6O+z7d55cy2ROp0BtwNkOcbV2W0jQ0WYI45cu1tyePYhMh+3rar5t5M7VXIOz+6+HcD9CGW9ND9df7Pl8E174UJfb2n/cC9M18D78Ax8bknfIR+rq+LJgAfkKJe7PoKNyCtSEdYcGtEYhAh9XdJ+FM4c+DfdGt6YIcNL2t/n6b2z5m8eGGeQ1MYLsELaaBcy4sv8irSnZ6ZXQhny7A+Mo1z68oK0g2c69DvO1Pao5LtnPoonp13pgFTgLkpngVTAf4A/SE/pgMj0G/BfpAIUk0pjpEqJ1OMvxFc6IH3JX0hnpVklQDrcNdPIfIe0938aGbKIZTsKpD27viclpQMiz1c69jtO8TxzmE5dYt1TsNiUSvoL3Z5liYx2vvQTZxLugO9I484mlcRIhQXSMaQy07xH6mfRkqdAZE6h7X1BOv8yUnk50u98J82B7jlcv7NFZmYXOXYu0GY9t6Q/ii7QRwRlh/stkcYxxcgwBPdIw80nlsOYlgVSj1PrwG6Qjqo4k1Y0aam1va/Iu1wo+frirCt/E26tLTa3yKx2zYX3dKx4NsCTcsPVpRslwAJdqfzA3y7vGmtqFb8rN0gl9jFrGNfJmvSUzjHfeT84Kpr/SxU3WwvdF7o+J4UZXgi+cOE9ncbjKWlfvLtBZkZlMNHC8Yg+QtBmdad5uyqdY++YUJ6Apx56fb3mKsTsNifvRCMM2pqnY4eYSZz3UhcyDmbdPusQz0f36Kp0nNzgP7B0nmAL+inlO0Sht5qUOlL1lKXP83chb35mdJ+F3SEy5Rz1Pc6r7ZgS3Q78M9N7eRyzQORp65C7Bg3b4veS3ZpRRdx3kjfXA/6V9Ynh5tIQ3lkZfmtPBe2jvyemW3vsOrCY0qutjSek068IOyjJONRR3xH8tya/prheOchcdRftLM5Fu6Bb5/8rYergCnEO8mHPoc+piD+YzDl42Pkqovd9T13Xp9eirutt3c76zN9Nea0Ved+a5/K931K5n7vnQwLPTl3XeV3XGw+Z67qus4FlaYR8rlIpqwxc3pjXmO9Ne0/nKOtubWLItajreuUh05uSXtVS18eWN2/K8qFr33KpPN+yHiM8f5erqPXv5vj/tzt3csEb+szgC+ksWC/RR1SPdBsV+KyHPNB9L8JYVIjM2hodhDUNGPNjD/xC9y0FQ3hD2uC/m/Iv0Wax+BXpc6pgUl2masr65pH3huFtqvTI84q08dXAskKzRma3r555gctH5qzR3atLj4JioH2IHd2nwpmS7jZrpsYj8rxtFBHkMNJkj3SoY24wbqOiX/0LZc7qSgn87pGvy9rxKUt00+KOg3t1irwh8mnK57bJ13pWW6nc5J7pOzGfXbzFCOVWI9wzBD6z1ZS9m4xxeWA6peN4RrxLffnGtHsIV+iD8Dv6e7gVnnlSdwp6w/9ZWhVPhV5BSqZ1r9ZmO+44h9CkXAnWHnnykWUw0qPLVoKxKT3z7UnDtFR65Om7XUEz043Vh42Bz5acB9BPp/bZVDpkmjkEH/fpIoIcKaKN0IyPRwoduGODbhIGGUSlMMir0OXNe9w3Q+/DUvpuPmjy3gDL0308p2yRqW6bq+ZjU1jMCuKzWfSJ/jbRNe2jjL73TYVsagGMqOxJb9S8Qe90U3HeAT95u5J55EnpHfiwQepbm6NI5hOPZ4XuiRJbK5e0P9ieYTOxLQcf+XPXdsC9Y1Ap6VkEGYx0mHpd5xw+MlVjC9GBMd5hrqTP1XJRKelLH8Xj614d60iWDH2jVewZmGGkTDW1AGfQ2qePKe7aSXHA4IMqt28E0hV6RYg16/Fxny4jyGEYRn+0zmkbQ4jEudbBs7rGc0yBHDZ5CRezp+ovj0qOfu7UVM4Ox+QB71UFvJdhGMbYbJX0RRfFUyE2x7Z9M2vGXT/wcZ8eczEu4xByNm/+r++hnX154XCI4zPznY4bhnGdbLUMXRQPyKznn5Z05149htmtQN/8WI5QbtaUXZBGfAyn+D8j3obuZAZb1zIMYxb4rvE4tugbhErGiVNRKnmeCG+WKhFF+5U0lM45bjkEp7KYO4ZhJE9XxQMyo9Hcq0Ovs2ibRfeEne0sSCtMsA8u7oUpH8MwkqaP4nlDN6V9JdxaT4auyFaE9YJZM88zzW6QdZ8pjzEyDMNopY/iAZldxHKvLmlfvN8FLAvkLCHfiI0pcsvHPSrIMIwZ0NW54JhH4K+W9M8Md6/O0WPtlIRdVC97/M2xp9mYZPiFF47pZWcYhtGJIYrnGd29esWwNYdSSX8l7JHpGd3CSD8z7VlKLlyvT3gIoz8V59/vC3bSt2F0pq+pzVEq6Xf0N/v4dKahnRh8lOQeiaRYMP0BfhtEueeITD5RAA3DMCZlqOKpGM+9Wlu3GSO+iI/iKUYoNwQVflEADcMwJmWo4gFRLG3u1X1i9pTo+2amOBpnx/SznDZcbHvDMIypUAfwIRTPFn128oi/e/UCvfP8xjSHCKasdBwVdrKvYRjToVm4NiEUD+inV9/g7y1WosfamSoq31yOpPko57dlkcoxxw1jCrKpBeiJpnjeQimeUDF7MvRYOyXzUQBTYYrHMNJnq6TP9RSSKKY2xxp9YVubqayV9NCbRQ3DMKZiq6TfMc9TSDQLQRVS8YC+NnOPuEmfI0cXuOgojzFvtJltDBNY1pJmM29jCJVHnkv9ZaoUHnmCrfE4KsTNuY1LMxafWDtVR3k+KvnUAgTCx2SYjyxDm9ngo5g0jfHQrERlDCECUijprwRc4zlGm/Wcc68u0E8MSMFNeC4217nIqeEzoyhGlmFuI05jXqyV9D7bUabiEQ8zG4Rd43FsgT+VPCUH2+UCfbbzRJzR5VZJz0nf5vrI9ZzVtqF9jxj4Oa30ZUG74rEZjzEUny0af5C+FWOJ3+xsBeMoHtA3lR67V2sd5Z54Gn+rpN+QtnNDgVTSa6LyyLNmnAHBiva6aYrHGMoW/fQXgL9Jd+ZTIO1UG/A+0fSxYykeH/fq3xAtrgVbixnSufLI8wUZpWSjStKNB0T27xPLMQY+I8I7RAnkgcpcNOW2nYy+Y5pNzMb1oQXXdPzB4WisFMg59Dua0nkXrHPI6dQaK/TIoX8r99gRf3HtB3o8ns/N5RweKqQT2o4nFnCocFlz5cgU91pMa+dY43eE0i1Sn9yJ5Ru6OaPkHN6pForDyWUYIXhDZg1tYWYc90g93/G+76nGEOyEHGkjS2Swq7XJYx456h/HVDwgL1NTLm2UYcToxAr/QHD3zXVp1vbSsewF84x8OjZa7Kdj7jhvbjydoQxxxd5jiscIyzNyFJhmAXLcIgOkS4Okrn3POUJtV3jipL2MrXgq9Jg9l3hhmsZd0V/mU6Y6amVHt9FI6jwjDivaqRZt3BLunZSYmc0IT4nMfkKs06ZyzNOfnFmbGmuN55i+C2JlSCE6UuBnc02R0MHxUuERv0XYsXkibQcTY96sgP8w3/7HsUee42z/H0PxbOjeYTwx7WbRLWLPnNvH33PdpzsUwO9M913+5Lrfr5EGznnpG/Prg0D674wWx6AYigf8vTbgxPthQjbIy9NOYkiFHaIsr93F14VTjzn7eUEivKbqzmpcH84zOEMGW6mHOtkhivJnZHDW6okcS/G84W+eWJGO/fwN8d74BenoUhx9/AB+RSrotSsdxxap3D8jjTLEQuopr8gM5xcObqOGERvXd2Yc6vsPpldEu0aO35E2ktFh7fNTXdcjyXW1LJsra37PI5S55f0HrZAK+VEUjS85B1dz97vG8XvcEs811TBCkJ/8hPdtYAinfUx18rM3/wNtK8Y++8rJegAAAABJRU5ErkJggg==';

export {LOGO_BASE_64, DARK_MODE_LOGO_BASE_64, LOGO_BASE_64_PNG, DARK_MODE_LOGO_BASE_64_PNG};

Next, these logo's need to be imported in the Angular environment file:

import {
  ...
  ValtimoConfig,
} from '@valtimo/config';
...
import {
  DARK_MODE_LOGO_BASE_64,
  DARK_MODE_LOGO_BASE_64_PNG,
  LOGO_BASE_64,
  LOGO_BASE_64_PNG,
} from './logo';

...

export const environment: ValtimoConfig = {
  logoSvgBase64: LOGO_BASE_64,
  darkModeLogoSvgBase64: DARK_MODE_LOGO_BASE_64,
  logoPngBase64: LOGO_BASE_64_PNG,
  darkModeLogoPngBase64: DARK_MODE_LOGO_BASE_64_PNG,
  ...
}