rawTherapee/rtdata/themes/RawTherapee-GTK3-_19.css

/*
  This file is part of RawTherapee.

  Copyright (c) 2015 DrSlony
  Copyright (c) 2016 Hombre

  RawTherapee is free software: you can redistribute it and/or modify
  it under the terms of the GNU General Public License as published by
  the Free Software Foundation, either version 3 of the License, or
  (at your option) any later version.

  RawTherapee is distributed in the hope that it will be useful,
  but WITHOUT ANY WARRANTY; without even the implied warranty of
  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  GNU General Public License for more details.

  You should have received a copy of the GNU General Public License
  along with RawTherapee.  If not, see <http://www.gnu.org/licenses/>.
*/

* {
    color: #AAAAAA;
}

.view:selected {
    color: #262626;
    background-color: #AAAAAA
}

/* The Places and Dir browser panels */
.view, .textview, .textview, .textview.view {
    background-color: #262626;
}
/* The headers of these panels */
.view GtkButton {
    background-color: #363636;
    padding: 2px;
}

window.background {
    background-color: #484848;
}

headerbar {
    background-color: #262626;
    padding: 3px;
    margin: 0;
    border-radius: 0;
    background-image: none;
}

window .decoration {
    box-shadow: none;
    margin: 0px;
    background-color: #484848;
}

.dialog.background {
    background-color: #484848;
}

GtkBox, GtkGrid {
    border-width: 0;
    border-style: none;
    border-radius: 0;
    margin: 1px;
    padding: 0;
}

/* Affects all frames except in the toolbox */
GtkFrame {
    border-width: 0;
    border-color: #303030;
    border-radius: 0;
    border-style: solid;
    /*border-style: none none none solid;*/
    padding: 0 3px;
    margin: 3px 0 ;
    background-color: rgba(0,0,0,0.);
}

/* Create space between GtkFrame contents and GtkFrame border */
GtkFrame {  /* border */
    padding: 4px;
    border-radius: 4px;
    background-color: #383838
}

GtkFrame > GtkLabel {
    color: #D8D8D8;
}

.tooltip {
    background-color: rgba(0,0,0,0.95);
    border-style: none;
    box-shadow: none;
    padding: 0;
}

GtkGrid .separator, GtkBox .separator {
    background-color: rgba(0, 0, 0, 0.17);
    padding: 0;
}

GtkGrid .separator.horizontal, GtkBox .separator.horizontal {
    margin: 0.3em 0.45em;
}

GtkGrid .separator.vertical, GtkBox .separator.vertical {
    margin: 0.45em 0.3em;
}

#FileBrowser {
    padding: 2px;
    margin: 0px;
}

#FileCatalog {
    background-color: #393939;
}
#FileCatalog:selected {
    background-color: #565656;
}

#BeforeAfterContainer GtkFrame {
    background-color: #262626;
    border-radius: 0;
    padding: 4px;
    margin: 2px;
}

/* Frames in the toolbox. Not MyExpander frames. */
.eventbox GtkFrame {
    border-color: #565656;
}

.scrollbar {
    background-color: #303030;
}
.scrollbar.slider {
    background-color: #808080;
}
.scrollbar.slider:hover {
    background-color: #999999;
}

