mirror of
https://github.com/aaronraimist/element-themes
synced 2024-06-03 14:52:12 +02:00
Merge pull request #62 from jordandrako/catppuccin
Add Catppuccin themes
This commit is contained in:
commit
0470dc3f1c
43
Catppuccin/Frappe/Catppuccin-Frappe-Theme.json
Normal file
43
Catppuccin/Frappe/Catppuccin-Frappe-Theme.json
Normal file
|
@ -0,0 +1,43 @@
|
|||
{
|
||||
"name": "Catppuccin Frappe",
|
||||
"is_dark": true,
|
||||
"colors": {
|
||||
"accent-color": "#babbf1",
|
||||
"primary-color": "#babbf1",
|
||||
"warning-color": "#e78284",
|
||||
"alert": "#faa81a",
|
||||
"sidebar-color": "#232634",
|
||||
"roomlist-background-color": "#292c3c",
|
||||
"roomlist-text-color": "#c6d0f5",
|
||||
"roomlist-text-secondary-color": "#303446",
|
||||
"roomlist-highlights-color": "#51576d",
|
||||
"roomlist-separator-color": "#838ba7",
|
||||
"timeline-background-color": "#303446",
|
||||
"timeline-text-color": "#c6d0f5",
|
||||
"secondary-content": "#c6d0f5",
|
||||
"tertiary-content": "#c6d0f5",
|
||||
"timeline-text-secondary-color": "#a5adce",
|
||||
"timeline-highlights-color": "#292c3c",
|
||||
"reaction-row-button-selected-bg-color": "#51576d",
|
||||
"menu-selected-color": "#51576d",
|
||||
"focus-bg-color": "#626880",
|
||||
"room-highlight-color": "#99d1db",
|
||||
"togglesw-off-color": "#949cbb",
|
||||
"other-user-pill-bg-color": "#99d1db",
|
||||
"username-colors": [
|
||||
"#ca9ee6",
|
||||
"#ea999c",
|
||||
"#ef9f76",
|
||||
"#a6d189",
|
||||
"#81c8be",
|
||||
"#99d1db",
|
||||
"#85c1dc",
|
||||
"#babbf1"
|
||||
],
|
||||
"avatar-background-colors": [
|
||||
"#8caaee",
|
||||
"#ca9ee6",
|
||||
"#a6d189"
|
||||
]
|
||||
}
|
||||
}
|
BIN
Catppuccin/Frappe/Catppuccin-Frappe-Theme.png
Normal file
BIN
Catppuccin/Frappe/Catppuccin-Frappe-Theme.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 77 KiB |
43
Catppuccin/Latte/Catppuccin-Latte-Theme.json
Normal file
43
Catppuccin/Latte/Catppuccin-Latte-Theme.json
Normal file
|
@ -0,0 +1,43 @@
|
|||
{
|
||||
"name": "Catppuccin Latte",
|
||||
"is_dark": false,
|
||||
"colors": {
|
||||
"accent-color": "#7287fd",
|
||||
"primary-color": "#7287fd",
|
||||
"warning-color": "#d20f39",
|
||||
"alert": "#df8e1d",
|
||||
"sidebar-color": "#dce0e8",
|
||||
"roomlist-background-color": "#e6e9ef",
|
||||
"roomlist-text-color": "#4c4f69",
|
||||
"roomlist-text-secondary-color": "#4c4f69",
|
||||
"roomlist-highlights-color": "#bcc0cc",
|
||||
"roomlist-separator-color": "#8c8fa1",
|
||||
"timeline-background-color": "#eff1f5",
|
||||
"timeline-text-color": "#4c4f69",
|
||||
"secondary-content": "#4c4f69",
|
||||
"tertiary-content": "#4c4f69",
|
||||
"timeline-text-secondary-color": "#6c6f85",
|
||||
"timeline-highlights-color": "#bcc0cc",
|
||||
"reaction-row-button-selected-bg-color": "#bcc0cc",
|
||||
"menu-selected-color": "#bcc0cc",
|
||||
"focus-bg-color": "#acb0be",
|
||||
"room-highlight-color": "#04a5e5",
|
||||
"togglesw-off-color": "#7c7f93",
|
||||
"other-user-pill-bg-color": "#04a5e5",
|
||||
"username-colors": [
|
||||
"#8839ef",
|
||||
"#e64553",
|
||||
"#fe640b",
|
||||
"#40a02b",
|
||||
"#179299",
|
||||
"#04a5e5",
|
||||
"#209fb5",
|
||||
"#7287fd"
|
||||
],
|
||||
"avatar-background-colors": [
|
||||
"#1e66f5",
|
||||
"#8839ef",
|
||||
"#40a02b"
|
||||
]
|
||||
}
|
||||
}
|
BIN
Catppuccin/Latte/Catppuccin-Latte-Theme.png
Normal file
BIN
Catppuccin/Latte/Catppuccin-Latte-Theme.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 76 KiB |
43
Catppuccin/Macchiato/Catppuccin-Macchiato-Theme.json
Normal file
43
Catppuccin/Macchiato/Catppuccin-Macchiato-Theme.json
Normal file
|
@ -0,0 +1,43 @@
|
|||
{
|
||||
"name": "Catppuccin Macchiato",
|
||||
"is_dark": true,
|
||||
"colors": {
|
||||
"accent-color": "#b7bdf8",
|
||||
"primary-color": "#b7bdf8",
|
||||
"warning-color": "#ed8796",
|
||||
"alert": "#eed49f",
|
||||
"sidebar-color": "#181926",
|
||||
"roomlist-background-color": "#1e2030",
|
||||
"roomlist-text-color": "#cad3f5",
|
||||
"roomlist-text-secondary-color": "#24273a",
|
||||
"roomlist-highlights-color": "#494d64",
|
||||
"roomlist-separator-color": "#8087a2",
|
||||
"timeline-background-color": "#24273a",
|
||||
"timeline-text-color": "#cad3f5",
|
||||
"secondary-content": "#cad3f5",
|
||||
"tertiary-content": "#cad3f5",
|
||||
"timeline-text-secondary-color": "#a5adcb",
|
||||
"timeline-highlights-color": "#1e2030",
|
||||
"reaction-row-button-selected-bg-color": "#494d64",
|
||||
"menu-selected-color": "#494d64",
|
||||
"focus-bg-color": "#5b6078",
|
||||
"room-highlight-color": "#91d7e3",
|
||||
"togglesw-off-color": "#939ab7",
|
||||
"other-user-pill-bg-color": "#91d7e3",
|
||||
"username-colors": [
|
||||
"#c6a0f6",
|
||||
"#ee99a0",
|
||||
"#f5a97f",
|
||||
"#a6da95",
|
||||
"#8bd5ca",
|
||||
"#91d7e3",
|
||||
"#7dc4e4",
|
||||
"#b7bdf8"
|
||||
],
|
||||
"avatar-background-colors": [
|
||||
"#8aadf4",
|
||||
"#c6a0f6",
|
||||
"#a6da95"
|
||||
]
|
||||
}
|
||||
}
|
BIN
Catppuccin/Macchiato/Catppuccin-Macchiato-Theme.png
Normal file
BIN
Catppuccin/Macchiato/Catppuccin-Macchiato-Theme.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 78 KiB |
43
Catppuccin/Mocha/Catppuccin-Mocha-Theme.json
Normal file
43
Catppuccin/Mocha/Catppuccin-Mocha-Theme.json
Normal file
|
@ -0,0 +1,43 @@
|
|||
{
|
||||
"name": "Catppuccin Mocha",
|
||||
"is_dark": true,
|
||||
"colors": {
|
||||
"accent-color": "#b4befe",
|
||||
"primary-color": "#b4befe",
|
||||
"warning-color": "#f38ba8",
|
||||
"alert": "#e5c890",
|
||||
"sidebar-color": "#11111b",
|
||||
"roomlist-background-color": "#181825",
|
||||
"roomlist-text-color": "#cdd6f4",
|
||||
"roomlist-text-secondary-color": "#1e1e2e",
|
||||
"roomlist-highlights-color": "#45475a",
|
||||
"roomlist-separator-color": "#7f849c",
|
||||
"timeline-background-color": "#1e1e2e",
|
||||
"timeline-text-color": "#cdd6f4",
|
||||
"secondary-content": "#cdd6f4",
|
||||
"tertiary-content": "#cdd6f4",
|
||||
"timeline-text-secondary-color": "#a6adc8",
|
||||
"timeline-highlights-color": "#181825",
|
||||
"reaction-row-button-selected-bg-color": "#585b70",
|
||||
"menu-selected-color": "#45475a",
|
||||
"focus-bg-color": "#585b70",
|
||||
"room-highlight-color": "#89dceb",
|
||||
"togglesw-off-color": "#9399b2",
|
||||
"other-user-pill-bg-color": "#89dceb",
|
||||
"username-colors": [
|
||||
"#cba6f7",
|
||||
"#eba0ac",
|
||||
"#fab387",
|
||||
"#a6e3a1",
|
||||
"#94e2d5",
|
||||
"#89dceb",
|
||||
"#74c7ec",
|
||||
"#b4befe"
|
||||
],
|
||||
"avatar-background-colors": [
|
||||
"#89b4fa",
|
||||
"#cba6f7",
|
||||
"#a6e3a1"
|
||||
]
|
||||
}
|
||||
}
|
BIN
Catppuccin/Mocha/Catppuccin-Mocha-Theme.png
Normal file
BIN
Catppuccin/Mocha/Catppuccin-Mocha-Theme.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 78 KiB |
25
README.md
25
README.md
|
@ -192,6 +192,30 @@ Made by `@ordo:mushrooms.dev`
|
|||
|
||||
![Monokai Pro Theme Screenshot](Monokai%20Pro/Monokai-Pro.png)
|
||||
|
||||
## [Catppuccin Latte](Catppuccin/Latte/Cattpuccin-Latte-Theme.json?raw=1)
|
||||
|
||||
Made by [@ghostx31](https://github.com/ghostx31) / Ported by [@jordandrako](https://github.com/jordandrako)
|
||||
|
||||
![Catppuccin-Latte-Theme](https://user-images.githubusercontent.com/7110658/223290983-8e65b614-8440-4d6d-a760-89efc4295ab9.png)
|
||||
|
||||
## [Catppuccin Frappe](Catppuccin/Frappe/Cattpuccin-Frappe-Theme.json?raw=1)
|
||||
|
||||
Made by [@ghostx31](https://github.com/ghostx31) / Ported by [@jordandrako](https://github.com/jordandrako)
|
||||
|
||||
![Catppuccin-Frappe-Theme](https://user-images.githubusercontent.com/7110658/223290293-a09c1af7-63fd-42ff-895c-bcdc2f67dcec.png)
|
||||
|
||||
## [Catppuccin Macchiato](Catppuccin/Macchiato/Cattpuccin-Macchiato-Theme.json?raw=1)
|
||||
|
||||
Made by [@ghostx31](https://github.com/ghostx31) / Ported by [@jordandrako](https://github.com/jordandrako)
|
||||
|
||||
![Catppuccin-Macchiato-Theme](https://user-images.githubusercontent.com/7110658/223291065-57b1d22c-a080-4ffd-bded-24ebaef2e65f.png)
|
||||
|
||||
## [Catppuccin Mocha](Catppuccin/Mocha/Cattpuccin-Mocha-Theme.json?raw=1)
|
||||
|
||||
Made by [@ghostx31](https://github.com/ghostx31) / Ported by [@jordandrako](https://github.com/jordandrako)
|
||||
|
||||
![Catppuccin-Mocha-Theme](https://user-images.githubusercontent.com/7110658/223291136-bbb47642-8bb9-4200-b635-1705a5405018.png)
|
||||
|
||||
# Advanced
|
||||
|
||||
The themes in this repository use Element's relatively basic theming system which can only change a limited number of colors. Element's [theming documentation](https://github.com/vector-im/element-web/blob/master/docs/theming.md) has more information on how these work. For more advanced themes where you want to customize things like fonts, button shapes, or all of the colors you'll need to use CSS which isn't supported by Element's theming system. To use CSS based themes you could use a browser extension like Stylus. https://github.com/dannycolin/riot-compact is an example of a more advanced theme.
|
||||
|
@ -218,3 +242,4 @@ The results:
|
|||
## build.py
|
||||
There is a [build.py](./build.py) python file which takes all the themes and
|
||||
outputs it to a file as an array of JSON. Simply execute it in this directory.
|
||||
](https://github.com/jordandrako/element-themes/edit/catppuccin/README.md)
|
||||
|
|
Loading…
Reference in a new issue