Use global variables for shadow colors

This commit is contained in:
Gabor PEK 2020-06-30 15:48:04 +02:00
parent bca9861a4d
commit 670ac0f3dc
3 changed files with 13 additions and 8 deletions

View File

@ -33,32 +33,32 @@
text-align: center;
.no {
@include set-button-style($tao-red-color, rgba(255, 69, 131, 0.5));
@include set-button-style($tao-red-color, $tao-shadow-red-color);
width: $xlarge;
}
.yes {
@include set-button-style($tao-green-color, rgba(72, 190, 176, 0.5));
@include set-button-style($tao-green-color, $tao-shadow-green-color);
width: $xlarge;
}
.solution {
@include set-button-style($tao-blue-color, rgba(255, 255, 255, 0.5));
@include set-button-style(white, $tao-shadow-color);
width: $xlarge + $medium + $tiny;
}
.hint {
@include set-button-style(white, rgba(102, 151, 255, 0.5));
@include set-button-style($tao-blue-color, $tao-shadow-blue-color);
width: $xlarge;
}
.fix {
@include set-button-style($tao-yellow-color, rgba(255, 214, 143, 0.5));
@include set-button-style($tao-yellow-color, $tao-shadow-yellow-color);
width: $xlarge + $medium + $tiny;
}
.next {
@include set-button-style($tao-blue-color, rgba(102, 151, 255, 0.5));
@include set-button-style($tao-blue-color, $tao-shadow-blue-color);
width: $xlarge;
}
}

View File

@ -26,8 +26,8 @@ export class TerminadoService {
black: '#000000',
red: '#FF5252', // $tao-red-500
brightRed: '#FF7171', // $tao-red-400
green: '#2fd19f', // $tao-bright-green-500
brightGreen: '#2fd19f', // $tao-bright-green-500
green: '#60FDEB', // $tao-bright-green-500
brightGreen: '#60FDEB', // $tao-bright-green-500
brightYellow: '#FFD283', // $tao-warm-yellow-300
yellow: '#FFB83B', // $tao-warm-yellow-500
magenta: '#FF8FC6', // $tao-pink-200

View File

@ -99,11 +99,16 @@ $tao-message-originator-color: #6697FF;
$tao-copy-color: #FFFFFF;
$tao-timestamp-color: #94A6B9;
$tao-gray-color: #94A6B9; // @25% opacity
$tao-shadow-color: rgba(255, 255, 255, 0.5);
$tao-yellow-color: #FFD68F;
$tao-shadow-yellow-color: rgba(255, 214, 143, 0.5);
$tao-blue-color: #6697FF;
$tao-shadow-blue-color: rgba(102, 151, 255, 0.5);
$tao-green-color: #48BEB0;
$tao-shadow-green-color: rgba(72, 190, 176, 0.5);
$tao-cyan-color: #60FDEB;
$tao-red-color: #FF4583;
$tao-shadow-red-color: rgba(255, 69, 131, 0.5);
// Panel border radius