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 @[email protected].

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

[email protected]

Photon v1.28.0 - Themes! (lemdro.id)

submitted 8 months ago by [email protected] to c/[email protected]

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

[–] [email protected] 3 points 8 months ago (2 children)

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

@[email protected] am I in the right direction?

[–] [email protected] 2 points 8 months ago (1 children)

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

[–] [email protected] 1 points 8 months ago

Wow nice thanks!

[–] [email protected] 1 points 8 months ago

Thanks