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

fix tooltip bg colors 

introduce new color variable for inverted backgrounds like dark tooltip
pull/21833/head
Bruno Windels 2020-07-06 15:40:30 +02:00
parent 08c44333cf
commit 137a81501a
4 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
res/css/views/rooms/_RoomBreadcrumbs2.scss
View File

@ -57,7 +57,7 @@ limitations under the License.
margin-top: -42px;
&.mx_Tooltip {
background-color: $tagpanel-bg-color;
background-color: $inverted-bg-color;
color: $accent-fg-color;
border: 0;

1
res/themes/dark/css/_dark.scss
View File

@ -36,6 +36,7 @@ $info-plinth-fg-color: #888;
$preview-bar-bg-color: $header-panel-bg-color;
$tagpanel-bg-color: $base-color;
$inverted-bg-color: $tagpanel-bg-color;
// used by AddressSelector
$selected-color: $room-highlight-color;

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

@ -316,7 +316,8 @@ $reaction-row-button-selected-border-color: $accent-color;
$kbd-border-color: $reaction-row-button-border-color;
$tooltip-timeline-bg-color: $tagpanel-bg-color;
$inverted-bg-color: #27303a;
$tooltip-timeline-bg-color: $inverted-bg-color;
$tooltip-timeline-fg-color: #ffffff;
$interactive-tooltip-bg-color: #27303a;

1
res/themes/light/css/_light.scss
View File

@ -66,6 +66,7 @@ $secondary-accent-color: #f2f5f8;
$tertiary-accent-color: #d3efe1;
$tagpanel-bg-color: #27303a;
$inverted-bg-color: $tagpanel-bg-color;
// used by RoomDirectory permissions
$plinth-bg-color: $secondary-accent-color;