GtkButton {
    padding: 0;
    background-image: linear-gradient(#343434, #2E2E2E, #292929);
}

GtkButton.flat  {
    background-image: none;
}
GtkButton.popupbutton-arrow {
}

GtkButton:hover  {
    background-image: linear-gradient(#444444, #3E3E3E, #393939);
}
.checkbutton.check {
    background-image: linear-gradient(#343434, #2E2E2E, #292929);

}
.checkbutton.check:hover {
    background-image: linear-gradient(#444444, #3E3E3E, #393939);
}
.radiobutton.radio {
    background-image: linear-gradient(#343434, #2E2E2E, #292929);
}
.radiobutton.radio:hover {
    background-image: linear-gradient(#444444, #3E3E3E, #393939);
}

GtkCombobox {
    margin-left: 2px;
}

.scale {
    padding: 0;
    margin: 0 7px 0 0;
}

.scale.slider {
    /* Slider size is min-width x min-height ; margin have to be half of those values, but negative */
    margin: 2px;
    padding: 5px 0;
    background-image: linear-gradient(#343434, #2E2E2E, #292929);
}
.scale.slider:hover {
    background-image: linear-gradient(#444444, #3E3E3E, #393939);
}
.scale:insensitive .slider {
    background-image: none;
    background-color: #444;
    border-color: #282828;
}
.scale .trough {
    margin: 2px 2px;  /* have to be half of "scale slider / min-width min-height" */
    padding: 5px 0;
    background-color: #2A2A2A;
}
.scale:insensitive .trough {
    background-color: #444;
    border-color: #282828;
}

/*.EditorTopPanel GtkButton, .ToolBarPanelFileBrowser GtkButton, .EditorZoomPanel GtkButton {*/
GtkButton {
    padding: 1px;
    margin: 1px;
    padding: 0;
}

/* Adjusters */
.text-button {
    padding: 0;
}

/* Any GtkText-.button which is a real GtkButton, unlike Slider GtkLabel */
.text-button GtkButton {
    padding: 4px;
}

.separator {
    color: #363636;
    margin: 5px;
}

.progressbar > .trough {
    background-color: #2A2A2A;
    border-color: #202020;
}

.notebook.header .progressbar > .trough {
    background-color: #202020;
    border-color: #181818;
}

.drawingarea {
    border-radius: 0;
    background-color: #2A2A2A;
    border: 1px solid #1D1D1D;
}
.drawingarea:insensitive {
    background-color: #444;
    border-color: #282828;
}

.drawingarea:selected {
    background-color: #565656;
    border-radius: 10px;
}

.image {
    padding: 1px;
}

/* Vertical group of buttons in 1 column */
GtkButton.Top {
    border-radius: 10px 4px 0 0;
    border-style: solid solid none solid;
    margin-bottom: 0;
}
GtkButton.MiddleV {
    border-radius: 0;
    border-style: none solid none solid;
    margin-top: 0;
    margin-bottom: 0;
}
GtkButton.Bottom {
    border-radius: 0 0 4px 4px;
    border-style: none solid solid solid;
    margin-top: 0;
}
/* end */

/* Horizontal group of buttons in 1 row */
GtkButton.Left {
    border-radius: 4px 0 0 4px;
    border-style: solid none solid solid;
    margin-right: 0;
}
GtkButton.MiddleH {
    border-radius: 0;
    border-style: solid none solid none;
    margin-left: 0;
    margin-right: 0;
}
GtkButton.Right {
    border-radius: 0 4px 4px 0;
    border-style: solid solid solid none;
    margin-left: 0;
}
/* end */

/* [1.23[-][+]] */
GtkEntry, GtkSpinButton {
    padding: 0;
    margin: 0;
    background-color: #262626;
}

GtkEntry:insensitive, GtkSpinButton:insensitive {
    background-color: #363636;
}

GtkEntry:hover, GtkSpinButton:hover {
    background-color: #565656;
}

GtkEntry:selected {
    color: #262626;
    background-color: #AAAAAA;
}

/* Context menus */
.menu {
    background-color: #262626;
    color: #909090;
}

/* Context menu item */
.menuitem {
    padding: 2px;
    margin: 0;
}

#HistogramPanel {
    margin: 2px 4px;
}

#MyExpander {
    margin: 0 5px 0 5px;
    padding: 0;
}

/* Tool background */
#ExpanderBox > GtkBox, #ExpanderBox > GtkGrid {
    background-color: #363636;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    border-color: #252525;
    margin: 0;
    padding: 3px;
}

#ExpanderBox .drawingarea {
    background-color: #363636;
}

#ExpanderBox  GtkFrame,
#ExpanderBox2 GtkFrame,
#ExpanderBox3 GtkFrame {
    padding: 2px 0 0 0;
    border-style: none;
}
#ExpanderBox GtkFrame { /* > border */
    background-color: #3B3B3B;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px;
    border-color: #313131;
    margin: 3px;
    padding: 3px;
}

#ExpanderBox  GtkFrame > GtkLabel, #ExpanderBox  GtkFrame GtkFrame > GtkLabel,
#ExpanderBox2 GtkFrame > GtkLabel, #ExpanderBox2 GtkFrame GtkFrame > GtkLabel,
#ExpanderBox3 GtkFrame > GtkLabel, #ExpanderBox3 GtkFrame GtkFrame > GtkLabel {
    margin-left: 7pt;
    margin-top: 0;
}
#ExpanderBox  GtkFrame > GtkBox, #ExpanderBox  GtkFrame GtkFrame > GtkBox, #ExpanderBox  GtkFrame > GtkGrid, #ExpanderBox  GtkFrame GtkFrame > GtkGrid,
#ExpanderBox2 GtkFrame > GtkBox, #ExpanderBox2 GtkFrame GtkFrame > GtkBox, #ExpanderBox2 GtkFrame > GtkGrid, #ExpanderBox2 GtkFrame GtkFrame > GtkGrid,
#ExpanderBox3 GtkFrame > GtkBox, #ExpanderBox3 GtkFrame GtkFrame > GtkBox, #ExpanderBox3 GtkFrame > GtkGrid, #ExpanderBox3 GtkFrame GtkFrame > GtkGrid {
    margin: 2px;
}

