Redesign project logo

komodorio · Jul 30, 2023 · 19acec9 · 19acec9
1 parent 9a7cd08
commit 19acec9
Show file tree

Hide file tree

Showing 11 changed files with 127 additions and 584 deletions.
diff --git a/README.md b/README.md
@@ -1,4 +1,4 @@
-# <img src="pkg/frontend/src/assets/logo.svg" style="height: 1.5rem;" alt="logo"> komoplane
+# <img src="pkg/frontend/src/assets/logo_dark_text.svg" style="height: 3rem;" alt="komoplane"> 
 
 [Komodor's](https://komodor.com) Crossplane Tool is a project to experiment with
 visualizing [Crossplane](https://www.crossplane.io/) resources. The goal is to help Crossplane users to understand the

diff --git a/pkg/frontend/index.html b/pkg/frontend/index.html
@@ -3,7 +3,7 @@
 <head>
  <script src="/src/analytics.js" type="module"></script>
  <meta charset="UTF-8"/>
- <link rel="icon" type="image/svg+xml" href="/src/assets/logo-cut.png"/>
+ <link rel="icon" type="image/svg+xml" href="/src/assets/logo.png"/>
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <title>komoplane</title>
 </head>

diff --git a/pkg/frontend/src/App.tsx b/pkg/frontend/src/App.tsx
@@ -1,5 +1,5 @@
 import LaunchIcon from '@mui/icons-material/Launch';
-import LogoImage from "./assets/logo.svg";
+import LogoImage from "./assets/logo_white_text.svg";
 import {styled} from '@mui/material/styles';
 import Box from '@mui/material/Box';
 import Drawer from '@mui/material/Drawer';
@@ -74,13 +74,10 @@ export default function App() {
  <Box>
  <DrawerHeader>
  <Box className="flex justify-between flex-row py-3 pb-5">
- <img src={LogoImage} style={{height: "2rem"}} alt="KP" className="pt-2 mr-2"/>
- <Box className="text-center">
- <Link component={RouterLink} to="/" color={"#ffffff"} underline="none">
- <Typography variant="h4"
- sx={{letterSpacing: "0.1rem"}}> komoplane</Typography>
- </Link>
- </Box>
+ <Link component={RouterLink} to="/" color={"#ffffff"} underline="none">
+ <img src={LogoImage} style={{height: "3.5rem"}} alt="Komoplane"
+ className="pt-2"/>
+ </Link>
  </Box>
  </DrawerHeader>
  <Divider/>
@@ -155,7 +152,8 @@ export default function App() {
  </Box>
  <List>
  <ListItem disablePadding>
- <ListItemButton component={Link} href="https://join.slack.com/t/komodorkommunity/shared_invite/zt-1lz4cme86-2zIKTRtTFnzL_UNxaUS9yw">
+ <ListItemButton component={Link}
+ href="https://join.slack.com/t/komodorkommunity/shared_invite/zt-1lz4cme86-2zIKTRtTFnzL_UNxaUS9yw">
  <ListItemIcon>
  <SlackIcon/>
  </ListItemIcon>

diff --git a/pkg/frontend/src/assets/logo-cut.png b/pkg/frontend/src/assets/logo-cut.png
diff --git a/pkg/frontend/src/assets/logo.png b/pkg/frontend/src/assets/logo.png
diff --git a/pkg/frontend/src/assets/logo.svg b/pkg/frontend/src/assets/logo.svg
diff --git a/pkg/frontend/src/assets/logo45.png b/pkg/frontend/src/assets/logo45.png
diff --git a/pkg/frontend/src/assets/logo_dark_text.svg b/pkg/frontend/src/assets/logo_dark_text.svg
diff --git a/pkg/frontend/src/assets/logo_design.svg b/pkg/frontend/src/assets/logo_design.svg