mirror of https://github.com/vector-im/riot-web
				
				
				
			Use correct color for a selected room in the
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>pull/21833/head
							parent
							
								
									47fcd59301
								
							
						
					
					
						commit
						8a9c493f3a
					
				| 
						 | 
				
			
			@ -19,7 +19,7 @@ $nestedHeight: 24px;
 | 
			
		|||
$gutterSize: 16px;
 | 
			
		||||
$activeBorderTransparentGap: 1px;
 | 
			
		||||
 | 
			
		||||
$activeBackgroundColor: $roomtile-selected-bg-color;
 | 
			
		||||
$activeBackgroundColor: $panel-actions;
 | 
			
		||||
$activeBorderColor: $secondary-content;
 | 
			
		||||
 | 
			
		||||
.mx_SpacePanel {
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -30,7 +30,7 @@ limitations under the License.
 | 
			
		|||
    &:hover,
 | 
			
		||||
    &:focus-within,
 | 
			
		||||
    &.mx_RoomTile_hasMenuOpen {
 | 
			
		||||
        background-color: $roomtile-selected-bg-color;
 | 
			
		||||
        background-color: $panel-actions;
 | 
			
		||||
        border-radius: 8px;
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -133,7 +133,6 @@ $groupFilterPanel-divider-color: $roomlist-header-color;
 | 
			
		|||
 | 
			
		||||
$roomtile-preview-color: $secondary-content;
 | 
			
		||||
$roomtile-default-badge-bg-color: #61708b;
 | 
			
		||||
$roomtile-selected-bg-color: rgba(141, 151, 165, 0.2);
 | 
			
		||||
 | 
			
		||||
// ********************
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -30,6 +30,7 @@ $tertiary-content: $tertiary-fg-color;
 | 
			
		|||
$quaternary-content: #6F7882;
 | 
			
		||||
$quinary-content: $quaternary-content;
 | 
			
		||||
$background: $primary-bg-color;
 | 
			
		||||
$panel-actions: $roomtile-selected-bg-color;
 | 
			
		||||
 | 
			
		||||
// used for dialog box text
 | 
			
		||||
$light-fg-color: $header-panel-text-secondary-color;
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -38,6 +38,7 @@ $tertiary-content: $tertiary-fg-color;
 | 
			
		|||
$quaternary-content: #C1C6CD;
 | 
			
		||||
$quinary-content: #e3e8f0;
 | 
			
		||||
$background: $primary-bg-color;
 | 
			
		||||
$panel-actions: $roomtile-selected-bg-color;
 | 
			
		||||
 | 
			
		||||
// used for dialog box text
 | 
			
		||||
$light-fg-color: #747474;
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -64,7 +64,7 @@ $authpage-modal-bg-color: var(--timeline-background-color-50pct); //still needs
 | 
			
		|||
$roomheader-bg-color: var(--timeline-background-color);
 | 
			
		||||
//
 | 
			
		||||
// --roomlist-highlights-color
 | 
			
		||||
$roomtile-selected-bg-color: var(--roomlist-highlights-color);
 | 
			
		||||
$panel-actions: var(--roomlist-highlights-color);
 | 
			
		||||
//
 | 
			
		||||
// --sidebar-color
 | 
			
		||||
$groupFilterPanel-bg-color: var(--sidebar-color);
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -195,7 +195,6 @@ $groupFilterPanel-divider-color: $roomlist-header-color;
 | 
			
		|||
 | 
			
		||||
$roomtile-preview-color: $secondary-content;
 | 
			
		||||
$roomtile-default-badge-bg-color: #61708b;
 | 
			
		||||
$roomtile-selected-bg-color: #FFF;
 | 
			
		||||
 | 
			
		||||
$presence-online: $accent-color;
 | 
			
		||||
$presence-away: #d9b072;
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
		Reference in New Issue