<commit_before>/*
 * Special styles for changes introduced in WoltLab Suite 3.1 that
 * are not compatible with styles created for earlier versions.
 */
@include requireApiVersion(31) {
	.main {
		@include screen-lg {
			padding: 30px 0;
		}
	}
	
	// reduced margin-top
	.paginationTop {
		margin-top: 30px;
	}
	
	// sheet-like presentation of content containers
	.content > .section,
	.content > form {
		border: 1px solid $wcfContentContainerBorder;
		background-color: $wcfContentContainerBackground;
		padding: 20px;
		
		@include screen-sm-down {
			border-left-width: 0;
			border-right-width: 0;
			margin-left: -10px;
			margin-right: -10px;
			padding: 10px;
		}
		
		> .section:first-child {
			margin-top: 0;
		}
		
		.section {
			&:not(:first-child) {
				margin-top: 0;
			}
			
			& + .section {
				margin-top: 40px;
			}
		}
	}
	
	.content > form {
		margin-top: 40px;
	}
	
	.contentHeader + .section,
	.contentHeader + form {
		margin-top: 30px;
	}
	
	.content > .section .tabMenuContent > .section:first-child,
	.content > .section .tabMenuContent > form > .section:first-child {
		margin-top: 20px;
	}
	
	// borders used to visually separate lists from adjacent containers
	.content > .section {
		> .messageList {
			border-top-width: 0;
			
			@include screen-sm-down {
				&:first-child {
					margin-top: -11px;
				}
			}
			
			> :first-child {
				padding-top: 0;
			}
			
			> :last-child {
				border-bottom-width: 0;
				padding-bottom: 0;
			}
		}
		
		> .tabularList:last-child {
			border-bottom-width: 0;
		}
		
		> .containerList {
			> :first-child {
				border-top-width: 0
			}
			
			> :last-child {
				border-bottom-width: 0;
			}
		}
	}
	
	// drop-shadow for submenu lists
	.mainMenu .boxMenu .boxMenuDepth1 {
		box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 4px 6px rgba(0, 0, 0, 0.23);
	}
	
	// individual variables for the editor toolbar
	.redactor-toolbar {
		background-color: $wcfEditorButtonBackground;
		
		> li {
			> a {
				color: $wcfEditorButtonText;
				
				&.redactor-button-disabled {
					color: $wcfEditorButtonTextDisabled !important;
				}
				
				&.redactor-act,
				&.dropact {
					background-color: $wcfEditorButtonBackgroundActive;
					color: $wcfEditorButtonTextActive;
				}
				
				@include screen-lg {
					&:hover {
						background-color: $wcfEditorButtonBackgroundActive;
						color: $wcfEditorButtonTextActive;
					}
				}
			}
			
			@include screen-sm-up {
				&.redactor-toolbar-separator::before {
					border-left: 1px solid $wcfEditorButtonText;
				}
			}
		}
		
		@include screen-xs {
			&.redactorToolbarOverride > .redactor-toolbar-separator::before {
				border-left: 1px solid $wcfEditorButtonText;
			}
			
			.redactorToolbarToggle::before {
				border-left: 1px solid $wcfEditorButtonText;
			}
		}
	}
	
	// adjust editor and message tab menu background color
	.redactor-box,
	.messageTabMenuNavigation > ul,
	.messageTabMenu > .messageTabMenuContent.active,
	.messageContent.loading > .messageContentLoadingOverlay {
		background-color: $wcfContentContainerBackground;
	}
	
	.messageTabMenuNavigation > ul > li.active > a::after {
		border-bottom-color: $wcfContentContainerBackground;
	}
	
	// use the `alert` variables rather than fixed values 
	.innerError {
		background-color: $wcfStatusErrorBackground;
		color: $wcfStatusErrorText;
		
		&::before {
			border-bottom-color: $wcfStatusErrorBackground;
		}
	}
	
	// adjust color values to account for a significant darker sidebar background
	.interactiveDropdownHeader .icon {
		color: inherit;
	}
	.sidebar,
	.messageSidebar {
		dl:not(.plain) > dt,
		dl.dataList > dt,
		.separatorLeft::before {
			color: $wcfSidebarDimmedText;
		}
	}
	.messageReduced  {
		.messageTitle a {
			color: $wcfSidebarLink;
			
			&:hover {
				color: $wcfSidebarDimmedLinkActive;
			}
		}
		
		.messageHeaderMetaData {
			.messagePublicationTime,
			> li:not(:last-child)::after {
				color: $wcfSidebarDimmedText;
			}
		}
	}
}<commit_msg>Fixed color usage to match previous appearance<commit_after>/*
 * Special styles for changes introduced in WoltLab Suite 3.1 that
 * are not compatible with styles created for earlier versions.
 */
