UNPKG

5.02 kBSCSSView Raw
1@import "./ag-theme-classic-common";
2@import "./ag-theme-classic-vars";
3
4// Colors
5$icon-color: #333333 !default;
6$foreground-color: rgba(black, $foreground-opacity) !default;
7$secondary-foreground-color: rgba(#333, $secondary-foreground-color-opacity) !default;
8$disabled-foreground-color: rgba(black, $disabled-foreground-color-opacity) !default;
9$menu-option-active-color: #bde2e5 !default;
10
11$card-background-color: #f6f6f6 !default;
12$border-color: darkgrey !default;
13$primary-color: black !default;
14$accent-color: black !default;
15
16$background-color: white !default;
17$odd-row-background-color: #f6f6f6 !default;
18
19$editor-background-color: #f6f6f6 !default;
20
21$header-background-color: transparent !default;
22$header-background-image: linear-gradient(white, lightgrey) !default;
23$panel-background-color: #f6f6f6 !default;
24
25$tool-panel-background-color: #f6f6f6 !default;
26
27$chip-background-color: #ecf0f1 !default;
28
29$range-selection-background-color: rgba(120, 120, 120, 0.4) !default;
30$range-selection-highlight-color: transparent !default;
31
32$hover-color: "" !default;
33
34$selected-color: $menu-option-active-color !default;
35
36$cell-data-changed-color: white !default;
37
38$focused-cell-border-color: darkgrey !default;
39
40$tab-background-color: #e6e6e6 !default;
41
42$cell-highlight-border: 2px solid darkgreen !default;
43$cell-horizontal-border: 1px dotted silver !default;
44
45$ag-range-selected-color-1: rgba(120, 120, 120, 0.4) !default;
46$ag-range-selected-color-2: rgba(80, 80, 80, 0.4) !default;
47$ag-range-selected-color-3: rgba(40, 40, 40, 0.4) !default;
48$ag-range-selected-color-4: rgba(0, 0, 0, 0.4) !default;
49
50$row-floating-background-color: #f0f0f0 !default;
51$row-stub-background-color: #f0f0f0 !default;
52
53// delta changes
54$value-change-delta-up-color: darkgreen !default;
55$value-change-delta-down-color: darkred !default;
56$value-change-value-highlight-background-color: #cec !default;
57
58$params: (
59 grid-size: $grid-size,
60 icon-size: $icon-size,
61 header-icon-size: $header-icon-size,
62 row-height: $row-height,
63 header-height: $header-height,
64 virtual-item-height: $virtual-item-height,
65 rich-select-item-height: $row-height,
66 cell-horizontal-padding: $cell-horizontal-padding,
67 toolpanel-indent-size: $toolpanel-indent-size,
68 row-group-indent-size: $row-group-indent-size,
69 icons-path: $icons-path,
70 font-family: $font-family,
71 font-size: $font-size,
72 font-weight: $font-weight,
73 secondary-font-family: $secondary-font-family,
74 secondary-font-size: $secondary-font-size,
75 secondary-font-weight: $secondary-font-weight,
76 foreground-color: $foreground-color,
77 foreground-opacity: $foreground-opacity,
78 secondary-foreground-color-opacity: $secondary-foreground-color-opacity,
79 secondary-foreground-color: $secondary-foreground-color,
80 disabled-foreground-color-opacity: $disabled-foreground-color-opacity,
81 disabled-foreground-color: $disabled-foreground-color,
82 background-color: $background-color,
83 tab-background-color: $tab-background-color,
84 odd-row-background-color: $odd-row-background-color,
85 header-cell-moving-background-color: $header-cell-moving-background-color,
86 icon-color: $icon-color,
87 border-color: $border-color,
88 button-background-color: transparent,
89 cell-data-changed-color: $cell-data-changed-color,
90 chip-background-color: $chip-background-color,
91 editor-background-color: $editor-background-color,
92 range-selection-background-color: $range-selection-background-color,
93 range-selection-highlight-color: $range-selection-highlight-color,
94 header-background-color: $header-background-color,
95 header-background-image: $header-background-image,
96 panel-background-color: $panel-background-color,
97 tool-panel-background-color: $tool-panel-background-color,
98 card-background-color: $card-background-color,
99 accent-color: $accent-color,
100 primary-color: $primary-color,
101 hover-color: $hover-color,
102 selected-color: $selected-color,
103 icon-opacity: $foreground-opacity,
104 button-text-transform: uppercase,
105 card-radius: $card-radius,
106 card-shadow: $card-shadow,
107 input-height: $grid-size * 4,
108 focused-cell-border-color: $focused-cell-border-color,
109 menu-option-active-color: $menu-option-active-color,
110 ag-range-selected-color-1: $ag-range-selected-color-1,
111 ag-range-selected-color-2: $ag-range-selected-color-2,
112 ag-range-selected-color-3: $ag-range-selected-color-3,
113 ag-range-selected-color-4: $ag-range-selected-color-4,
114 cell-highlight-border: $cell-highlight-border,
115 cell-horizontal-border: $cell-horizontal-border,
116 value-change-delta-up-color: $value-change-delta-up-color,
117 value-change-delta-down-color: $value-change-delta-down-color,
118 value-change-value-highlight-background-color: $value-change-value-highlight-background-color,
119 row-floating-background-color: $row-floating-background-color,
120 row-stub-background-color: $row-stub-background-color
121);
122
123.ag-theme-fresh {
124 @include ag-theme-classic($params);
125}