imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge pull request #4503 from matrix-org/bwindels/customthemechanges

Browse source 
Support setting username and avatar colors in custom themes
This commit is contained in:
Bruno Windels 2020-04-28 09:06:08 +00:00 • committed by GitHub
commit 3d094ea542
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
6 changed files with 74 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
res/img/03b381.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 169 B

BIN
res/img/368bd6.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 171 B

BIN
res/img/ac3ba8.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 170 B

10
res/themes/light-custom/css/_custom.scss
View file

@ -17,6 +17,7 @@ limitations under the License.
//
// --accent-color
$accent-color: var(--accent-color);
$accent-bg-color: var(--accent-color-15pct);
$button-bg-color: var(--accent-color);
$button-link-fg-color: var(--accent-color);
$button-primary-bg-color: var(--accent-color);
@ -124,3 +125,12 @@ $notice-primary-color: var(--warning-color);
$pinned-unread-color: var(--warning-color);
$warning-color: var(--warning-color);
$button-danger-disabled-bg-color: var(--warning-color-50pct); // still needs alpha at 0.5
$username-variant1-color: var(--username-colors_1, $username-variant1-color);
$username-variant2-color: var(--username-colors_2, $username-variant2-color);
$username-variant3-color: var(--username-colors_3, $username-variant3-color);
$username-variant4-color: var(--username-colors_4, $username-variant4-color);
$username-variant5-color: var(--username-colors_5, $username-variant5-color);
$username-variant6-color: var(--username-colors_6, $username-variant6-color);
$username-variant7-color: var(--username-colors_7, $username-variant7-color);
$username-variant8-color: var(--username-colors_8, $username-variant8-color);