From dea4b4a60643b2c2ef52ba24c1c567cae63b08a7 Mon Sep 17 00:00:00 2001 From: acxz <17132214+acxz@users.noreply.github.com> Date: Wed, 6 Apr 2022 17:30:27 -0400 Subject: [PATCH 1/3] add Wal theme --- README.md | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/README.md b/README.md index 1255aea..83b63d4 100644 --- a/README.md +++ b/README.md @@ -154,6 +154,13 @@ Made by `@maksim:wherelinux.xyz` ![Everforest Dark Hard Theme Screenshot](https://github.com/iambeingtracked/element-themes/blob/master/Everforest%20Dark%20Hard/everforest-dark-hard.png) +## [Wal Theme](https://github.com/acxz/element-wal) + +A theme that autogenerates colors based on your wallpaper. +Made by `@acxz:matrix.org` + +![Wal Theme Screenshot](https://user-images.githubusercontent.com/17132214/162074643-a5dbca97-b6c3-4cf6-90c6-b1a6d244c72e.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. From 177f317eeeaf0fcc2ac099000a244d8817da7f32 Mon Sep 17 00:00:00 2001 From: iambeingtracked <94642304+iambeingtracked@users.noreply.github.com> Date: Sat, 7 May 2022 15:24:02 +0300 Subject: [PATCH 2/3] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 83b63d4..8c56ccc 100644 --- a/README.md +++ b/README.md @@ -148,7 +148,7 @@ Made by `@jo:catgirl.party` ![Dracula Flat Dark Theme Screenshot](Dracula/Flat/screenshot%2020-06-16%2003-05-42.png) -## [Everforest Dark Hard Theme](https://raw.githubusercontent.com/iambeingtracked/element-themes/master/Everforest%20Dark%20Hard/everforest-dark-hard.json) +## [Everforest Dark Hard Theme](https://github.com/aaronraimist/element-themes/blob/master/Everforest%20Dark%20Hard/everforest-dark-hard.png) Made by `@maksim:wherelinux.xyz` From 52825b0c1a5140d1400354c4b893cf4eb4a40286 Mon Sep 17 00:00:00 2001 From: Aaron Raimist Date: Sun, 8 May 2022 00:36:42 +0000 Subject: [PATCH 3/3] Use relative path to image and raw link to JSON --- .../everforest-dark-hard.json | 40 +++++++++---------- README.md | 5 ++- 2 files changed, 23 insertions(+), 22 deletions(-) diff --git a/Everforest Dark Hard/everforest-dark-hard.json b/Everforest Dark Hard/everforest-dark-hard.json index 0e37032..d6875a9 100644 --- a/Everforest Dark Hard/everforest-dark-hard.json +++ b/Everforest Dark Hard/everforest-dark-hard.json @@ -1,23 +1,23 @@ { - "name": "Everforest dark hard", - "is_dark": true, - "colors": { - "accent-color": "#a7c080", - "primary-color": "#a7c080", - "warning-color": "#e67e80", - "sidebar-color": "#323d43", - "roomlist-background-color": "#2f383e", - "roomlist-text-color": "#d3c6aa", - "roomlist-text-secondary-color": "#d3c6aa", - "roomlist-highlights-color": "#4b565c", - "roomlist-separator-color": "#4b565c", - "timeline-background-color": "#2b3339", - "timeline-text-color": "#d3c6aa", - "secondary-content": "#d3c6aa", - "tertiary-content": "#d3c6aa", - "timeline-text-secondary-color": "#a7c080", - "timeline-highlights-color": "#4b565c", - "reaction-row-button-selected-bg-color": "#4b565c" - } + "name": "Everforest dark hard", + "is_dark": true, + "colors": { + "accent-color": "#a7c080", + "primary-color": "#a7c080", + "warning-color": "#e67e80", + "sidebar-color": "#323d43", + "roomlist-background-color": "#2f383e", + "roomlist-text-color": "#d3c6aa", + "roomlist-text-secondary-color": "#d3c6aa", + "roomlist-highlights-color": "#4b565c", + "roomlist-separator-color": "#4b565c", + "timeline-background-color": "#2b3339", + "timeline-text-color": "#d3c6aa", + "secondary-content": "#d3c6aa", + "tertiary-content": "#d3c6aa", + "timeline-text-secondary-color": "#a7c080", + "timeline-highlights-color": "#4b565c", + "reaction-row-button-selected-bg-color": "#4b565c" + } } diff --git a/README.md b/README.md index 8c56ccc..561e0c5 100644 --- a/README.md +++ b/README.md @@ -148,11 +148,11 @@ Made by `@jo:catgirl.party` ![Dracula Flat Dark Theme Screenshot](Dracula/Flat/screenshot%2020-06-16%2003-05-42.png) -## [Everforest Dark Hard Theme](https://github.com/aaronraimist/element-themes/blob/master/Everforest%20Dark%20Hard/everforest-dark-hard.png) +## [Everforest Dark Hard Theme](https://raw.githubusercontent.com/aaronraimist/element-themes/master/Everforest%20Dark%20Hard/everforest-dark-hard.json) Made by `@maksim:wherelinux.xyz` -![Everforest Dark Hard Theme Screenshot](https://github.com/iambeingtracked/element-themes/blob/master/Everforest%20Dark%20Hard/everforest-dark-hard.png) +![Everforest Dark Hard Theme Screenshot](Everforest%20Dark%20Hard/everforest-dark-hard.png) ## [Wal Theme](https://github.com/acxz/element-wal) @@ -161,6 +161,7 @@ Made by `@acxz:matrix.org` ![Wal Theme Screenshot](https://user-images.githubusercontent.com/17132214/162074643-a5dbca97-b6c3-4cf6-90c6-b1a6d244c72e.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.