From 46c95e47cca20395b6546cb408e9fd8aed7e4ba9 Mon Sep 17 00:00:00 2001
From: shan8851 <asamshan456@gmail.com>
Date: Fri, 9 Aug 2024 11:12:45 +0100
Subject: [PATCH 1/3] feat: Add aragon theming to ODS

---
 .storybook/manager.ts  |  6 ++++++
 .storybook/preview.tsx |  8 --------
 .storybook/theme.ts    | 24 ++++++++++++++++++++++++
 3 files changed, 30 insertions(+), 8 deletions(-)
 create mode 100644 .storybook/manager.ts
 create mode 100644 .storybook/theme.ts

diff --git a/.storybook/manager.ts b/.storybook/manager.ts
new file mode 100644
index 000000000..76e495e26
--- /dev/null
+++ b/.storybook/manager.ts
@@ -0,0 +1,6 @@
+import { addons } from '@storybook/manager-api';
+import customTheme from './theme';
+
+addons.setConfig({
+    theme: customTheme,
+});
diff --git a/.storybook/preview.tsx b/.storybook/preview.tsx
index a4adcab53..a2899ec21 100644
--- a/.storybook/preview.tsx
+++ b/.storybook/preview.tsx
@@ -29,18 +29,10 @@ const preview: Preview = {
         backgrounds: {
             default: 'neutral-50',
             values: [
-                {
-                    name: 'neutral-0',
-                    value: 'var(--ods-color-neutral-0)',
-                },
                 {
                     name: 'neutral-50',
                     value: 'var(--ods-color-neutral-50)',
                 },
-                {
-                    name: 'neutral-800',
-                    value: 'var(--ods-color-neutral-800)',
-                },
             ],
         },
     },
diff --git a/.storybook/theme.ts b/.storybook/theme.ts
new file mode 100644
index 000000000..aff23933f
--- /dev/null
+++ b/.storybook/theme.ts
@@ -0,0 +1,24 @@
+import { create } from '@storybook/theming';
+
+export default create({
+    base: 'light',
+    brandTitle: 'Aragon ODS',
+    brandUrl: 'https://aragon.org',
+    brandImage: 'https://i.postimg.cc/RVVSGThD/logo.png',
+    brandTarget: '_blank',
+    colorPrimary: '#003bf5',
+    colorSecondary: '#3164fa',
+    appBg: '#e4e7eb',
+    appContentBg: '#ffffff',
+    appBorderColor: '#cbd2d9',
+    appBorderRadius: 4,
+    textColor: '#323f4b',
+    textInverseColor: '#ffffff',
+    barTextColor: '#323f4b',
+    barSelectedColor: '#003bf5',
+    barBg: '#e4e7eb',
+    inputBg: '#ffffff',
+    inputBorder: '#cbd2d9',
+    inputTextColor: '#323f4b',
+    inputBorderRadius: 4,
+});

From 4d93f211542cc3277347da6b2fc92f34e12a341f Mon Sep 17 00:00:00 2001
From: shan8851 <asamshan456@gmail.com>
Date: Fri, 9 Aug 2024 11:16:17 +0100
Subject: [PATCH 2/3] chore: Update changelog

---
 CHANGELOG.md | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index ad0c8383d..783e1d269 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -7,6 +7,10 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 ## [Unreleased]
 
+### Added
+
+-   Add Aragon logo, remove dark background options and create custom theme using Aragon branding for ODS storybook
+
 ### Changed
 
 -   Update `@typescript-eslint` packages to v8

From d5a13457813e4309394a5a61dbb831b7400470dd Mon Sep 17 00:00:00 2001
From: shan8851 <asamshan456@gmail.com>
Date: Fri, 9 Aug 2024 11:57:39 +0100
Subject: [PATCH 3/3] chore: naming

---
 .storybook/manager.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/.storybook/manager.ts b/.storybook/manager.ts
index 76e495e26..303831a7b 100644
--- a/.storybook/manager.ts
+++ b/.storybook/manager.ts
@@ -1,6 +1,6 @@
 import { addons } from '@storybook/manager-api';
-import customTheme from './theme';
+import aragonOdsTheme from './theme';
 
 addons.setConfig({
-    theme: customTheme,
+    theme: aragonOdsTheme,
 });