submitted 8 months ago by Xylight to c/photon

9 comments fedilink hide all child comments

v1.28.0

Add custom theme support
- Access from the settings page or clicking "Color scheme" in main menu
- Instance themes are coming later
add pasting images directly into comments
fix sidebar collapsing stuff

Try a theme

To import/make a theme, go to settings > theming. You can also click "color scheme" in the main menu.

I made a catppuccin theme for photon. Import this:

{"zinc":{"50":"#cdd6f4","100":"#bac2de","200":"#a6adc8","300":"#9399b2","400":"#7f849c","500":"#6c7086","600":"#585b70","700":"#45475a","800":"#313244","900":"#1e1e2e","925":"#181825","950":"#11111b"},"primary":{"100":"#a6e3a1","900":"#7287fd"},"other":{"white":"#ffffff"},"slate":{}}

and voila! This theme only changes dark mode colors right now.

you are viewing a single comment's thread
view the rest of the comments

[-] fievel@lemm.ee 3 points 8 months ago

Is there some documentation somewhere about what the colors "label" are used for ? I would be interested to make the app look like the theme I use in my gvim I use for development.

[-] wfh@lemm.ee 3 points 8 months ago

Here's what I've gathered so far:

Slate (LIGHT) 25: Central window background 50: Global background 100: instance, background hover left bar, pictures background 200: outlines 300: buttons bottom outline 400: ??? 500: instance 600: sidebars text color, OP username, post date, reply button 700: ??? 800: ??? 900: titles, comments, upvote/downvote buttons 950: ???

Zinc (DARK) 50: ??? 100: titles, comments 200: upvote/downvote buttons, settings comments 300: post text 400: sidebars text color 500: user instance 600: theme buttons outline (?) 700: button top outline 800: outlines, background hover left bar 900: Buttons, instance, cards background 925: Central window background 950: Global background

Primary 100 Main UI accent color - DARK 900 Main UI accent color - LIGHT

Other Black: ??? Seems to always be black White: card background - LIGHT

@Xylight@lemdro.id am I in the right direction?

[-] Xylight 2 points 8 months ago

Spot on actually, all the ??? are unused colors. I'll add some docs for theming later

[-] wfh@lemm.ee 1 points 8 months ago

Wow nice thanks!

[-] fievel@lemm.ee 1 points 8 months ago

Thanks

[-] Xylight 1 points 8 months ago

sure, I'll add that later

this post was submitted on 06 Mar 2024

26 points (100.0% liked)

Photon

273 readers

1 users here now

Photon for Lemmy

A client for the fediverse designed to be intuitive, fast, and beautiful.

Share your themes, ask questions, report bugs, or check on the latest updates here!

You can contact the dev at @Xylight@lemdro.id.

Rules

Posts must be related to Photon in any way
Don't be mean
If your post is a bug report, please preface the title with [solved] if it's been fixed.

founded 11 months ago

MODERATORS

Xylight

ijeff

Xylight@lemm.ee