src/proxmox-dark/scss/extjs/form/_button.scss

   1 // The "main" buttons like Login, Create, ...
   2 .x-btn-default-small {
   3   background-color: $primary-color;
   4   border-color: $primary-color;
   5
   6   &.x-btn-over,
   7   .x-keyboard-mode &.x-btn-focus {
   8     background-color: $primary-light;
   9     border-color: $primary-light;
  10   }
  11
  12   &.x-btn.x-btn-disabled {
  13     background-color: $primary-color;
  14   }
  15
  16   &.x-btn.x-btn-pressed {
  17     background-color: $primary-dark;
  18     border-color: $primary-color;
  19   }
  20 }
  21
  22 // toolbar butons
  23 .x-btn-default-toolbar-small {
  24   background-color: $neutral-button-color;
  25   border-color: $neutral-button-color-alt;
  26
  27   .x-btn-inner-default-toolbar-small {
  28     color: $neutral-button-text-color;
  29   }
  30
  31   .x-btn-icon-el-default-toolbar-small {
  32     color: $neutral-button-icon-color;
  33   }
  34
  35   // the little arrow in certain toolbar buttons with dropdowns
  36   .x-btn-wrap-default-toolbar-small.x-btn-arrow-right::after,
  37   .x-btn-wrap-default-toolbar-small.x-btn-split-right::after {
  38     filter: brightness(150%);
  39   }
  40
  41   &.x-btn-over,
  42   .x-keyboard-mode &.x-btn-focus {
  43     background-color: $neutral-button-color-alt;
  44     border-color: $neutral-button-color-alt;
  45   }
  46
  47   &.x-btn.x-btn-disabled {
  48     // Note: extJS already sets transparency on disabled buttons
  49     background-color: $neutral-button-color;
  50   }
  51
  52   // toggled state of toggle buttons (e.g. filter in task history)
  53   &.x-btn.x-btn-menu-active,
  54   &.x-btn.x-btn-pressed {
  55     background-color: $primary-dark;
  56     border-color: $primary-color;
  57   }
  58 }