mirrors/vector-im-hydrogen-web
1
0
Fork 0
mirror of https://github.com/vector-im/hydrogen-web.git synced 2025-01-22 18:21:39 +01:00
Code Issues Projects Releases Wiki Activity

Merge pull request #940 from vector-im/bwindels/fix-reaction-active-bg

Browse Source 
restore active reaction bg color to be transparent version of accent color
This commit is contained in:
Bruno Windels 2022-11-25 16:28:01 +00:00 committed by GitHub
commit 8efdb5dc7e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
doc/THEMING.md
View File

@ -80,6 +80,7 @@ Currently supported operations are:
| -------- | -------- | -------- |
| darker | percentage | color |
| lighter | percentage | color |
| alpha | alpha percentage | color |
## Aliases
It is possible give aliases to variables in the `theme.css` file:

3
src/platform/web/theming/shared/color.mjs
View File

@ -36,5 +36,8 @@ export function derive(value, operation, argument, isDark) {
const newColorString = offColor(value).lighten(argumentAsNumber / 100).hex();
return newColorString;
}
case "alpha": {
return offColor(value).rgba(argumentAsNumber / 100);
}
}
}

4
src/platform/web/ui/css/themes/element/timeline.css
View File

@ -364,7 +364,7 @@ only loads when the top comes into view*/
}
.Timeline_messageReactions button.active {
background-color: var(--background-color-secondary);
background-color: var(--accent-color--alpha-11);
border-color: var(--accent-color);
}
@ -440,4 +440,4 @@ only loads when the top comes into view*/
background-color: var(--background-color-primary);
border-radius: 8px;
text-align: center;
}
}