OpenCloud
/
element-web
mirror of https://github.com/vector-im/element-web
1
0
Fork 0
Code Issues Releases Wiki Activity

different blur radius for dark theme

pull/21833/head
Bruno Windels 2020-07-14 14:24:35 +02:00
parent c936439ad5
commit 1578b1c3d3
4 changed files with 16 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
res/themes/element-dark/css/_element-dark.scss
View File

@ -204,6 +204,10 @@ $user-tile-hover-bg-color: $header-panel-bg-color;
// Appearance tab colors
$appearance-tab-border-color: $room-highlight-color;
// blur amounts for left left panel (only for element theme, used in _mods.scss)
$roomlist-background-blur-amount: 40px;
$tagpanel-background-blur-amount: 20px;
// ***** Mixins! *****
@define-mixin mx_DialogButton {

6
res/themes/element-dark/css/element-dark.scss
View File

@ -2,6 +2,10 @@
@import "../../element/css/_paths.scss";
@import "../../element/css/_fonts.scss";
@import "../../element/css/_element.scss";
@import "../../element/css/_mods.scss";
// important this goes before _mods,
// as $tagpanel-background-blur-amount and
// $roomlist-background-blur-amount
// are overridden in _element-dark.scss
@import "_element-dark.scss";
@import "../../element/css/_mods.scss";
@import "../../../../res/css/_components.scss";

5
res/themes/element/css/_element.scss
View File

@ -331,6 +331,11 @@ $user-tile-hover-bg-color: $header-panel-bg-color;
// FontSlider colors
$appearance-tab-border-color: $input-darker-bg-color;
// blur amounts for left left panel (only for element theme, used in _mods.scss)
$roomlist-background-blur-amount: 175px;
$tagpanel-background-blur-amount: 100px;
// ***** Mixins! *****
@define-mixin mx_DialogButton {

4
res/themes/element/css/_mods.scss
View File

@ -13,11 +13,11 @@
}
.mx_TagPanel {
backdrop-filter: blur(100px);
backdrop-filter: blur($tagpanel-background-blur-amount);
}
.mx_LeftPanel2 .mx_LeftPanel2_roomListContainer {
backdrop-filter: blur(175px);
backdrop-filter: blur($roomlist-background-blur-amount);
}
}