62 lines
		
	
	
		
			1.6 KiB
		
	
	
	
		
			Plaintext
		
	
	
			
		
		
	
	
			62 lines
		
	
	
		
			1.6 KiB
		
	
	
	
		
			Plaintext
		
	
	
| /*
 | |
| Copyright 2021 The Matrix.org Foundation C.I.C.
 | |
| 
 | |
| Licensed under the Apache License, Version 2.0 (the "License");
 | |
| you may not use this file except in compliance with the License.
 | |
| You may obtain a copy of the License at
 | |
| 
 | |
|     http://www.apache.org/licenses/LICENSE-2.0
 | |
| 
 | |
| Unless required by applicable law or agreed to in writing, software
 | |
| distributed under the License is distributed on an "AS IS" BASIS,
 | |
| WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 | |
| See the License for the specific language governing permissions and
 | |
| limitations under the License.
 | |
| */
 | |
| 
 | |
| .mx_ThemeChoicePanel_themeSelectors {
 | |
|     color: $primary-content;
 | |
|     display: flex;
 | |
|     flex-direction: row;
 | |
|     flex-wrap: wrap;
 | |
| 
 | |
|     > .mx_StyledRadioButton {
 | |
|         align-items: center;
 | |
|         padding: $font-16px;
 | |
|         box-sizing: border-box;
 | |
|         border-radius: 10px;
 | |
|         width: 180px;
 | |
| 
 | |
|         background: $accent-200;
 | |
|         opacity: 0.4;
 | |
| 
 | |
|         flex-shrink: 1;
 | |
|         flex-grow: 0;
 | |
| 
 | |
|         margin-right: 15px;
 | |
|         margin-top: 10px;
 | |
| 
 | |
|         font-weight: var(--cpd-font-weight-semibold);
 | |
| 
 | |
|         > span {
 | |
|             justify-content: center;
 | |
|         }
 | |
|     }
 | |
| 
 | |
|     > .mx_StyledRadioButton_enabled {
 | |
|         opacity: 1;
 | |
| 
 | |
|         /* These colors need to be hardcoded because they don't change with the theme */
 | |
|         &.mx_ThemeSelector_light {
 | |
|             background-color: #f3f8fd;
 | |
|             color: #2e2f32;
 | |
|         }
 | |
| 
 | |
|         &.mx_ThemeSelector_dark {
 | |
|             /* 5% lightened version of 181b21 */
 | |
|             background-color: #25282e;
 | |
|             color: #f3f8fd;
 | |
|         }
 | |
|     }
 | |
| }
 |