#ExpanderBox  > GtkBox > .checkbutton, #ExpanderBox  > GtkBox > GtkBox, #ExpanderBox  > GtkGrid > .checkbutton, #ExpanderBox  > GtkBox > GtkGrid, #ExpanderBox  > GtkGrid > GtkGrid, #ExpanderBox  GtkFrame > GtkBox > GtkGrid, #ExpanderBox  GtkFrame > GtkGrid > GtkGrid, #ExpanderBox  GtkFrame > GtkGrid > GtkBox,
#ExpanderBox2 > GtkBox > .checkbutton, #ExpanderBox2 > GtkBox > GtkBox, #ExpanderBox2 > GtkGrid > .checkbutton, #ExpanderBox2 > GtkBox > GtkGrid, #ExpanderBox2 > GtkGrid > GtkGrid, #ExpanderBox2 GtkFrame > GtkBox > GtkGrid, #ExpanderBox2 GtkFrame > GtkGrid > GtkGrid, #ExpanderBox2 GtkFrame > GtkGrid > GtkBox,
#ExpanderBox3 > GtkBox > .checkbutton, #ExpanderBox3 > GtkBox > GtkBox, #ExpanderBox3 > GtkGrid > .checkbutton, #ExpanderBox3 > GtkBox > GtkGrid, #ExpanderBox3 > GtkGrid > GtkGrid, #ExpanderBox3 GtkFrame > GtkBox > GtkGrid, #ExpanderBox3 GtkFrame > GtkGrid > GtkGrid, #ExpanderBox3 GtkFrame > GtkGrid > GtkBox {
    margin-top: 2px;
}

#ExpanderBox GtkFrame .drawingarea {
    background-color: #3B3B3B;
}

#ExpanderBox GtkFrame GtkFrame { /* > border */
    background-color: #414141;
    border: 1px solid #373737;
    border-radius: 4px;
    margin: 3px;
    padding: 3px;
}

#ExpanderBox GtkFrame GtkFrame .drawingarea {
    background-color: #414141;
}

/* Sub-tool (MyExpander) background */
#ExpanderBox2 > GtkBox, #ExpanderBox2 > GtkGrid {
    background-color: #3B3B3B;
    border: 1px solid #2A2A2A;
    border-radius: 4px;
    margin: 0;
    padding: 3px;
}

#ExpanderBox2 .drawingarea {
    background-color: #3B3B3B;
}

#ExpanderBox2 GtkFrame { /* > border */
    background-color: #414141;
    border: 1px solid #373737;
    border-radius: 4px;
    margin: 3px;
    padding: 3px;
}

#ExpanderBox2 GtkFrame .drawingarea {
    background-color: #414141;
}

#ExpanderBox2 GtkFrame GtkFrame { /* > border */
    background-color: #474747;
    border: 1px solid #3D3D3D;
    border-radius: 4px;
    margin: 3px;
    padding: 3px;
}

#ExpanderBox2 GtkFrame GtkFrame .drawingarea {
    background-color: #474747;
}

#MyExpanderTitle > GtkBox {
    margin: 2px 0 2px 0;
    padding: 2px;
}

#MyExpanderTitle GtkLabel {
    color: #CCCCCC;
    padding: 0;
    margin: 0 3px 0 3px;
}
#MyExpanderTitle:hover {
    background-color: #202020;
}
#MyExpanderTitle .eventbox:hover .image {
    background-color: #202020;
    border-radius: 3px;
}
#MyExpanderTitle:hover GtkLabel {
    color: #D8D8D8;
}

#ExpanderBox2 .separator, #ExpanderBox3 .separator {
    color: #292929;
}

/* Editor tab GtkButton */
#MainNotebook GtkGrid GtkLabel, #MainNotebook GtkGrid .image  {
    /* OK */
    padding: 1px;
}

/* File Browser right side tabs - Toolbox, Inspector, Fast Export, Filter */
.notebook {
    padding: 0;
    margin: 0;
    border-style: none;
}

.notebook header {
    box-shadow: none;
    background-color: #383838;
    border-width: 1px;
    border-style: none;
    border-color: #262626;
    border-radius: 0;
    padding: 2px;
    margin: 0;
}

.notebook tabs {
    padding: 1px;
    margin: 0;
}

.notebook tab {
    padding: 1px;
    margin: 2px;
}

.notebook tab:hover {
    background-color: #505050;
}

.notebook tab:active {
    padding: 3px;
    border-width: 5px;
    border-color: #989898;
}

.notebook tab GtkButton {
    padding: 0 0;
    margin: 0 3px;
}

