FM / less

/home/techb158/pneusparfait.com/less

Name	Size	Mode	Actions
css/	-	0755	rm
animate.less	1384	0644	edit dl rm
color-scheme-berry.less	2343	0644	edit dl rm
color-scheme-grass.less	2442	0644	edit dl rm
color-scheme-silver.less	2383	0644	edit dl rm
color-scheme-sky.less	2309	0644	edit dl rm
color-scheme-wisteria.less	2462	0644	edit dl rm
custom-color-scheme-neue.less	2248	0644	edit dl rm
custom-color-scheme-retro.less	2196	0644	edit dl rm
error_log	2553	0644	edit dl rm
grid.less	430	0644	edit dl rm
layout.less	7424	0644	edit dl rm
mixins.less	449	0644	edit dl rm
responsive.less	889	0644	edit dl rm
styles.less	468	0644	edit dl rm
typo.less	632	0644	edit dl rm
variables.less	4261	0644	edit dl rm

Edit: /home/techb158/pneusparfait.com/less/custom-color-scheme-retro.less (2196B)

.color-scheme-retro {

color: @colorText;
	
	body& {
		background-color: #403a45; // @colorBgSplash;
	}
	
	hr {
		border-color: @colorHr;
	}
	
	.splash {
		h1 {
			color: rgba(0,0,0,0.7);
		}
	}
	  
	.countdown {
		.time {
			border-color: @colorCountdownBorder;
			&:last-child {
				border-color: @colorCountdownBorder;
			}
		}
		
		.unit {
			color: rgba(255,255,255,0.3);
		}
				
		&.circled {
			.time {
				background-color:  @colorCountdownBg;
			}
			
			&.large {
				.time {
					background-color: @colorCountdownBg;
				}
			}
		}
	}
	
	.overlap {
		background-color: rgba(54,50,58,0.7);
		
		.more {
			color: rgba(255,255,255,0.3);
			.fa {
				background-color: rgba(255,255,255,0.3);
				color: rgba(0,0,0,0.6);
			}
		}
	}
	
	.contact {
		.icon {
			background-color: @colorTextMuted;
			.fa {
				color: @colorBgContent;
			}
			border-color: @colorTextMuted;
		}
	}
	
	.social {
		.social-icon {
			border-color: @colorTextMuted;
			color: @colorBgContent;
			&:link, &:visited {
				color: @colorTextSecondary;
			}
			
			&:hover, &:active {
				background-color: @colorLinkHover;
				color:  @colorBgContent;
			}
		}
	}
	
	.notify-by-email {
		background-color: #2b262f;
		form {
			input {
				background-color: @colorInputBg;
			}
			
			.fa {
				color: @colorTextMuted;
			}
			
			button {
				background-color: @colorButton;
				color: @colorButtonText;
				&:hover {
					background-color: #5c5564;
				}
			}
			
			.note, .message {
				color: @colorTextSecondary;
			}
	
			
			&.success {
				.fa, input, .message {
					color: @colorTextSuccess;
				}
			}
			
			&.error {
				.fa, input, .message {
					color: @colorTextError;
				}
			}
		}
		
		h3 {
			color: @colorTextMuted;
			&:before {
				border-color: transparent transparent transparent @colorTextMuted;
			}
	
			&:after {
				border-color: transparent transparent transparent #2b262f;
			}
		}	
	}
	
	.note {
		color: @colorTextSecondary;
	}
	
	.footer {
		color: @colorTextSecondary;
	}
	
	a {
		&:link { color: @colorLink; }
		&:visited { color: @colorLinkVisited; }
		&:hover { color: @colorLinkHover; }
		&:active { color: @colorLinkHover; }
	
	}
	
	.lead {
		color: rgba(0,0,0,0.5);
	}
}

.color-scheme-retro { color: @colorText; body& { background-color: #403a45; // @colorBgSplash; } hr { border-color: @colorHr; } .splash { h1 { color: rgba(0,0,0,0.7); } } .countdown { .time { border-color: @colorCountdownBorder; &:last-child { border-color: @colorCountdownBorder; } } .unit { color: rgba(255,255,255,0.3); } &.circled { .time { background-color: @colorCountdownBg; } &.large { .time { background-color: @colorCountdownBg; } } } } .overlap { background-color: rgba(54,50,58,0.7); .more { color: rgba(255,255,255,0.3); .fa { background-color: rgba(255,255,255,0.3); color: rgba(0,0,0,0.6); } } } .contact { .icon { background-color: @colorTextMuted; .fa { color: @colorBgContent; } border-color: @colorTextMuted; } } .social { .social-icon { border-color: @colorTextMuted; color: @colorBgContent; &:link, &:visited { color: @colorTextSecondary; } &:hover, &:active { background-color: @colorLinkHover; color: @colorBgContent; } } } .notify-by-email { background-color: #2b262f; form { input { background-color: @colorInputBg; } .fa { color: @colorTextMuted; } button { background-color: @colorButton; color: @colorButtonText; &:hover { background-color: #5c5564; } } .note, .message { color: @colorTextSecondary; } &.success { .fa, input, .message { color: @colorTextSuccess; } } &.error { .fa, input, .message { color: @colorTextError; } } } h3 { color: @colorTextMuted; &:before { border-color: transparent transparent transparent @colorTextMuted; } &:after { border-color: transparent transparent transparent #2b262f; } } } .note { color: @colorTextSecondary; } .footer { color: @colorTextSecondary; } a { &:link { color: @colorLink; } &:visited { color: @colorLinkVisited; } &:hover { color: @colorLinkHover; } &:active { color: @colorLinkHover; } } .lead { color: rgba(0,0,0,0.5); } }