a mini social media app for small communities
emmeline.girlkisser.top
1# themes
2
3beep supports per-user themes, because we like customizability. by default, no
4theme is selected and beep is 100% plain html.
5
6themes can be applied to beep by going to your profile and scrolling to your
7settings, then changing the theme url.
8
9here is a list of themes that work with beep and themes for beep!
10
11## drop-in
12
13> note that these themes were **not** made specifically for beep, they just work
14> well out-of-the-box with it!
15
16> there are also *tons* of drop-in css themes out in the wild, so the list here
17> is not even close to comprehensive. these are just my personal picks that i
18> found to be comfy with beep!
19
20| name | source | css theme url |
21|------------|------------------------------------------|-------------------------------------------------------------------------|
22| sakura | <https://github.com/oxalorg/sakura> | https://cdn.jsdelivr.net/npm/sakura.css/css/sakura.css |
23| water.css | <https://github.com/kognise/water.css> | https://cdn.jsdelivr.net/npm/water.css@2/out/water.min.css |
24| kacit | <https://github.com/Kimeiga/kacit> | https://cdn.rawgit.com/Kimeiga/kacit/b3f813ed/kacit.min.css |
25| pico | <https://github.com/picocss/pico> | https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.classless.min.css |
26| simple.css | <https://github.com/kevquirk/simple.css> | https://unpkg.com/simpledotcss/simple.min.css |
27
28> here is a big list of drop-in themes:
29> <https://github.com/dohliam/dropin-minimal-css>
30
31## beep-specific
32
33| name | source | css theme url |
34|---------|----------------------------------------------------|----------------------------|
35| default | <https://tangled.org/emmeline.girlkisser.top/beep> | /static/themes/default.css |
36
37## built-in
38
39| name | based on (if applicable) | css theme url |
40|-----------------------------|---------------------------------|---------------------------------|
41| default | n/a | default.css |
42| catppuccin-macchiato-pink | water.css + catpuccin macchiato | catppuccin-macchiato-pink.css |
43| catppuccin-macchiato-green | water.css + catpuccin macchiato | catppuccin-macchiato-green.css |
44| catppuccin-macchiato-yellow | water.css + catpuccin macchiato | catppuccin-macchiato-yellow.css |
45| hackerman | simple.css | hackerman.css |
46
47> beep also features some built-in themes, some of which are based on the themes
48> present in the "it just works" list!
49
50> make sure to prefix the url with `/static/themes/`