sand-signika.scss 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. // Global font
  2. @import 'https://fonts.googleapis.com/css?family=Signika:400,700';
  3. // Chart background, point stroke for markers and columns etc
  4. $background-color: none;
  5. // Colors for data series and points.
  6. $colors: #f45b5b #8085e9 #8d4654 #7798BF #aaeeee #ff0066 #eeaaee #55BF3B #DF5353 #7798BF #aaeeee;
  7. // Neutral colors
  8. $neutral-color-100: #fff;
  9. $neutral-color-80: #000;
  10. // Data-labels
  11. $data-label-color: #000;
  12. // Fonts
  13. $font-family: 'Signika', Arial, Helvetica, sans-serif;
  14. $title-font-size: 16px;
  15. $legend-font-size: 13px;
  16. $axis-labels-font-size: 12px;
  17. // Tooltip
  18. $tooltip-border: 0px;
  19. $tooltip-background: $neutral-color-100;
  20. // Buttons
  21. $highcharts-button-background: $neutral-color-100;
  22. $highcharts-button-border: #C0C0C8;
  23. $highcharts-button-text: #000;
  24. $highcharts-button-pressed-background: #D0D0D8;
  25. $highcharts-button-pressed-text: #000;
  26. $context-button-background: $neutral-color-100;
  27. // Navigator
  28. $navigator-series-fill: #f45b5b;
  29. $navigator-series-border: #f45b5b;
  30. // Scrollbar
  31. $scrollbar-track-border: #C0C0C8;
  32. // General
  33. .highcharts-container {
  34. background: url(https://www.highcharts.com/samples/graphics/sand.png);
  35. }
  36. // Boxplot
  37. .highcharts-boxplot-box {
  38. fill: #505053;
  39. }
  40. // Navigator
  41. .highcharts-navigator-xaxis .highcharts-grid-line {
  42. stroke: #D0D0D8;
  43. }
  44. // Scrollbar
  45. .highcharts-scrollbar-track {
  46. stroke: #C0C0C8;
  47. }
  48. // Title
  49. .highcharts-title {
  50. font-weight: bold;
  51. }
  52. // Buttons
  53. .highcharts-button-box {
  54. stroke-width: 1px;
  55. }
  56. @import '../highcharts';