diff --git a/Catppuccin/Frappe/Catppuccin-Frappe-Theme.json b/Catppuccin/Frappe/Catppuccin-Frappe-Theme.json new file mode 100644 index 0000000..7328c8e --- /dev/null +++ b/Catppuccin/Frappe/Catppuccin-Frappe-Theme.json @@ -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" + ] + } +} diff --git a/Catppuccin/Frappe/Catppuccin-Frappe-Theme.png b/Catppuccin/Frappe/Catppuccin-Frappe-Theme.png new file mode 100644 index 0000000..2e2eed7 Binary files /dev/null and b/Catppuccin/Frappe/Catppuccin-Frappe-Theme.png differ diff --git a/Catppuccin/Latte/Catppuccin-Latte-Theme.json b/Catppuccin/Latte/Catppuccin-Latte-Theme.json new file mode 100644 index 0000000..d587ea4 --- /dev/null +++ b/Catppuccin/Latte/Catppuccin-Latte-Theme.json @@ -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" + ] + } +} diff --git a/Catppuccin/Latte/Catppuccin-Latte-Theme.png b/Catppuccin/Latte/Catppuccin-Latte-Theme.png new file mode 100644 index 0000000..56866a5 Binary files /dev/null and b/Catppuccin/Latte/Catppuccin-Latte-Theme.png differ diff --git a/Catppuccin/Macchiato/Catppuccin-Macchiato-Theme.json b/Catppuccin/Macchiato/Catppuccin-Macchiato-Theme.json new file mode 100644 index 0000000..7aa3c69 --- /dev/null +++ b/Catppuccin/Macchiato/Catppuccin-Macchiato-Theme.json @@ -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" + ] + } +} diff --git a/Catppuccin/Macchiato/Catppuccin-Macchiato-Theme.png b/Catppuccin/Macchiato/Catppuccin-Macchiato-Theme.png new file mode 100644 index 0000000..1d7e637 Binary files /dev/null and b/Catppuccin/Macchiato/Catppuccin-Macchiato-Theme.png differ diff --git a/Catppuccin/Mocha/Catppuccin-Mocha-Theme.json b/Catppuccin/Mocha/Catppuccin-Mocha-Theme.json new file mode 100644 index 0000000..d116f6b --- /dev/null +++ b/Catppuccin/Mocha/Catppuccin-Mocha-Theme.json @@ -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" + ] + } +} diff --git a/Catppuccin/Mocha/Catppuccin-Mocha-Theme.png b/Catppuccin/Mocha/Catppuccin-Mocha-Theme.png new file mode 100644 index 0000000..14c42a6 Binary files /dev/null and b/Catppuccin/Mocha/Catppuccin-Mocha-Theme.png differ diff --git a/README.md b/README.md index 1db7530..22db35a 100644 --- a/README.md +++ b/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)