a mini social media app for small communities
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| | | |
36
37> there is nothing here yet! do you want to be the one to change that?
38
39## built-in
40
41| name | based on (if applicable) | css theme url |
42|-----------------------------|---------------------------------|---------------------------------|
43| catppuccin-macchiato-pink | water.css + catpuccin macchiato | catppuccin-macchiato-pink.css |
44| catppuccin-macchiato-green | water.css + catpuccin macchiato | catppuccin-macchiato-green.css |
45| catppuccin-macchiato-yellow | water.css + catpuccin macchiato | catppuccin-macchiato-yellow.css |
46| hackerman | simple.css | hackerman.css |
47
48> beep also features some built-in themes, some of which are based on the themes
49> present in the "it just works" list!
50
51> make sure to prefix the url with `<instance url>/static/themes/`