Skip to content

✨feat: dark theme on components#1601

Open
maximedasilva wants to merge 22 commits into
developfrom
feature/dark-theme-on-components
Open

✨feat: dark theme on components#1601
maximedasilva wants to merge 22 commits into
developfrom
feature/dark-theme-on-components

Conversation

@maximedasilva

Copy link
Copy Markdown
Member

No description provided.

@auto-review auto-review Bot requested a review from dackmin January 6, 2026 10:05
@naming-cop

naming-cop Bot commented Jan 6, 2026

Copy link
Copy Markdown

I've found one or more issues in this PR:

feature/dark theme on components (#1601)

Details
  • ❌ emoji should be [✨, 🐛, ♻️, 🏗, 📦, 📖]
  • ❌ subject may not be empty
  • ❌ type may not be empty

feat:(darkmode): update story (7da9084)

Details
  • ❌ subject may not be empty
  • ❌ type may not be empty

Happy coding!

@vercel

vercel Bot commented Jan 6, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
oak Ready Ready Preview, Comment Feb 24, 2026 2:38pm

Request Review

@maximedasilva maximedasilva changed the title feature/dark theme on components feat: dark theme on components Jan 6, 2026
@naming-cop

naming-cop Bot commented Jan 6, 2026

Copy link
Copy Markdown

I've found one or more issues in this PR:

feat: dark theme on components (#1601)

Details
  • ❌ emoji should be [✨, 🐛, ♻️, 🏗, 📦, 📖]

feat:(darkmode): update story (7da9084)

Details
  • ❌ subject may not be empty
  • ❌ type may not be empty

Happy coding!

@maximedasilva maximedasilva marked this pull request as draft January 6, 2026 10:05
@maximedasilva maximedasilva changed the title feat: dark theme on components ✨feat: dark theme on components Jan 6, 2026
@naming-cop

naming-cop Bot commented Jan 6, 2026

Copy link
Copy Markdown

I've found one or more issues in this PR:

feat:(darkmode): update story (7da9084)

Details
  • ❌ subject may not be empty
  • ❌ type may not be empty

Happy coding!

@maximedasilva maximedasilva force-pushed the feature/dark-theme-on-components branch from a322268 to 6ee57ce Compare January 6, 2026 10:09
@maximedasilva maximedasilva changed the title ✨feat: dark theme on components ✨feat: dark theme on components - PROD-8 Jun 1, 2026
@dackmin dackmin changed the title ✨feat: dark theme on components - PROD-8 ✨feat: dark theme on components Jun 10, 2026
addon.overrides?.forEach(override => {
this.#overrides.add(override);
});

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

preserve line break

],
},
],
}]);

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

add line break

export const baseSettings = (): ComponentSettingsFieldObject[] => [
stylingSettings(),
export const baseSettings = (
{ darkMode = false }: { darkMode?: boolean } = {}

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

create BaseSettingsOptions type and export it

this.id = props.id;
this.tab = props.tab;
this.priority = props.priority;
this.tab = props.tab;

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

2 times the same line, remove one

const computeTabs = () => tabs
.concat(
(component.settings?.fields || [])
.filter((f: FieldObject) => f.type === 'tab' && f.tab === undefined)

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

&& !exists(f.tab)

import { useBuilder } from '../hooks';
import Setting from './Setting';
import SettingsGroup from './SettingsGroup';
import Text from '../Text';

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

move parent imports above relative

{
'oak-max-h-[500px] oak-overflow-y-auto': editableType !== 'modal',
},
{ 'oak-pt-px': subtabs?.length > 0 },

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

just add the property to the same object as above, no need for a new object

// @ts-expect-error ts & eslint fuckups
(s.key === f.key || [].concat(s.key)
.some(k => [].concat(f.key).includes(k)))
(

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

fix indent

) }
{ subtabs && (
<Tabs
tabs={subtabs.map(subtab => {

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

do not use { return, use (

@@ -302,8 +302,10 @@ export const coreComponentsGroup = (): ComponentsGroupObject => ({
components: baseComponents(),
});

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

create BaseAddonOptions that extends from BaseSettingsOptions and export it

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants