ag-theme-dark.scss 1.2 KB

123456789101112131415161718192021222324252627282930
  1. @import "../../ag-theme-classic/sass/ag-theme-classic";
  2. // LEGACY THEME FILE
  3. // Including this file emits CSS for the Dark theme. We no longer officially support this theme.
  4. // See https://www.ag-grid.com/javascript-grid-themes-v23-migration/
  5. @import "./legacy/ag-theme-dark-define-legacy-vars";
  6. @include ag-theme-classic-impl("ag-theme-dark", (
  7. "foreground-color": #ccc,
  8. "background-color": #302e2e,
  9. "odd-row-background-color": #403e3e,
  10. "input-disabled-background-color": rgba(48, 46, 46, 0.3),
  11. "border-color": darkgrey,
  12. "cell-horizontal-border": dotted grey,
  13. "header-background-color": #626262,
  14. "header-cell-moving-background-color": #bebebe,
  15. "control-panel-background-color": #302e2e,
  16. "subheader-background-color": #201f1f,
  17. "chip-background-color": rgb(64, 62, 62),
  18. "range-selection-background-color": rgba(100, 160, 160, 0.4),
  19. "range-selection-highlight-color": rgba(255, 255, 255, 0.4),
  20. "value-change-delta-up-color": greenyellow,
  21. "value-change-delta-down-color": red,
  22. "value-change-value-highlight-background-color": chocolate,
  23. "input-border-color": #000,
  24. "header-column-separator": true,
  25. "row-border-color": null,
  26. "selected-row-background-color": #4a708b
  27. ));