mirror of
https://github.com/zitadel/zitadel.git
synced 2025-05-30 12:48:22 +00:00
f39d3a3cc7
* fix: login flow handling * fix: cancel button * fix: hover in light design * fix: profile image width * fix: profile image width * fix: profile image width
46 lines
1.6 KiB
SCSS
46 lines
1.6 KiB
SCSS
// ----- FONTS ------------
|
|
$standardFont: Lato;
|
|
$headerFont: Lato;
|
|
|
|
// ----- LAYOUT ------------
|
|
$inputHeight: 50px;
|
|
$headerSize: 40px;
|
|
$retina: "only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx)";
|
|
|
|
@mixin retina-background-image($file, $type, $hover, $width, $height) {
|
|
$hovername: '';
|
|
@if $hover {
|
|
$hovername: '-hover';
|
|
}
|
|
$filename :$file + $hovername;
|
|
background-image: url($filename + '.' + $type);
|
|
@media #{$retina} {
|
|
background-image: url($filename + '@2x.' + $type);
|
|
background-size: $width $height;
|
|
}
|
|
}
|
|
|
|
// ----- DARK-THEME --------
|
|
$backgroundColor: #282828;
|
|
$fontColor: #BBBBC8;
|
|
$primaryColor: #3574C6;
|
|
$primaryColorHover: lighten($primaryColor, 10%);
|
|
$labelColor: #898989;
|
|
$inputBorderColor: #505050;
|
|
$inputBackgroundColor: #252525;
|
|
$buttonBackgroundColorHover: $inputBackgroundColor;
|
|
$profileImgDark: "../../../images/icon-user-dark";
|
|
$otherUserImgDark: "../../../images/icon-newuser-dark";
|
|
$nokColor: #F20D6B;
|
|
$okColor: #0DF279;
|
|
|
|
|
|
// ----- LIGHT-THEME --------
|
|
$backgroundColorLight: #f5f5f5;
|
|
$fontColorLight: $backgroundColor;
|
|
$primaryColorLight: $primaryColor;
|
|
$primaryColorHoverLight: lighten($primaryColorLight, 10%);
|
|
$inputBackgroundColorLight: #FFFFFF;
|
|
$buttonBackgroundColorHoverLight: $inputBackgroundColorLight;
|
|
$profileImgLight: "../../../images/icon-user-light";
|
|
$otherUserImgLight: "../../../images/icon-newuser-light"; |