1 | $ag-style: 'blue' !default;
|
2 | $ag-root-font-family: Calibri, 'Segoe UI', Thonburi, Arial, Verdana, sans-serif !default;
|
3 | $ag-root-font-size: 10pt !default;
|
4 |
|
5 | $ag-scrollbar-background: inherit !default;
|
6 | $ag-scrollbar-thumb: inherit !default;
|
7 |
|
8 | $ag-border-1: 1px solid #9bc2e6 !default;
|
9 |
|
10 | $ag-border-color-1: #000 !default;
|
11 | $ag-border-color-2: #808080 !default;
|
12 |
|
13 | $ag-background-1: #f6f6f6 !default;
|
14 |
|
15 | $ag-foreground-1: #222 !default;
|
16 |
|
17 | $ag-header-foreground-1: #fff !default;
|
18 |
|
19 | $ag-separator-color: #d3d3d3 !default;
|
20 |
|
21 | $ag-cell-focused-border: 2px solid #217346 !default;
|
22 | $ag-cell-no-focus-border-top: 2px solid transparent !default;
|
23 | $ag-cell-no-focus-border-bottom: 1px dotted #9bc2e6 !default;
|
24 | $ag-cell-ltr-no-focus-border-right: 1px dotted #9bc2e6 !default;
|
25 | $ag-cell-ltr-no-focus-border-left: 2px solid transparent !default;
|
26 | $ag-cell-rtl-no-focus-border-right: 2px solid transparent !default;
|
27 | $ag-cell-rtl-no-focus-border-left: 1px dotted #9bc2e6 !default;
|
28 |
|
29 | $ag-cell-highlight-border: 1px solid darkgreen !default;
|
30 |
|
31 | $ag-cell-padding: 2px !default;
|
32 |
|
33 | $ag-row-selected-background-color: #c7c7c7 !default;
|
34 | $ag-row-odd-background-color: #ddebf7 !default;
|
35 | $ag-row-even-background-color: #fff !default;
|
36 | $ag-row-floating-background-color: #f0f0f0 !default;
|
37 | $ag-row-stub-background-color: #f0f0f0 !default;
|
38 |
|
39 | $ag-value-change-delta-up-color: darkgreen !default;
|
40 | $ag-value-change-delta-down-color: darkred !default;
|
41 | $ag-value-change-value-highlight-background-color: #cec !default;
|
42 |
|
43 | $ag-range-selected-color-1: rgba(120, 120, 120, 0.4) !default;
|
44 | $ag-range-selected-color-2: rgba(80, 80, 80, 0.4) !default;
|
45 | $ag-range-selected-color-3: rgba(40, 40, 40, 0.4) !default;
|
46 | $ag-range-selected-color-4: rgba(0, 0, 0, 0.4) !default;
|
47 |
|
48 | $ag-header-background-1: #5b9bd5 !default;
|
49 | $ag-header-select-padding: 5px 0px 0px 3px !default;
|
50 |
|
51 | $ag-button-background-1: #ddebf7 !default;
|
52 | $ag-button-foreground-1: #000 !default;
|
53 | $ag-button-border-1: #808080 !default;
|
54 |
|
55 | $ag-header-font-weight: 600 !default;
|
56 |
|
57 | $ag-tab-border: 1px solid #d3d3d3 !default;
|
58 | $ag-tab-background: #5b9bd5 !default;
|
59 | $ag-tab-selected-background: #9bc2e6 !default;
|
60 | $ag-tab-padding: 6px 8px 6px 8px !default;
|
61 |
|
62 | $ag-menu-option-active-color: #c7c7c7 !default;
|
63 |
|
64 | $ag-select-background: white !default;
|
65 | $ag-select-foreground: #222 !default;
|
66 |
|
67 | $ag-menu-option-padding: 2px 4px 2px 4px !default;
|
68 | $ag-menu-option-shortcut-padding: 2px 2px 2px 2px !default;
|
69 |
|
70 | @import 'theme-common';
|
71 |
|
72 | .ag-blue {
|
73 | .ag-floating-filter-body {
|
74 | input {
|
75 | background-color: $ag-select-background;
|
76 | color: $ag-foreground-1;
|
77 |
|
78 | &[readonly] {
|
79 | background: rgba($ag-select-background, 0.3);
|
80 | }
|
81 | }
|
82 | }
|
83 |
|
84 | .ag-header {
|
85 | .ag-icon-asc,
|
86 | .ag-icon-desc,
|
87 | .ag-icon-expanded,
|
88 | .ag-icon-contracted,
|
89 | .ag-icon-menu,
|
90 | .ag-icon-filter {
|
91 | filter: invert(100%);
|
92 | }
|
93 | }
|
94 |
|
95 |
|
96 | .ag-tab-header .ag-icon {
|
97 | filter: invert(100%);
|
98 | }
|
99 | }
|
100 |
|
101 |
|
102 |
|