Plume
/
Plume
5
11
Fork 10
Code Issues 141 Pull Requests 12 Releases 5 Wiki Activity
Labels Milestones
New Issue

#903 Customize blog theme / css

Open
opened 1 month ago by pwFoo · 3 comments
pwFoo commented 1 month ago

Hi,
before I start using my new plume blog I’d like to customize some colors. Searched documentation, but haven’t found an example how to change background / text colors with custom blog css?
https://docs.joinplu.me/guide/manage-a-blog/

Would it possible to get a listing of some css attributes to change the base color schema?

Hi, before I start using my new plume blog I'd like to customize some colors. Searched documentation, but haven't found an example how to change background / text colors with custom blog css? https://docs.joinplu.me/guide/manage-a-blog/ Would it possible to get a listing of some css attributes to change the base color schema?
KitaitiMakoto commented 1 month ago
Owner

Sorry, there’s no listing neither examples. But documentation is here: https://docs.joinplu.me/guide/creating-themes/

Copying default theme from static directory is a good start point.

Sorry, there's no listing neither examples. But documentation is here: https://docs.joinplu.me/guide/creating-themes/ Copying default theme from static directory is a good start point.
pwFoo commented 1 month ago
Poster

Tried with a simple theme.css in the following directories, but it’s ignored as blog theme?

  • ./css/blog-<BLOG_NAME>/theme.css
  • ./css/<BLOG_NAME>/theme.css
  • ./css/<BLOG_NAME>-<THEME_NAME>/theme.css
  • ./css/blog-<THEME_NAME>/theme.css (don’t make sense because wouldn’t belong to a defined blog?!)

So how to name directory and file to get it work?

Tried with a simple theme.css in the following directories, but it's ignored as blog theme? - `./css/blog-<BLOG_NAME>/theme.css` - `./css/<BLOG_NAME>/theme.css` - `./css/<BLOG_NAME>-<THEME_NAME>/theme.css` - `./css/blog-<THEME_NAME>/theme.css` (don't make sense because wouldn't belong to a defined blog?!) So how to name directory and file to get it work?
KitaitiMakoto commented 2 weeks ago
Owner

Can you try:

  1. cp -r static/css/default-light static/css/myblog
  2. edit static/css/myblog/theme.css

And choose the theme myblog in env var DEFAULT_THEME or blog setting at /~/<BLOG_NAME>/edit.

Can you try: 1. `cp -r static/css/default-light static/css/myblog` 2. edit `static/css/myblog/theme.css` And choose the theme `myblog` in env var `DEFAULT_THEME` or blog setting at `/~/<BLOG_NAME>/edit`.
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Apply labels
Clear labels
A: API
Related to the REST API A: Backend
Code running on the server A: Federation
Stuff related to Federation A: Front-End
Related to the front-end A: I18N
Translations, and related code A: Meta
More about project management or code than the project itself A: Security Build
The building, or installation process of Plume C: Bug
Something isn't working C: Discussion
We need to talk C: Enhancement
New feature or request C: Feature
This is a new feature Compatibility
Compatibility with different browsers, readers and OS Dependency
Related to an external package that Plume uses Design
UI/UX related issues and PRs Documentation Good first issue
Good for newcomers Help welcome
Extra attention is needed Mobile
Issues affecting only mobile UX Rendering
How elements're rendered out for the end user S: Blocked
Something else needs to be fixed first S: Duplicate
This issue or pull request already exists S: Incomplete
This PR is not complete yet S: Instance specific
Issues concern a limited number of instances S: Invalid
This doesn't seem right S: Needs Voting/Discussion
Need to be discussed by the community (on Loomio) S: Ready for review
This PR is ready to be reviewed Suggestion
Proposed ideas worth considering S: Voted on Loomio
This is issue has been created after a vote on Loomio S: Wontfix
This will not be worked on
No Label
A: API
A: Backend
A: Federation
A: Front-End
A: I18N
A: Meta
A: Security
Build
C: Bug
C: Discussion
C: Enhancement
C: Feature
Compatibility
Dependency
Design
Documentation
Good first issue
Help welcome
Mobile
Rendering
S: Blocked
S: Duplicate
S: Incomplete
S: Instance specific
S: Invalid
S: Needs Voting/Discussion
S: Ready for review
Suggestion
S: Voted on Loomio
S: Wontfix
Milestone
Set milestone
Clear milestone
No items
No Milestone
Assignees
Assign users
Clear assignees
No Assignees
2 Participants
Notifications
Due Date

No due date set.

Dependencies

This issue currently doesn't have any dependencies.

Write Preview
Loading…
Cancel
Save
There is no content yet.
Delete Branch '%!s(MISSING)'

Deleting a branch is permanent. It CANNOT be undone. Continue?

No
Yes