Skip to content
This repository has been archived by the owner on Jan 24, 2024. It is now read-only.

Style Variations #92

Closed
Closed
Show file tree
Hide file tree
Changes from 1 commit
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
42 changes: 42 additions & 0 deletions styles/dark-sans-serif.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,42 @@
{
"$schema": "https://schemas.wp.org/wp/6.2/theme.json",
"version": 2,
"title": "Dark Sans-serif",
"settings": {
"color": {
"palette": [
{
"color": "#222222",
"name": "Base",
"slug": "base"
},
{
"color": "#ffffff",
"name": "Contrast",
"slug": "contrast"
},
{
"color": "#222222",
"name": "Primary",
"slug": "primary"
},
{
"color": "#a2a2a2",
"name": "Secondary",
"slug": "secondary"
},
{
"color": "#303030",
"name": "Tertiary",
"slug": "tertiary"
}
]
}
},
"styles": {
"typography": {
"fontFamily": "var:preset|font-family|inter"
Copy link
Collaborator

Choose a reason for hiding this comment

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

Should we expand on this to include the different font weights @matiasbenedetto @mikachan ?

Choose a reason for hiding this comment

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

Nope, I don't think so because this part of the theme.json only sets the default preset for the elements. The Inter fonts weights were already created in settings.typography.fontFamilies.

Copy link
Contributor

Choose a reason for hiding this comment

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

Inter has been removed from the theme; please see #72 (comment)

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

ok. and also need to color palette update

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

Thanks for suggestion @carolinan

}
}
}

37 changes: 37 additions & 0 deletions styles/dark-serif.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,37 @@
{
"$schema": "https://schemas.wp.org/wp/6.2/theme.json",
Copy link
Collaborator

@MaggieCabrera MaggieCabrera Aug 27, 2023

Choose a reason for hiding this comment

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

This can probably be the 6.3 schema

Copy link
Collaborator Author

@huzaifaalmesbah huzaifaalmesbah Aug 27, 2023

Choose a reason for hiding this comment

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

I checked twentytwentythree using their trunk schema and also twentytwentyfour theme.json use trunk. Can I Updating schema from version 6.2 to trunk

"version": 2,
"title": "Dark serif",
"settings": {
"color": {
"palette": [
{
"color": "#222222",
"name": "Base",
"slug": "base"
},
{
"color": "#ffffff",
"name": "Contrast",
"slug": "contrast"
},
{
"color": "#222222",
Copy link
Collaborator

Choose a reason for hiding this comment

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

I don't think we should be duplicating colors here, it's confusing for the user. Will we break patterns or templates if we remove it?

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

Will not break but will get contrast color from default style

Copy link
Member

Choose a reason for hiding this comment

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

Yea, we should not be duplicated color values. It's not helpful having two controls in the color palette UI for selecting the same color.

"name": "Primary",
"slug": "primary"
},
{
"color": "#a2a2a2",
"name": "Secondary",
"slug": "secondary"
},
{
"color": "#303030",
"name": "Tertiary",
"slug": "tertiary"
}
]
}
}
}

37 changes: 37 additions & 0 deletions styles/light-sans-serif.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,37 @@
{
"$schema": "https://schemas.wp.org/wp/6.2/theme.json",
"version": 2,
"title": "Light Sans-serif",
"settings": {
"color": {
"palette": [
{
"color": "#f9f9f9",
"name": "Base",
"slug": "base"
},
{
"color": "#000000",
"name": "Contrast",
"slug": "contrast"
},
{
"color": "#000000",
"name": "Primary",
"slug": "primary"
},
{
"color": "#636363",
"name": "Secondary",
"slug": "secondary"
},
{
"color": "#ffffff",
"name": "Tertiary",
"slug": "tertiary"
}
]
}
}
}