mirror of
https://github.com/andwati/zitadel.git
synced 2026-11-15 10:25:11 +00:00
* add csrf * caching * caching * caching * caching * security headers * csp and security headers * error handler csp * select user with display name * csp * user selection styling * username to loginname * regenerate grpc * regenerate * change to login name
42 lines
1.5 KiB
SCSS
42 lines
1.5 KiB
SCSS
// ----- FONTS ------------
|
|
$standardFont: Lato;
|
|
$headerFont: Aileron;
|
|
|
|
// ----- LAYOUT ------------
|
|
$inputHeight: 50px;
|
|
$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: #FFFFFF;
|
|
$primaryColor: #364DF6;
|
|
$primaryColorHover: lighten($primaryColor, 10%);
|
|
$labelColor: #898989;
|
|
$inputBorderColor: #595959;
|
|
$inputBackgroundColor: #252525;
|
|
$buttonBackgroundColorHover: $inputBackgroundColor;
|
|
$profileImgDark: "/resources/images/icon-user-dark";
|
|
$otherUserImgDark: "/resources/images/icon-newuser-dark";
|
|
|
|
|
|
// ----- LIGHT-THEME --------
|
|
$backgroundColorLight: $fontColor;
|
|
$fontColorLight: $backgroundColor;
|
|
$primaryColorLight: $primaryColor;
|
|
$primaryColorHoverLight: lighten($primaryColorLight, 10%);
|
|
$buttonBackgroundColorHoverLight: #EFEFEF;
|
|
$profileImgLight: "/resources/images/icon-user-light";
|
|
$otherUserImgLight: "/resources/images/icon-newuser-light"; |