.root {
    -jr-theme: #2c9490;
    -jr-accent: #255652;
    -jr-selected: -jr-accent;
    -jr-hover: #fff1;

    -jr-row-odd-background: #272b38;
    -jr-row-even-background: #212330;
    -jr-accent-alt: -jr-accent;

    -jr-red: #b71c1f;
    -jr-light-red: #db1d2b;
    -jr-green: #1cb631;
    -jr-light-green: #28d93c;
    -jr-blue: #2c2cb7;
    -jr-light-blue: #3a3ad9;
    -jr-purple: #b72486;
    -jr-light-purple: #d927a8;
    -jr-yellow: #b5b021;
    -jr-orange: #b77620;

    -jr-base: #141824;

    -jr-background-alt: #151924;
    -jr-menu-background: #141824;
    -jr-toolbar: -jr-menu-background;
    -jr-sidepane-background: #212330;
    -jr-search-background: #2c2e3b;

    -jr-sidepane-header-background: -jr-background-alt;
    -jr-group-hits-bg: -jr-background-alt;
    -jr-group-hits-fg: -fx-light-text-color;
    -fx-control-inner-background: #272b38;

    -fx-control-inner-background-alt: -fx-control-inner-background;

    -fx-dark-text-color: black;
    -fx-mid-text-color: #7d8591;
    -fx-light-text-color: #e5e7ea;
    -jr-separator: #333744;
    -fx-outer-border: #424758;

    -jr-icon: -fx-light-text-color;
    -jr-icon-active: derive(-fx-light-text-color, 50%);
    -jr-icon-background-active: -jr-hover;
    -jr-icon-background-armed: #fff2;

    -jr-menu-foreground: -fx-light-text-color;
    -jr-menu-item-foreground: -fx-light-text-color;
    -jr-menu-forground-active: derive(-fx-light-text-color, 50%);

    -jr-scrollbar-thumb: -fx-light-text-color;
    -jr-scrollbar-track: derive(-fx-control-inner-background, -90%);

    -fx-focused-text-base-color: -fx-dark-text-color;

    -jr-tooltip-fg: derive(-fx-light-text-color, 50%);

    -jr-drag-target: -jr-accent;
    -jr-drag-target-hover: -jr-accent;

    -js-summary-text-color: derive(-fx-light-text-color, 70%);
    -js-summary-text-color-selected: derive( -fx-dark-text-color, 70%);
}

.unchanged {

}

.addition {
    -fx-text-background-color: black;
    -rtfx-background-color: #FDAF56;
}

.deletion {
    -fx-text-background-color: black;
    -rtfx-background-color: #FFEECC;
}

#previewBody {
    background-color: #272b38; /* -fx-control-inner-background*/
    color: #7d8591; /* -fx-mid-text-color*/
}

.custom-color-dialog {
    -fx-background-color: -fx-control-inner-background;
}

.table-row-cell:odd{
    -fx-background-color:#272b38;
}

.table-row-cell:even{
    -fx-background-color: #212330;
}

.table-row-cell:hover,
.tree-table-row-cell:hover {
    -fx-background-color: -jr-hover;
}

.merge-field-value .action-icon {
    -fx-blend-mode: none;
    -fx-opacity: 90%;
}

.merge-header-cell {
    -fx-border-width: 0 0 1 0;
    -fx-border-color: -fx-outer-border;
    -fx-background-color: -jr-row-odd-background;
}

.merge-header {
    -fx-background-color: -jr-row-odd-background;
}

.table-view .groupColumnBackground {
    -fx-stroke: -jr-gray-3;
}

.code-area .lineno {
    -fx-background-color: -jr-background-alt;
    -fx-text-fill: -fx-mid-text-color;
}

.text-unchanged {
    -fx-fill: -fx-light-text-color;
}

.radio-button > .radio {
    -fx-background-color: -fx-light-text-color, -fx-control-inner-background;
}

.numberColumn > .hits:any-selected {
    -fx-background-color: derive(-jr-gray-3, 25%);
}

.numberColumn > .hits:all-selected {
    -fx-background-color: -jr-gray-3;
}

#preferencesContainer .tab-pane > .tab-header-area > .tab-header-background {
    -fx-background-color: -jr-background;
}

.mainToolbar .search-field .button .glyph-icon {
    -fx-fill: derive(-fx-light-text-color, 80%);
    -fx-text-fill: derive(-fx-light-text-color, 80%);
    -fx-icon-color: derive(-fx-light-text-color, 80%);
}

.mainToolbar .search-field .toggle-button .glyph-icon {
    -fx-fill: -jr-search-text;
    -fx-text-fill: -jr-search-text;
    -fx-icon-color:-jr-search-text;
}

.mainToolbar .search-field .toggle-button:selected .glyph-icon {
    -fx-fill: derive(-fx-light-text-color, 80%);
    -fx-text-fill: derive(-fx-light-text-color, 80%);
    -fx-icon-color: derive(-fx-light-text-color, 80%);
}

.notification-bar > .pane {
    -fx-background-color: -fx-light-text-color;
}

.rating > .container > .button {
    -fx-icon-color: derive(-fx-light-text-color, -50%);
}

.rating > .container > .button.strong {
    -fx-icon-color: -fx-light-text-color;
}


.file-row-text {
    -fx-text-fill: -fx-light-text-color;
}
