_ag-theme-balham-default-params.scss 2.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. @import "../../ag-theme-base/sass/ag-theme-base-default-params";
  2. @import "./ag-theme-balham-font-vars";
  3. $ag-theme-balham-default-params: (
  4. balham-active-color: #0091ea,
  5. // main colours (overridden by balham-dark)
  6. foreground-color: #000,
  7. secondary-foreground-color: ag-derived(foreground-color, $opacity: 0.54),
  8. disabled-foreground-color: ag-derived(foreground-color, $opacity: 0.38),
  9. background-color: white,
  10. header-background-color: #f5f7f7,
  11. subheader-background-color: #e2e9eb,
  12. control-panel-background-color: #f5f7f7,
  13. border-color: #bdc3c7,
  14. row-border-color: ag-derived(border-color, $lighten: 10),
  15. odd-row-background-color: #fcfdfe,
  16. row-hover-color: #ecf0f1,
  17. input-border-color: #95a5a6,
  18. input-disabled-background-color: #ebebeb,
  19. checkbox-border-radius: 3px,
  20. checkbox-unchecked-color: #7f8c8d,
  21. checkbox-checked-color: ag-derived(balham-active-color),
  22. checkbox-background-color: ag-derived(background-color),
  23. input-focus-border-color: #719ECE,
  24. input-focus-box-shadow: 0 0 2px 1px ag-derived(input-focus-border-color),
  25. // derived colours (shared by balham-dark)
  26. subheader-toolbar-background-color: ag-derived(subheader-background-color, $opacity: 0.5),
  27. range-selection-background-color: ag-derived(balham-active-color, $opacity: 0.2),
  28. range-selection-border-color: ag-derived(balham-active-color),
  29. range-selection-highlight-color: ag-derived(balham-active-color),
  30. selected-row-background-color: ag-derived(balham-active-color, $lighten: 40),
  31. chip-background-color: ag-derived(control-panel-background-color, $mix: foreground-color 10%),
  32. header-cell-moving-background-color: ag-derived(background-color),
  33. header-column-separator: true,
  34. header-column-separator-color: ag-derived(border-color, $opacity: 0.5),
  35. header-column-separator-height: 50%,
  36. // sizing
  37. grid-size: 4px,
  38. icon-size: 16px,
  39. row-height: ag-derived(grid-size, $times: 7),
  40. header-height: ag-derived(grid-size, $times: 8),
  41. list-item-height: ag-derived(grid-size, $times: 7),
  42. row-group-indent-size: ag-derived(grid-size, $times: 3, $plus: icon-size),
  43. cell-horizontal-padding: ag-derived(grid-size, $times: 3),
  44. input-height: ag-derived(grid-size, $times: 4),
  45. // Fonts
  46. font-family: (-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif),
  47. font-size: 12px,
  48. icon-font-family: $ag-theme-balham-icon-font-family,
  49. icons-data: $ag-theme-balham-icons-data,
  50. icons-font-codes: $ag-theme-balham-icons-font-codes,
  51. // Misc
  52. border-radius: 2px,
  53. card-shadow: none,
  54. );
  55. $ag-theme-balham-default-params: map-merge($ag-theme-base-default-params, $ag-theme-balham-default-params);