UNPKG

2.13 kBSCSSView Raw
1@import "./ag-theme-balham-common";
2@import "./flat-colors";
3
4$secondary-foreground-color-opacity: 0.64;
5
6// theme shortcuts
7$default-background: #2d3436 !default;
8$foreground-color: #F5F5F5 !default;
9
10$chrome-background: darken(#636e72, 30) !default;
11$active: #00B0FF !default;
12$border-color: #424242 !default;
13$icon-color: #ecf0f1 !default;
14$alt-background: darken(#2d3436, 3) !default;
15$odd-row-background-color: $alt-background;
16
17// Derived from above
18$foreground-color: rgba($foreground-color, $foreground-opacity) !default; // foreground
19$secondary-foreground-color: rgba($foreground-color, $secondary-foreground-color-opacity) !default; // foreground-secondary
20$disabled-foreground-color: rgba($foreground-color, $disabled-foreground-color-opacity) !default; // foreground-disabled
21
22$primary-color: $active !default;
23$accent-color: $active !default;
24$range-selection-background-color: transparentize($active, 0.8) !default;
25$range-selection-highlight-color: $active !default;
26$selected-color: darken($active, 25) !default;
27
28$alt-icon-color: $default-background !default;
29$background-color: $default-background !default;
30
31$editor-background-color: $chrome-background !default;
32$panel-background-color: $chrome-background !default;
33$tool-panel-background-color: $chrome-background !default;
34$header-background-color: $chrome-background !default;
35
36$hover-color: lighten($alt-background, 10) !default;
37$chip-background-color: lighten($alt-background, 5) !default;
38
39// delta changes
40$cell-data-changed-color: #fce4ec !default;
41$value-change-delta-up-color: #43a047 !default;
42$value-change-delta-down-color: #e53935 !default;
43$value-change-value-highlight-background-color: transparentize(#16A085, 0.5) !default;
44
45@import './ag-theme-balham-vars';
46
47.ag-theme-balham-dark {
48 @include ag-theme-balham($params);
49
50 input,
51 select {
52 background-color: $odd-row-background-color;
53 color: $foreground-color;
54 }
55
56 .ag-floating-filter-body input {
57 border-width: 1px;
58 border-style: solid;
59 }
60
61 .ag-floating-filter-body input[readonly] {
62 background: rgba(48, 46, 46, 0.3);
63 }
64}