/* Get rid of shitty .notebook header shadow */
.notebook header.top {
    border-bottom-style: solid;
    padding-bottom: 3px;
}
.notebook header.right {
    border-left-style: solid;
    padding-left: 3px;
}
.notebook header.bottom {
    border-top-style: solid;
    padding-top: 3px;
}
.notebook header.left {
    border-right-style: solid;
    padding-right: 3px;
}

.notebook GtkFrame {
    /* OK */
    border-radius: 0;
    border-style: none;
}

/* Pad notebooks, makes the other borders look nicer */
.notebook.stack {
    /* OK */
    background-color: #484848;
    padding: 0;
    margin: 0;
}

.paned GtkBox, .paned GtkGrid {
    padding: 0;
    margin: 0;
    border-style: none;
}

.paned > .separator {
    border: 1px solid #484848;
    margin: 0;
    padding: 0;
}

#MainNotebook.left.header tab .image {
    margin: 0.5em 0 0 0;
}
#MainNotebook.top.header tab .image {
    margin: 0 0.5em 0 0;
}
#MainNotebook.left.header tab {
    margin: 0.5em 0 0.5em 0;
}
#MainNotebook.top.header tab {
    margin: 0 0.5em 0 0.5em;
}

#MainNotebook.header {
    /* OK */
    background-color: #2A2A2A;
}
#MainNotebook > tabs {
    /* OK */
    background-color: #2A2A2A;
}
#MainNotebook > tab:hover {
    /* OK */
    background-color: #505050;
}
#MainNotebook > tab:active {
    /* OK */
    border-color: #989898;
}

#RightNotebook.header {
    /* OK */
    background-color: #2A2A2A;
}
#RightNotebook > tabs {
    /* OK */
    background-color: #2A2A2A;
    padding-bottom: 5px;
}
#RightNotebook > tab:hover {
    /* OK */
    background-color: #505050;
    color: #D6D6D6;
}
#RightNotebook > tab:active {
    /* OK */
    border-color: #A5A5A5;
}

#LabelRightNotebook {
    padding: 5px;
    margin: 2px;
}

#ToolPanelNotebook.header {
    background-color: #383838;
    border-color: #262626;
    padding: 0;
    margin: 0;
}

#ToolPanelNotebook.header tabs {
    background-color: #383838;
}

#ToolPanelNotebook.header tab {
    padding: 3px;
    margin: 0;
}

/* All tool panels have a GtkFrame except for Meta which unlike the rest is a .notebook itself.
 * So we use CSS to make it look like a GtkFrame. */
#MetaPanelNotebook.stack > GtkBox {
    border: 1px solid #262626;
    background-color: #363636;
    border-radius: 0 0 4px 4px;
    border-top-style: none;
    padding: 0 3px 3px 3px;
    margin: 0 5px 5px 5px;
}

#MetaPanelNotebook.header {
    border: 1px solid #262626;
    background-color: #363636;
    border-radius: 4px 4px 0 0;
    border-bottom-style: none;
    padding: 5px;
    margin: 5px 5px 0 5px;
}

#MetaPanelNotebook.header tabs {
    background-color: #363636;
}

#MetaPanelNotebook.header tab {
    margin: 0 5px;
    padding: 5px;
}

#MetaPanelNotebook .textview {
    border-radius: 3px;
}

#MetaPanelNotebook GtkEntry, #MetaPanelNotebook .scrolledwindow, #MetaPanelNotebook GtkCombobox {
    margin: 2px 0 2px 0;
}

#MetaPanelNotebook GtkEntry {
    padding: 0 1px;
}

#MetaPanelNotebook GtkLabel {
    padding: 0 5px;
}

#MetaPanelNotebook .text {
    border-color: #202020;
    background-color: #262626;
    border-style: solid;
    border-width: 1px;
    border-radius: 3px;
}

#PreviewWindow {
    border-style: solid;
}

/* Decently sized tabs */
#PrefNotebook tab, #AboutNotebook tab {
    padding: 0.8em;
}

#PrefNotebook, #AboutNotebook {
    padding: 0;
    margin: 0 0 3pt 0;
}

#PrefNotebook.header, #AboutNotebook.header {
    padding: 0;
    margin: 0;
}

#PrefNotebook.header tabs, #AboutNotebook.header tabs {
    padding: 0;
    margin: 0;
}

#PrefNotebook.stack, #AboutNotebook.stack {
    padding: 3pt;
    margin: 0;
}

/* Add space between bottom panel and window edge */
#IopsPanel {
    padding: 0 2px 2px;
}

/* Move places .paned (Places and Folders) away from window edges */
#PlacesPaned {
    padding: 5px;
}

#MainNotebook.header #CloseButton {
    padding: 0;
    margin: 0 0 0 0.3em;
}
#MainNotebook.header #CloseButton .image {
    padding: 0;
    margin: 0;
}