Updated AGPL logo (#1235)

src/components/ApplicationLogo/Logos/LogoBase/LogoBase.tsx

@@ -21,9 +21,11 @@ import { LogoBaseProps } from "./LogoBase.types";
 
 const LogoBase = styled.svg<SVGProps<any> & LogoBaseProps>((props) => {
   let mainColor = get(props, "theme.logoLabelColor", "#000");
+  let contrast = get(props, "theme.logoContrast", "#fff");
 
   if (props.inverse) {
     mainColor = get(props, "theme.logoLabelInverse", "#fff");
+    contrast = get(props, "theme.logoContrastInverse", "#000");
   }
 
   return {
@@ -33,6 +35,9 @@ const LogoBase = styled.svg<SVGProps<any> & LogoBaseProps>((props) => {
     "& .minioApplicationName": {
       fill: mainColor,
     },
+    "& .contrast": {
+      fill: contrast,
+    },
   };
 });
 

src/global/global.types.ts

@@ -339,6 +339,8 @@ export interface ThemeDefinitionProps {
   logoColor: string;
   logoLabelColor: string;
   logoLabelInverse: string;
+  logoContrast: string;
+  logoContrastInverse: string;
   loaderColor: string;
   linkColor?: string;
   boxBackground: string;

src/global/themes.ts

@@ -192,6 +192,8 @@ export const lightTheme: ThemeDefinitionProps = {
   logoColor: lightColors.mainRed,
   logoLabelColor: lightColors.logoLabel,
   logoLabelInverse: lightColors.logoLabelInverse,
+  logoContrast: lightColors.white,
+  logoContrastInverse: lightColors.logoLabel,
   loaderColor: lightColors.loaderColor,
   linkColor: lightColors.linkColor,
   boxBackground: lightColors.boxBackground,
@@ -668,6 +670,8 @@ export const darkTheme: ThemeDefinitionProps = {
   logoColor: darkColors.mainRed,
   logoLabelColor: darkColors.logoLabel,
   logoLabelInverse: darkColors.logoLabelInverse,
+  logoContrast: darkColors.dark,
+  logoContrastInverse: darkColors.dark,
   loaderColor: darkColors.loaderColor,
   linkColor: darkColors.linkColor,
   boxBackground: darkColors.boxBackground,