Skip to content

Commit c1e3e09

Browse files
Preethi-DevPreethi-Dev
committed
add legooo logo and change storybook theme
1 parent c238790 commit c1e3e09

File tree

8 files changed

+65
-4
lines changed

8 files changed

+65
-4
lines changed

‎.storybook/manager-head.html

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
2+
<link rel="icon" type="image/svg+xml" href="/legooo-meta.svg">

‎.storybook/manager.js

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
import { addons } from "@storybook/manager-api";
2+
import myTheme from "./myTheme";
3+
4+
addons.setConfig({
5+
theme: myTheme,
6+
});

‎.storybook/myTheme.js

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
import { create } from "@storybook/theming/create";
2+
3+
export default create({
4+
brandTitle: "Legooo - The Design System",
5+
brandImage: "/legooo.png",
6+
brandTarget: "_self",
7+
8+
colorPrimary: "#5E6600",
9+
colorSecondary: "#BBCC00",
10+
11+
// Toolbar default and active colors
12+
barTextColor: "#9E9E9E",
13+
barSelectedColor: "#BBCC00",
14+
barHoverColor: "#BBCC00",
15+
});

‎public/index.html

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,15 @@
1-
<!DOCTYPE html>
1+
<!doctype html>
22
<html lang="en">
33
<head>
44
<meta charset="utf-8" />
5-
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
5+
<link rel="icon" href="%PUBLIC_URL%/legooo-meta.svg" />
66
<meta name="viewport" content="width=device-width, initial-scale=1" />
77
<meta name="theme-color" content="#000000" />
88
<meta
99
name="description"
1010
content="Web site created using create-react-app"
1111
/>
12-
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
12+
<link rel="apple-touch-icon" href="%PUBLIC_URL%/legooo-meta.svg" />
1313
<!--
1414
manifest.json provides metadata used when your web app is installed on a
1515
user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
@@ -24,7 +24,7 @@
2424
work correctly both with client-side routing and a non-root public URL.
2525
Learn how to configure a non-root public URL by running `npm run build`.
2626
-->
27-
<title>React App</title>
27+
<title>Legooo - The Design System</title>
2828
</head>
2929
<body>
3030
<noscript>You need to enable JavaScript to run this app.</noscript>

‎public/legooo-logo.png

3.18 KB
Loading

‎public/legooo-meta.svg

Lines changed: 36 additions & 0 deletions
Loading

‎public/legooo.png

6.57 KB
Loading

‎src/stories/Configure.mdx

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,8 @@ import { Meta } from "@storybook/blocks";
22

33
<Meta title="Getting Started" />
44

5+
![Legooo logo](./legooo-logo.png)
6+
57
# Legooo - Getting Started
68

79
Welcome to the Legooo React Design System! This guide will help you integrate and use our design system in your React projects.

0 commit comments

Comments
 (0)