this post was submitted on 06 Mar 2024
26 points (100.0% liked)

Photon

927 readers
1 users here now

Photon for Lemmy

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

This community is a place to ask questions, report bugs, check on the latest updates, or share your experiences with Photon!

You can contact me at @Xylight@lemdro.id.

Links

Rules

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

founded 2 years ago
MODERATORS
Xylight
ijeff
26
Photon v1.28.0 - Themes! (self.photon)
submitted 1 year 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.

top 9 comments
sorted by: hot top controversial new old
[–] fievel@lemm.ee 3 points 1 year ago (2 children)

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 1 year 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

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

[–] Xylight 2 points 1 year ago (1 children)

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

[–] wfh@lemm.ee 1 points 1 year ago

Wow nice thanks!

[–] fievel@lemm.ee 1 points 1 year ago

Thanks

[–] Xylight 1 points 1 year ago

sure, I'll add that later

[–] Xylight 2 points 1 year ago

hello this is my test comment from now on.

  • markdown test, but it's gonna be multiple lines. this is to see how well photon will handle multi-line stuff like this

  • this is another test

[–] Blaze@dormi.zone 2 points 1 year ago

Nice !

[–] fievel@lemm.ee 1 points 1 year ago* (last edited 1 year ago)

Very nice feature this theming :) And your example theme is also very nice, in general I always use dark themes but the Photon default one was too dark for me (maybe this could become the default of many users other than me prefer it).