ceph/src/pybind/mgr/dashboard/frontend/src/app/core/auth/login/login.component.scss

   1 @use 'sass:map';
   2 @use './src/styles/vendor/variables' as vv;
   3
   4 $dark-secondary: darken(vv.$secondary, 4%);
   5
   6 ::ng-deep cd-login {
   7   .form-group {
   8     background-color: $dark-secondary;
   9     border-left: 4px solid vv.$white;
  10     height: auto;
  11     margin-bottom: 2rem;
  12
  13     &:focus-within {
  14       border-left: 4px solid map.get(vv.$theme-colors, 'accent');
  15     }
  16   }
  17
  18   .btn-password,
  19   .btn-password:focus,
  20   .form-control,
  21   .form-control:focus {
  22     background-color: $dark-secondary;
  23     border: 0;
  24     box-shadow: none;
  25     color: vv.$body-color-bright;
  26     filter: none;
  27     outline: none;
  28   }
  29
  30   .placeholder {
  31     color: vv.$gray-600;
  32   }
  33
  34   .btn-password:focus {
  35     outline-color: vv.$primary;
  36   }
  37 }
  38
  39 // This will override the colors applied by chrome
  40 @keyframes autofill {
  41   to {
  42     background-color: $dark-secondary;
  43     color: vv.$body-color-bright;
  44   }
  45 }
  46
  47 input:-webkit-autofill {
  48   animation-fill-mode: both;
  49   animation-name: autofill;
  50   border-radius: 0;
  51   box-shadow: 0 0 0 1000px $dark-secondary inset;
  52   -webkit-text-fill-color: vv.$body-color-bright;
  53   transition-property: none;
  54 }