@include requireApiVersion(31) {
	.main {
		@include screen-lg {
			padding: 30px 0;
		}
	}
	
	// reduced margin-top
	.paginationTop {
		margin-top: 30px;
	}
	
	// sheet-like presentation of content containers
	.content > .section,
	.content > form {
		border: 1px solid $wcfContentContainerBorder;
		background-color: $wcfContentContainerBackground;
		padding: 20px;
		
		@include screen-sm-down {
			border-left-width: 0;
			border-right-width: 0;
			margin-left: -10px;
			margin-right: -10px;
			padding: 10px;
		}
		
		> .section:first-child {
			margin-top: 0;
		}
		
		.section {
			&:not(:first-child) {
				margin-top: 0;
			}
			
			& + .section {
				margin-top: 40px;
			}
		}
	}
	
	.content > form {
		margin-top: 40px;
	}
	
	.contentHeader + .section,
	.contentHeader + form {
		margin-top: 30px;
	}
	
	.content > .section .tabMenuContent > .section:first-child,
	.content > .section .tabMenuContent > form > .section:first-child {
		margin-top: 20px;
	}
	
	// borders used to visually separate lists from adjacent containers
	.content > .section {
		> .messageList {
			border-top-width: 0;
			
			@include screen-sm-down {
				&:first-child {
					margin-top: -11px;
				}
			}
			
			> :first-child {
				padding-top: 0;
			}
			
			> :last-child {
				border-bottom-width: 0;
				padding-bottom: 0;
			}
		}
		
		> .tabularList:last-child {
			border-bottom-width: 0;
		}
		
		> .containerList {
			> :first-child {
				border-top-width: 0
			}
			
			> :last-child {
				border-bottom-width: 0;
			}
		}
	}
	
	// drop-shadow for submenu lists
	.mainMenu .boxMenu .boxMenuDepth1 {
		box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 4px 6px rgba(0, 0, 0, 0.23);
	}
	
	// individual variables for the editor toolbar
	.redactor-toolbar {
		background-color: $wcfEditorButtonBackground;
		
		> li {
			> a {
				color: $wcfEditorButtonText;
				
				&.redactor-button-disabled {
					color: $wcfEditorButtonTextDisabled !important;
				}
				
				&.redactor-act,
				&.dropact {
					background-color: $wcfEditorButtonBackgroundActive;
					color: $wcfEditorButtonTextActive;
				}
				
				@include screen-lg {
					&:hover {
						background-color: $wcfEditorButtonBackgroundActive;
						color: $wcfEditorButtonTextActive;
					}
				}
			}
			
			@include screen-sm-up {
				&.redactor-toolbar-separator::before {
					border-left: 1px solid $wcfEditorButtonText;
				}
			}
		}
		
		@include screen-xs {
			&.redactorToolbarOverride > .redactor-toolbar-separator::before {
				border-left: 1px solid $wcfEditorButtonText;
			}
			
			.redactorToolbarToggle::before {
				border-left: 1px solid $wcfEditorButtonText;
			}
		}
	}
	
	// adjust editor and message tab menu background color
	.redactor-box,
	.messageTabMenuNavigation > ul,
	.messageTabMenu > .messageTabMenuContent.active,
	.messageContent.loading > .messageContentLoadingOverlay {
		background-color: $wcfContentContainerBackground;
	}
	
	.messageTabMenuNavigation > ul > li.active > a::after {
		border-bottom-color: $wcfContentContainerBackground;
	}
	
	// use the `alert` variables rather than fixed values 
	.innerError {
		background-color: $wcfStatusErrorBackground;
		color: $wcfStatusErrorText;
		
		&::before {
			border-bottom-color: $wcfStatusErrorBackground;
		}
	}
	
	// adjust color values to account for a significant darker sidebar background
	.interactiveDropdownHeader .icon {
		color: inherit;
	}
	.sidebar,
	.messageSidebar {
		dl:not(.plain) > dt,
		dl.dataList > dt,
		.separatorLeft::before {
			color: $wcfSidebarDimmedText;
		}
	}
	.messageReduced  {
		.messageTitle a {
			color: $wcfSidebarText;
		}
		
		.messageHeaderMetaData {
			.messagePublicationTime,
			> li:not(:last-child)::after {
				color: $wcfSidebarDimmedText;
			}
		}
	}
}
{'fraction_non_alphanumeric': 0.12068747630481486, 'fraction_numerical': 0.015417667130039177, 'mean_word_length': 2.75426944971537, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 61, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3859168', 'n_tokens_mistral': 3435, 'n_tokens_neox': 2695, 'n_words': 559}