diff --git a/internal/login/static/resources/themes/caos/css/dark.css b/internal/login/static/resources/themes/caos/css/dark.css index 9e9e7b35f..1422933d6 100644 --- a/internal/login/static/resources/themes/caos/css/dark.css +++ b/internal/login/static/resources/themes/caos/css/dark.css @@ -82,15 +82,19 @@ body { } html { + height: 100%; + width: 100%; + font-weight: 300; background-color: #282828; color: white; + background-repeat: no-repeat; + background-position: bottom right; } h1 { color: white; font-family: Aileron; - text-transform: uppercase; - text-align: center; + font-weight: 300; font-size: 40px; } @@ -119,15 +123,13 @@ header .logo { a { color: #760038; text-decoration: none; - text-transform: uppercase; - font-weight: 600; + font-weight: 400; } a:hover { color: #f60075; } button { - text-transform: uppercase; background-color: #282828; color: #760038; border: 2px solid #760038; @@ -156,7 +158,7 @@ input:not([type=radio]), select { background-color: #252525; color: white; height: 50px; - border: 2px solid #595959; + border: 2px solid #505050; border-radius: 5px; padding-left: 15px; } @@ -241,7 +243,7 @@ form button.user-selection .sessionstate { height: 20px; width: 20px; border-radius: 20px; - border-color: #595959; + border-color: #505050; border-style: solid; border-width: 1px; position: absolute; @@ -272,6 +274,8 @@ form button.user-selection > div.names .loginname { form button.other-user .other-user-image { width: 100px; height: 75px; + background-repeat: no-repeat; + background-position: center; background-image: url("/resources/images/icon-newuser-dark.png"); } @media 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) { @@ -281,6 +285,8 @@ form button.other-user .other-user-image { } } form button.other-user:hover .other-user-image { + background-repeat: no-repeat; + background-position: center; background-image: url("/resources/images/icon-newuser-dark-hover.png"); } @media 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) { diff --git a/internal/login/static/resources/themes/caos/css/dark.css.map b/internal/login/static/resources/themes/caos/css/dark.css.map index 48e7f58fa..0f21210ef 100644 --- a/internal/login/static/resources/themes/caos/css/dark.css.map +++ b/internal/login/static/resources/themes/caos/css/dark.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../../scss/fonts.scss","../../scss/main.scss","../../scss/caos/variables.scss","../../scss/variables.scss"],"names":[],"mappings":"AACA;EACI;EACA;;AAIJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAIJ;EACI;EACA;EACA;EACA;AAA6D;EAC7D;;AC5EJ;EACI;EACA,aCGW;EDFX;EACA;;;AAGJ;EACI;;;AAGJ;EACI,kBCDc;EDEd,OCDQ;;;ADIZ;EACI,OCLQ;EDMR,aCZS;EDaT;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;AAEA;EACI;EACA;EACA;EACA;EACA;;;AAIR;EACI;EACA;EACA;EACA;;;AAGJ;EACI,OCnCW;EDoCX;EACA;EACA;;AAEA;EACI,OCxCY;;;AD4CpB;EACI;EACA,kBCjDc;EDkDd,OChDW;EDiDX;EACA;EACA;EACA;EACA,QE/DU;EFgEV;EACA;EACA;;AACA;EACI,kBCzDY;ED0DZ;;AAGJ;EACI,kBC/DO;EDgEP,OCjEI;EDkEJ;;AACA;EACI,kBClEQ;;;ADuEpB;EACI,kBE5DmB;EF6DnB,OC3EQ;ED4ER,QErFU;EFsFV;EACA;EACA;;;AAIA;EACI;EACA;;AAGJ;EACI;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAIR;EACI,OE7FK;EF8FL;EACA;EACA;;AAEA;EACI;EACA;;AAIR;EACI;;AAEA;EACI;;AAGJ;EACI;;AAIR;EACI;EACA;EACA,OCnII;EDoIJ;EACA;EACA;EACA;;AAEA;EACI;EACA,kBE7HW;;AFgIf;EACI;;AAIR;EACI;;AAIA;EACI;EACA;EE1JV;;AACA;EFuJM;IEtJJ;IACA;;;AF4JQ;EE/JV;;AACA;EF8JU;IE7JR;IACA;;;AFiKI;EACI;EACA;EACA;EACA;EACA,cE5JO;EF6JP;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;;AAKR;EACI;;AAEA;EACI;;AAEA;EACI;;AAEJ;EACI,OExLP;;AF+LL;EACI;;AAEJ;EACI;EACA;EEhNV;;AACA;EF6MM;IE5MJ;IACA;;;AFkNQ;EErNV;;AACA;EFoNU;IEnNR;IACA;;;AFuNI;EACI;EACA;;;AAKZ;EACI;EACA;;;AAGJ;EACI;;AAEA;EACI,MC1OI;;AD6OR;EACI,MC/OU;;;ADoPd;EACI;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;AAAkB;EAClB;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;AACA;EACA;AAEA;EACA;AAEA;EACA","file":"dark.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../../scss/fonts.scss","../../scss/main.scss","../../scss/caos/variables.scss","../../scss/variables.scss"],"names":[],"mappings":"AACA;EACI;EACA;;AAIJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAIJ;EACI;EACA;EACA;EACA;AAA6D;EAC7D;;AC5EJ;EACI;EACA,aCMW;EDLX;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA,kBCDc;EDEd,OCDQ;EDER;EACA;;;AAMJ;EACI,OCVQ;EDWR,aCjBS;EDkBT;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;AAEA;EACI;EACA;EACA;EACA;EACA;;;AAIR;EACI;EACA;EACA;EACA;;;AAGJ;EACI,OCvCW;EDwCX;EACA;;AAEA;EACI,OC3CY;;;AD+CpB;EACI,kBCnDc;EDoDd,OClDW;EDmDX;EACA;EACA;EACA;EACA,QEpEU;EFqEV;EACA;EACA;;AACA;EACI,kBC3DY;ED4DZ;;AAGJ;EACI,kBCjEO;EDkEP,OCnEI;EDoEJ;;AACA;EACI,kBCpEQ;;;ADyEpB;EACI,kBEjEmB;EFkEnB,OC7EQ;ED8ER,QE1FU;EF2FV;EACA;EACA;;;AAIA;EACI;EACA;;AAGJ;EACI;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAIR;EACI,OElGK;EFmGL;EACA;EACA;;AAEA;EACI;EACA;;AAIR;EACI;;AAEA;EACI;;AAGJ;EACI;;AAIR;EACI;EACA;EACA,OCrII;EDsIJ;EACA;EACA;EACA;;AAEA;EACI;EACA,kBElIW;;AFqIf;EACI;;AAIR;EACI;;AAIA;EACI;EACA;EE/JV;;AACA;EF4JM;IE3JJ;IACA;;;AFiKQ;EEpKV;;AACA;EFmKU;IElKR;IACA;;;AFsKI;EACI;EACA;EACA;EACA;EACA,cEjKO;EFkKP;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;;AAKR;EACI;;AAEA;EACI;;AAEA;EACI;;AAEJ;EACI,OE7LP;;AFoML;EACI;;AAEJ;EACI;EACA;EACA;EACA;EEvNV;;AACA;EFkNM;IEjNJ;IACA;;;AFyNQ;EACI;EACA;EE9Nd;;AACA;EF2NU;IE1NR;IACA;;;AFgOI;EACI;EACA;;;AAKZ;EACI;EACA;;;AAGJ;EACI;;AAEA;EACI,MChPI;;ADmPR;EACI,MCrPU;;;AD0Pd;EACI;EACA;;;AAIR;EAEQ;EAEJ;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;AAAkB;EAClB;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;AACA;EACA;AAEA;EACA;AAEA;EACA","file":"dark.css"} \ No newline at end of file diff --git a/internal/login/static/resources/themes/caos/css/light.css b/internal/login/static/resources/themes/caos/css/light.css index bd150b9f1..154bce9ad 100644 --- a/internal/login/static/resources/themes/caos/css/light.css +++ b/internal/login/static/resources/themes/caos/css/light.css @@ -82,15 +82,19 @@ body { } html { + height: 100%; + width: 100%; + font-weight: 300; background-color: #282828; color: white; + background-repeat: no-repeat; + background-position: bottom right; } h1 { color: white; font-family: Aileron; - text-transform: uppercase; - text-align: center; + font-weight: 300; font-size: 40px; } @@ -119,15 +123,13 @@ header .logo { a { color: #760038; text-decoration: none; - text-transform: uppercase; - font-weight: 600; + font-weight: 400; } a:hover { color: #f60075; } button { - text-transform: uppercase; background-color: #282828; color: #760038; border: 2px solid #760038; @@ -156,7 +158,7 @@ input:not([type=radio]), select { background-color: #252525; color: white; height: 50px; - border: 2px solid #595959; + border: 2px solid #505050; border-radius: 5px; padding-left: 15px; } @@ -241,7 +243,7 @@ form button.user-selection .sessionstate { height: 20px; width: 20px; border-radius: 20px; - border-color: #595959; + border-color: #505050; border-style: solid; border-width: 1px; position: absolute; @@ -272,6 +274,8 @@ form button.user-selection > div.names .loginname { form button.other-user .other-user-image { width: 100px; height: 75px; + background-repeat: no-repeat; + background-position: center; background-image: url("/resources/images/icon-newuser-dark.png"); } @media 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) { @@ -281,6 +285,8 @@ form button.other-user .other-user-image { } } form button.other-user:hover .other-user-image { + background-repeat: no-repeat; + background-position: center; background-image: url("/resources/images/icon-newuser-dark-hover.png"); } @media 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) { @@ -421,11 +427,11 @@ html input { background-color: white; color: #282828; } -html #qrcode svg rect[style*="fill:white"] { - fill: white !important; +html #qrcode svg rect.color { + fill: #282828; } -html #qrcode svg rect[style*="fill:black"] { - fill: #282828 !important; +html #qrcode svg rect.bg-color { + fill: white; } html footer { background-image: url("../gradientdeco-full.svg"); diff --git a/internal/login/static/resources/themes/caos/css/light.css.map b/internal/login/static/resources/themes/caos/css/light.css.map index de81f2321..9f96ddf06 100644 --- a/internal/login/static/resources/themes/caos/css/light.css.map +++ b/internal/login/static/resources/themes/caos/css/light.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../../scss/fonts.scss","../../scss/main.scss","../../scss/caos/variables.scss","../../scss/variables.scss","../../scss/light.scss"],"names":[],"mappings":"AACA;EACI;EACA;;AAIJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAIJ;EACI;EACA;EACA;EACA;AAA6D;EAC7D;;AC5EJ;EACI;EACA,aCGW;EDFX;EACA;;;AAGJ;EACI;;;AAGJ;EACI,kBCDc;EDEd,OCDQ;;;ADIZ;EACI,OCLQ;EDMR,aCZS;EDaT;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;AAEA;EACI;EACA;EACA;EACA;EACA;;;AAIR;EACI;EACA;EACA;EACA;;;AAGJ;EACI,OCnCW;EDoCX;EACA;EACA;;AAEA;EACI,OCxCY;;;AD4CpB;EACI;EACA,kBCjDc;EDkDd,OChDW;EDiDX;EACA;EACA;EACA;EACA,QE/DU;EFgEV;EACA;EACA;;AACA;EACI,kBCzDY;ED0DZ;;AAGJ;EACI,kBC/DO;EDgEP,OCjEI;EDkEJ;;AACA;EACI,kBClEQ;;;ADuEpB;EACI,kBE5DmB;EF6DnB,OC3EQ;ED4ER,QErFU;EFsFV;EACA;EACA;;;AAIA;EACI;EACA;;AAGJ;EACI;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAIR;EACI,OE7FK;EF8FL;EACA;EACA;;AAEA;EACI;EACA;;AAIR;EACI;;AAEA;EACI;;AAGJ;EACI;;AAIR;EACI;EACA;EACA,OCnII;EDoIJ;EACA;EACA;EACA;;AAEA;EACI;EACA,kBE7HW;;AFgIf;EACI;;AAIR;EACI;;AAIA;EACI;EACA;EE1JV;;AACA;EFuJM;IEtJJ;IACA;;;AF4JQ;EE/JV;;AACA;EF8JU;IE7JR;IACA;;;AFiKI;EACI;EACA;EACA;EACA;EACA,cE5JO;EF6JP;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;;AAKR;EACI;;AAEA;EACI;;AAEA;EACI;;AAEJ;EACI,OExLP;;AF+LL;EACI;;AAEJ;EACI;EACA;EEhNV;;AACA;EF6MM;IE5MJ;IACA;;;AFkNQ;EErNV;;AACA;EFoNU;IEnNR;IACA;;;AFuNI;EACI;EACA;;;AAKZ;EACI;EACA;;;AAGJ;EACI;;AAEA;EACI,MC1OI;;AD6OR;EACI,MC/OU;;;ADoPd;EACI;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;AAAkB;EAClB;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;AACA;EACA;AAEA;EACA;AAEA;EACA;;;AGtSJ;EACI,kBFYQ;EEXR,OFUc;;AERd;EACI;;AAGJ;EACI,OFGU;;AEAd;EACI;EACA;EACA;;AAEA;EACI,kBFIa;EEHb;;AAGJ;EACI,kBFTG;EEUH,OFXA;EEYA;EACA;;AACA;EACI,kBFbI;;AEiBZ;EACI,OFrBM;;AEyBN;EDxBV;;AACA;ECuBU;IDtBR;IACA;;;ACyBQ;EACI,kBDfO;;ACiBP;ED/Bd;;AACA;EC8Bc;ID7BZ;IACA;;;ACmCQ;EDtCV;;AACA;ECqCU;IDpCR;IACA;;;ACwCY;ED3Cd;;AACA;EC0Cc;IDzCZ;IACA;;;AC+CA;EACI,kBFnDI;EEoDJ,OFrDU;;AEyDV;EACI;;AAGJ;EACI;;AAIR;EACI","file":"light.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../../scss/fonts.scss","../../scss/main.scss","../../scss/caos/variables.scss","../../scss/variables.scss","../../scss/light.scss"],"names":[],"mappings":"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","file":"light.css"} \ No newline at end of file diff --git a/internal/login/static/resources/themes/scss/caos/variables.scss b/internal/login/static/resources/themes/scss/caos/variables.scss index 19c5abcc0..351434fad 100644 --- a/internal/login/static/resources/themes/scss/caos/variables.scss +++ b/internal/login/static/resources/themes/scss/caos/variables.scss @@ -4,6 +4,9 @@ $logoImgLight: "../logo-light.png"; $footerimgDark: "../gradientdeco-full.svg"; $footerimgLight: "../gradientdeco-full.svg"; +$bodyImgDark: ""; +$bodyImgLight: ""; + // ----- FONTS ------------ $standardFont: Lato; $headerFont: Aileron; diff --git a/internal/login/static/resources/themes/scss/light.scss b/internal/login/static/resources/themes/scss/light.scss index 3c75ea60d..39cd8edd7 100644 --- a/internal/login/static/resources/themes/scss/light.scss +++ b/internal/login/static/resources/themes/scss/light.scss @@ -2,6 +2,9 @@ html { background-color: $backgroundColorLight; color: $fontColorLight; + @if($bodyImgLight != "") { + background-image: url($bodyImgLight); + } header .logo { background-image: url($logoImgLight); @@ -78,6 +81,8 @@ html { } footer { - background-image: url($footerimgLight); + @if($footerimgLight != "") { + background-image: url($footerimgLight); + } } } \ No newline at end of file diff --git a/internal/login/static/resources/themes/scss/main.scss b/internal/login/static/resources/themes/scss/main.scss index a9be2a470..45d49e44f 100644 --- a/internal/login/static/resources/themes/scss/main.scss +++ b/internal/login/static/resources/themes/scss/main.scss @@ -12,15 +12,22 @@ body { } html { + height: 100%; + width: 100%; + font-weight: 300; background-color: $backgroundColor; color: $fontColor; + background-repeat: no-repeat; + background-position: bottom right; + @if($bodyImgDark != "") { + background-image: url($bodyImgDark); + } } h1 { color: $fontColor; font-family: $headerFont; - text-transform: uppercase; - text-align: center; + font-weight: 300; font-size: 40px; } @@ -50,8 +57,7 @@ header { a { color: $primaryColor; text-decoration: none; - text-transform: uppercase; - font-weight: 600; + font-weight: 400; &:hover { color: $primaryColorHover; @@ -59,7 +65,6 @@ a { } button { - text-transform: uppercase; background-color: $backgroundColor; color: $primaryColor; border: 2px solid $primaryColor; @@ -221,11 +226,15 @@ form { .other-user-image { width: 100px; height: 75px; + background-repeat: no-repeat; + background-position: center; @include retina-background-image($otherUserImgDark, "png", false, 100px, 75px); } &:hover { .other-user-image { + background-repeat: no-repeat; + background-position: center; @include retina-background-image($otherUserImgDark, "png", true, 100px, 75px); } } @@ -262,7 +271,9 @@ form { } footer { - background-image: url($footerimgDark); + @if($footerimgDark != "") { + background-image: url($footerimgDark); + } width: 100%; background-size: cover; height: 44vw; diff --git a/internal/login/static/resources/themes/scss/variables.scss b/internal/login/static/resources/themes/scss/variables.scss index 6c339db33..d9ec984c7 100644 --- a/internal/login/static/resources/themes/scss/variables.scss +++ b/internal/login/static/resources/themes/scss/variables.scss @@ -1,6 +1,6 @@ // ----- FONTS ------------ $standardFont: Lato; -$headerFont: Aileron; +$headerFont: Lato; // ----- LAYOUT ------------ $inputHeight: 50px; @@ -21,11 +21,11 @@ $retina: "only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( // ----- DARK-THEME -------- $backgroundColor: #282828; -$fontColor: #FFFFFF; -$primaryColor: #364DF6; +$fontColor: #BBBBC8; +$primaryColor: #3574C6; $primaryColorHover: lighten($primaryColor, 10%); $labelColor: #898989; -$inputBorderColor: #595959; +$inputBorderColor: #505050; $inputBackgroundColor: #252525; $buttonBackgroundColorHover: $inputBackgroundColor; $profileImgDark: "/resources/images/icon-user-dark"; diff --git a/internal/login/static/resources/themes/scss/zitadel/variables.scss b/internal/login/static/resources/themes/scss/zitadel/variables.scss index 14b52e3b9..b3f6c3f04 100644 --- a/internal/login/static/resources/themes/scss/zitadel/variables.scss +++ b/internal/login/static/resources/themes/scss/zitadel/variables.scss @@ -1,5 +1,8 @@ $logoImgDark: "../logo-dark.png"; $logoImgLight: "../logo-light.png"; -$footerimgDark: "../gradientdeco-full.svg"; -$footerimgLight: "../gradientdeco-full.svg"; \ No newline at end of file +$footerimgDark: ""; +$footerimgLight: ""; + +$bodyImgDark: "../flavor-spikes01-narrow.png"; +$bodyImgLight: "../flavor-spikes01-narrow.png"; \ No newline at end of file diff --git a/internal/login/static/resources/themes/zitadel/css/dark.css b/internal/login/static/resources/themes/zitadel/css/dark.css index d7ddffbed..263268954 100644 --- a/internal/login/static/resources/themes/zitadel/css/dark.css +++ b/internal/login/static/resources/themes/zitadel/css/dark.css @@ -82,15 +82,20 @@ body { } html { + height: 100%; + width: 100%; + font-weight: 300; background-color: #282828; - color: #FFFFFF; + color: #BBBBC8; + background-repeat: no-repeat; + background-position: bottom right; + background-image: url("../flavor-spikes01-narrow.png"); } h1 { - color: #FFFFFF; - font-family: Aileron; - text-transform: uppercase; - text-align: center; + color: #BBBBC8; + font-family: Lato; + font-weight: 300; font-size: 40px; } @@ -117,20 +122,18 @@ header .logo { } a { - color: #364DF6; + color: #3574C6; text-decoration: none; - text-transform: uppercase; - font-weight: 600; + font-weight: 400; } a:hover { - color: #6778f8; + color: #5b8fd3; } button { - text-transform: uppercase; background-color: #282828; - color: #364DF6; - border: 2px solid #364DF6; + color: #3574C6; + border: 2px solid #3574C6; border-radius: 5px; width: 100%; max-width: 600px; @@ -140,23 +143,23 @@ button { outline: none; } button:hover { - background-color: #6778f8; - border: 2px solid #6778f8; + background-color: #5b8fd3; + border: 2px solid #5b8fd3; } button.primary { - background-color: #364DF6; - color: #FFFFFF; + background-color: #3574C6; + color: #BBBBC8; border: none; } button.primary:hover { - background-color: #6778f8; + background-color: #5b8fd3; } input:not([type=radio]), select { background-color: #252525; - color: #FFFFFF; + color: #BBBBC8; height: 50px; - border: 2px solid #595959; + border: 2px solid #505050; border-radius: 5px; padding-left: 15px; } @@ -200,7 +203,7 @@ form .actions button, form .actions a { form button.clean { border: none; height: auto; - color: #FFFFFF; + color: #BBBBC8; text-align: left; text-transform: unset; display: flex; @@ -241,7 +244,7 @@ form button.user-selection .sessionstate { height: 20px; width: 20px; border-radius: 20px; - border-color: #595959; + border-color: #505050; border-style: solid; border-width: 1px; position: absolute; @@ -272,6 +275,8 @@ form button.user-selection > div.names .loginname { form button.other-user .other-user-image { width: 100px; height: 75px; + background-repeat: no-repeat; + background-position: center; background-image: url("/resources/images/icon-newuser-dark.png"); } @media 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) { @@ -281,6 +286,8 @@ form button.other-user .other-user-image { } } form button.other-user:hover .other-user-image { + background-repeat: no-repeat; + background-position: center; background-image: url("/resources/images/icon-newuser-dark-hover.png"); } @media 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) { @@ -303,7 +310,7 @@ form button.other-user > div:nth-of-type(2) { text-align: center; } #qrcode svg rect.color { - fill: #FFFFFF; + fill: #BBBBC8; } #qrcode svg rect.bg-color { fill: #282828; @@ -315,7 +322,6 @@ form button.other-user > div:nth-of-type(2) { } footer { - background-image: url("../gradientdeco-full.svg"); width: 100%; background-size: cover; height: 44vw; diff --git a/internal/login/static/resources/themes/zitadel/css/dark.css.map b/internal/login/static/resources/themes/zitadel/css/dark.css.map index 93fbef8c8..cd0e48f71 100644 --- a/internal/login/static/resources/themes/zitadel/css/dark.css.map +++ b/internal/login/static/resources/themes/zitadel/css/dark.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../../scss/fonts.scss","../../scss/main.scss","../../scss/variables.scss"],"names":[],"mappings":"AACA;EACI;EACA;;AAIJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAIJ;EACI;EACA;EACA;EACA;AAA6D;EAC7D;;AC5EJ;EACI;EACA,aCHW;EDIX;EACA;;;AAGJ;EACI;;;AAGJ;EACI,kBCQc;EDPd,OCQQ;;;ADLZ;EACI,OCIQ;EDHR,aClBS;EDmBT;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;AAEA;EACI;EACA;EACA;EACA;EACA;;;AAIR;EACI;EACA;EACA;EACA;;;AAGJ;EACI,OC1BW;ED2BX;EACA;EACA;;AAEA;EACI,OC/BY;;;ADmCpB;EACI;EACA,kBCxCc;EDyCd,OCvCW;EDwCX;EACA;EACA;EACA;EACA,QC/DU;EDgEV;EACA;EACA;;AACA;EACI,kBChDY;EDiDZ;;AAGJ;EACI,kBCtDO;EDuDP,OCxDI;EDyDJ;;AACA;EACI,kBCzDQ;;;AD8DpB;EACI,kBC5DmB;ED6DnB,OClEQ;EDmER,QCrFU;EDsFV;EACA;EACA;;;AAIA;EACI;EACA;;AAGJ;EACI;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAIR;EACI,OC7FK;ED8FL;EACA;EACA;;AAEA;EACI;EACA;;AAIR;EACI;;AAEA;EACI;;AAGJ;EACI;;AAIR;EACI;EACA;EACA,OC1HI;ED2HJ;EACA;EACA;EACA;;AAEA;EACI;EACA,kBC7HW;;ADgIf;EACI;;AAIR;EACI;;AAIA;EACI;EACA;EC1JV;;AACA;EDuJM;ICtJJ;IACA;;;AD4JQ;EC/JV;;AACA;ED8JU;IC7JR;IACA;;;ADiKI;EACI;EACA;EACA;EACA;EACA,cC5JO;ED6JP;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;;AAKR;EACI;;AAEA;EACI;;AAEA;EACI;;AAEJ;EACI,OCxLP;;AD+LL;EACI;;AAEJ;EACI;EACA;EChNV;;AACA;ED6MM;IC5MJ;IACA;;;ADkNQ;ECrNV;;AACA;EDoNU;ICnNR;IACA;;;ADuNI;EACI;EACA;;;AAKZ;EACI;EACA;;;AAGJ;EACI;;AAEA;EACI,MCjOI;;ADoOR;EACI,MCtOU;;;AD2Od;EACI;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;AAAkB;EAClB;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;AACA;EACA;AAEA;EACA;AAEA;EACA","file":"dark.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../../scss/fonts.scss","../../scss/main.scss","../../scss/variables.scss"],"names":[],"mappings":"AACA;EACI;EACA;;AAIJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAIJ;EACI;EACA;EACA;EACA;AAA6D;EAC7D;;AC5EJ;EACI;EACA,aCHW;EDIX;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA,kBCKc;EDJd,OCKQ;EDJR;EACA;EAEI;;;AAIR;EACI,OCJQ;EDKR,aC1BS;ED2BT;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;AAEA;EACI;EACA;EACA;EACA;EACA;;;AAIR;EACI;EACA;EACA;EACA;;;AAGJ;EACI,OCjCW;EDkCX;EACA;;AAEA;EACI,OCrCY;;;ADyCpB;EACI,kBC7Cc;ED8Cd,OC5CW;ED6CX;EACA;EACA;EACA;EACA,QCpEU;EDqEV;EACA;EACA;;AACA;EACI,kBCrDY;EDsDZ;;AAGJ;EACI,kBC3DO;ED4DP,OC7DI;ED8DJ;;AACA;EACI,kBC9DQ;;;ADmEpB;EACI,kBCjEmB;EDkEnB,OCvEQ;EDwER,QC1FU;ED2FV;EACA;EACA;;;AAIA;EACI;EACA;;AAGJ;EACI;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAIR;EACI,OClGK;EDmGL;EACA;EACA;;AAEA;EACI;EACA;;AAIR;EACI;;AAEA;EACI;;AAGJ;EACI;;AAIR;EACI;EACA;EACA,OC/HI;EDgIJ;EACA;EACA;EACA;;AAEA;EACI;EACA,kBClIW;;ADqIf;EACI;;AAIR;EACI;;AAIA;EACI;EACA;EC/JV;;AACA;ED4JM;IC3JJ;IACA;;;ADiKQ;ECpKV;;AACA;EDmKU;IClKR;IACA;;;ADsKI;EACI;EACA;EACA;EACA;EACA,cCjKO;EDkKP;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;;AAKR;EACI;;AAEA;EACI;;AAEA;EACI;;AAEJ;EACI,OC7LP;;ADoML;EACI;;AAEJ;EACI;EACA;EACA;EACA;ECvNV;;AACA;EDkNM;ICjNJ;IACA;;;ADyNQ;EACI;EACA;EC9Nd;;AACA;ED2NU;IC1NR;IACA;;;ADgOI;EACI;EACA;;;AAKZ;EACI;EACA;;;AAGJ;EACI;;AAEA;EACI,MC1OI;;AD6OR;EACI,MC/OU;;;ADoPd;EACI;EACA;;;AAIR;EAII;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;AAAkB;EAClB;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;AACA;EACA;AAEA;EACA;AAEA;EACA","file":"dark.css"} \ No newline at end of file diff --git a/internal/login/static/resources/themes/zitadel/css/light.css b/internal/login/static/resources/themes/zitadel/css/light.css index f5a12ecd8..db4a43fae 100644 --- a/internal/login/static/resources/themes/zitadel/css/light.css +++ b/internal/login/static/resources/themes/zitadel/css/light.css @@ -82,15 +82,20 @@ body { } html { + height: 100%; + width: 100%; + font-weight: 300; background-color: #282828; - color: #FFFFFF; + color: #BBBBC8; + background-repeat: no-repeat; + background-position: bottom right; + background-image: url("../flavor-spikes01-narrow.png"); } h1 { - color: #FFFFFF; - font-family: Aileron; - text-transform: uppercase; - text-align: center; + color: #BBBBC8; + font-family: Lato; + font-weight: 300; font-size: 40px; } @@ -117,20 +122,18 @@ header .logo { } a { - color: #364DF6; + color: #3574C6; text-decoration: none; - text-transform: uppercase; - font-weight: 600; + font-weight: 400; } a:hover { - color: #6778f8; + color: #5b8fd3; } button { - text-transform: uppercase; background-color: #282828; - color: #364DF6; - border: 2px solid #364DF6; + color: #3574C6; + border: 2px solid #3574C6; border-radius: 5px; width: 100%; max-width: 600px; @@ -140,23 +143,23 @@ button { outline: none; } button:hover { - background-color: #6778f8; - border: 2px solid #6778f8; + background-color: #5b8fd3; + border: 2px solid #5b8fd3; } button.primary { - background-color: #364DF6; - color: #FFFFFF; + background-color: #3574C6; + color: #BBBBC8; border: none; } button.primary:hover { - background-color: #6778f8; + background-color: #5b8fd3; } input:not([type=radio]), select { background-color: #252525; - color: #FFFFFF; + color: #BBBBC8; height: 50px; - border: 2px solid #595959; + border: 2px solid #505050; border-radius: 5px; padding-left: 15px; } @@ -200,7 +203,7 @@ form .actions button, form .actions a { form button.clean { border: none; height: auto; - color: #FFFFFF; + color: #BBBBC8; text-align: left; text-transform: unset; display: flex; @@ -241,7 +244,7 @@ form button.user-selection .sessionstate { height: 20px; width: 20px; border-radius: 20px; - border-color: #595959; + border-color: #505050; border-style: solid; border-width: 1px; position: absolute; @@ -272,6 +275,8 @@ form button.user-selection > div.names .loginname { form button.other-user .other-user-image { width: 100px; height: 75px; + background-repeat: no-repeat; + background-position: center; background-image: url("/resources/images/icon-newuser-dark.png"); } @media 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) { @@ -281,6 +286,8 @@ form button.other-user .other-user-image { } } form button.other-user:hover .other-user-image { + background-repeat: no-repeat; + background-position: center; background-image: url("/resources/images/icon-newuser-dark-hover.png"); } @media 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) { @@ -303,7 +310,7 @@ form button.other-user > div:nth-of-type(2) { text-align: center; } #qrcode svg rect.color { - fill: #FFFFFF; + fill: #BBBBC8; } #qrcode svg rect.bg-color { fill: #282828; @@ -315,7 +322,6 @@ form button.other-user > div:nth-of-type(2) { } footer { - background-image: url("../gradientdeco-full.svg"); width: 100%; background-size: cover; height: 44vw; @@ -348,8 +354,9 @@ footer { } html { - background-color: #FFFFFF; + background-color: #BBBBC8; color: #282828; + background-image: url("../flavor-spikes01-narrow.png"); } html header .logo { background-image: url("../logo-light.png"); @@ -358,22 +365,22 @@ html h1 { color: #282828; } html button { - background-color: #FFFFFF; - color: #364DF6; - border: 2px solid #364DF6; + background-color: #BBBBC8; + color: #3574C6; + border: 2px solid #3574C6; } html button:hover { - background-color: #6778f8; - border: 2px solid #6778f8; + background-color: #5b8fd3; + border: 2px solid #5b8fd3; } html button.primary { - background-color: #364DF6; - color: #FFFFFF; + background-color: #3574C6; + color: #BBBBC8; border: none; - box-shadow: 0px 10px 30px #364DF6; + box-shadow: 0px 10px 30px #3574C6; } html button.primary:hover { - background-color: #6778f8; + background-color: #5b8fd3; } html button.clean { color: #282828; @@ -418,17 +425,14 @@ html button.other-user:hover .other-user-image { } } html input { - background-color: #FFFFFF; + background-color: #BBBBC8; color: #282828; } -html #qrcode svg rect[style*="fill:white"] { - fill: #FFFFFF !important; +html #qrcode svg rect.color { + fill: #282828; } -html #qrcode svg rect[style*="fill:black"] { - fill: #282828 !important; -} -html footer { - background-image: url("../gradientdeco-full.svg"); +html #qrcode svg rect.bg-color { + fill: #BBBBC8; } /*# sourceMappingURL=light.css.map */ diff --git a/internal/login/static/resources/themes/zitadel/css/light.css.map b/internal/login/static/resources/themes/zitadel/css/light.css.map index 87b5f2f0f..56107619e 100644 --- a/internal/login/static/resources/themes/zitadel/css/light.css.map +++ b/internal/login/static/resources/themes/zitadel/css/light.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../../scss/fonts.scss","../../scss/main.scss","../../scss/variables.scss","../../scss/light.scss"],"names":[],"mappings":"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","file":"light.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../../scss/fonts.scss","../../scss/main.scss","../../scss/variables.scss","../../scss/light.scss"],"names":[],"mappings":"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","file":"light.css"} \ No newline at end of file diff --git a/internal/login/static/resources/themes/zitadel/flavor-spikes01-narrow.png b/internal/login/static/resources/themes/zitadel/flavor-spikes01-narrow.png new file mode 100644 index 000000000..05d02618f Binary files /dev/null and b/internal/login/static/resources/themes/zitadel/flavor-spikes01-narrow.png differ