ag-grid/src/styles/ag-theme-balham-dark.scss

@import "./ag-theme-balham-common";
@import "./flat-colors";

$secondary-foreground-color-opacity: 0.64;

// theme shortcuts
$default-background: #2d3436 !default;
$foreground-color: #F5F5F5 !default;

$chrome-background: darken(#636e72, 30) !default;
$active: #00B0FF !default;
$border-color: #424242 !default;
$icon-color: #ecf0f1 !default;
$alt-background: darken(#2d3436, 3) !default;
$odd-row-background-color: $alt-background;

// Derived from above
$foreground-color: rgba($foreground-color, $foreground-opacity) !default; // foreground
$secondary-foreground-color: rgba($foreground-color, $secondary-foreground-color-opacity) !default; // foreground-secondary
$disabled-foreground-color: rgba($foreground-color, $disabled-foreground-color-opacity) !default; // foreground-disabled

$primary-color: $active !default;
$accent-color: $active !default;
$range-selection-background-color: transparentize($active, 0.8) !default;
$range-selection-highlight-color: $active !default;
$selected-color: darken($active, 25) !default;

$alt-icon-color: $default-background !default;
$background-color: $default-background !default;

$editor-background-color: $chrome-background !default;
$panel-background-color: $chrome-background !default;
$tool-panel-background-color: $chrome-background !default;
$header-background-color: $chrome-background !default;

$hover-color: lighten($alt-background, 10) !default;
$chip-background-color: lighten($alt-background, 5) !default;

// delta changes
$cell-data-changed-color: #fce4ec !default;
$value-change-delta-up-color: #43a047 !default;
$value-change-delta-down-color: #e53935 !default;
$value-change-value-highlight-background-color: transparentize(#16A085, 0.5) !default;

@import './ag-theme-balham-vars';

.ag-theme-balham-dark {
    @include ag-theme-balham($params);

    input,
    select {
        background-color: $odd-row-background-color;
        color: $foreground-color;
    }

    .ag-floating-filter-body input {
        border-width: 1px;
        border-style: solid;
    }

    .ag-floating-filter-body input[readonly] {
        background: rgba(48, 46, 46, 0.3);
    }
}