Darktable 50% grey stylesheet

darktable.css

@define-color bg_color #7C7C7C;
@define-color plugin_bg_color #333;
@define-color fg_color #eee;
@define-color base_color #444;
@define-color text_color #eee;
@define-color selected_bg_color #666;
@define-color selected_fg_color #eee;
@define-color tooltip_bg_color #BEBEBE;
@define-color tooltip_fg_color #111;
@define-color really_dark_bg_color #595959;

@define-color dark_bg_color #7F7F7F;
@define-color border_color #595959;

* {
  font: Sans 8;
  color: @fg_color;
  background-color: @bg_color;
  border-color: #111111;
  text-shadow:none;
/*  margin: 0; */ /* this makes scroll bars super wide. */
  padding: 0;
  background-image: none;
}

GtkAlignment
{
  background-color:transparent;
}

#main_window *:insensitive {
  color: black;
}

#iop-plugin-ui GtkBox,
#lib-plugin-ui GtkBox
{
  background-color:transparent;
  margin:0;
  border:0;
  padding:0;
}
#iop-plugin-ui GtkEventBox,
#lib-plugin-ui GtkEventBox
{
  background-color:transparent;
  margin:0;
  border:0;
  padding:0;
}
#iop-plugin-ui GtkStack
{
  background-color:transparent;
  margin:0;
  border:0;
  padding:0;
}
#lib-plugin-ui GtkTreeView,
#lib-plugin-ui GtkComboBoxText *,
#lib-plugin-ui GtkComboBox *,
#lib-plugin-ui GtkComboBox GtkToggleButton *
{
  background-color: shade(@selected_bg_color, 0.8); /* 'transparent' doesn't work for those it seems */
}
#lib-plugin-ui GtkComboBox *:hover
{
  background-color: shade(@selected_bg_color, 1.2); /* 'transparent' doesn't work for those it seems */
}

/* bright background */
#background_job_eventbox,
#iop-plugin-ui GtkComboBox *
{
  padding:0;
  border:0;
  margin:0;
  background-color: @plugin_bg_color;
  outline-style:none;
}
#iop-plugin-ui *:selected
{
  padding:0;
  border:0;
  margin:0;
  background-color: @selected_bg_color;
  outline-style:none;
}
#lib-plugin-ui *
{
/*  margin: 0; */ /* this makes scroll bars super wide on collections lib */
}
/* lib toggle buttons (e.g recently used collection and history items): */
/* TODO: adjust borders/padding to our liking (match bauhaus..) */
#lib-plugin-ui .button,
.button
{
  /* note that the button has no padding, the label inside the button has the padding. */
  border-radius: 0;
  border-style: none;
  box-shadow:none;
  outline-width:0;
  border-image:none;
  padding:0;
  margin:0;
  border:0;
  background-color: shade(@selected_bg_color, 1.2);
  background-image: none;
}
#lib-plugin-ui .button:checked,
#iop-plugin-ui .button:checked,
.button:checked
{
  border-style:none;
  background-image:none;
  background-color: shade(@selected_bg_color, 1.4);
}
#lib-plugin-ui .button:hover,
#iop-plugin-ui .button:hover,
.button:hover
{
  border-style:none;
  background-color: shade(@selected_bg_color, 1.7);
}
#iop-plugin-ui .button,
#iop-plugin-ui GtkButton {
  background-color: transparent;
}
#iop-plugin-ui GtkLabel,
#iop-plugin-ui GtkLabel:hover,
#lib-plugin-ui GtkLabel,
#lib-plugin-ui GtkLabel:hover
{
  padding: 2px;
  background-color: transparent;
}
#iop-plugin-ui GtkLabel:selected,
#lib-plugin-ui GtkLabel:selected
{
  background-color: shade(@selected_bg_color, 1.7);
}
#iop-plugin-ui,
#lib-plugin-ui
{
  border: 1px solid @border_color;
  border-radius: 2px;
  margin: 0px;
  padding: 1px 4px 1px 4px;
  background-color: @selected_bg_color;
}
#iop-plugin-ui:selected,
#lib-plugin-ui:selected
{
  border: 1px solid #111111;
  box-shadow: inset 0 0 2px #141414;
  border-radius: 2px;
  margin: 0px;
  padding: 1px 4px 1px 4px;
  color: @selected_fg_color;
  background-color: @selected_bg_color;
}

GtkTable {
  background-color: transparent;
  margin:0;
  border:0;
  padding:0;
}

#header_label,#darktable_label,#view_label {
  color: shade(@fg_color, 0.7);
  background-color: @bg_color;
  font-size: 1.5em;
  margin:0;
  border:0;
  padding:0;
}

#view_label:hover {
  color: shade(@fg_color, 0.8);
}

#view_dropdown:selected *,
#view_label:selected {
  color: shade(@fg_color, 0.9);
}

#view_dropdown *
{
  color: shade(@fg_color, 0.7);
  margin: 0;
  padding: 0;
  font-size: 1.1em;
}

#view_dropdown .button *
{
  font-size: 1.25em;
}

#view_dropdown *:insensitive
{
  color: shade(@fg_color, 0.5);
}

#panel_label {
  color: @fg_color;
  background-color: @bg_color;
  margin:0;
  border:0;
  padding:0;
}

#section_label {
  padding-right: 0.5em;
  border-bottom: 1px solid @fg_color;
}

#lib-modulelist * {
  background-color: transparent;
}

GtkFrame > GtkEventBox {
  border: 1px solid #111111;
  background-color: @selected_bg_color;
  color: @selected_fg_color;
}

GtkFrame > GtkEventBox * {
  background-color: transparent;
  color: @selected_fg_color;
}

/* weird fix for black event boxes in light table lib modules: */
#lib-plugin-ui GtkEventBox
{
  background-color:@selected_bg_color;
}
#lib-plugin-ui .cell
{
  background-color:shade(@selected_bg_color, 0.8);
}
#lib-plugin-ui row,
#iop-plugin-ui row
{
  background-color:@selected_bg_color;
}
#lib-plugin-ui row:selected,
#iop-plugin-ui row:selected
{
  background-color:@bg_color;
}

/* due to css rubbish, we need to be more specific than anything else,
 * so we give the name of the parent widget: */
#iop-plugin-ui .notebook,
#lib-plugin-ui .notebook,
#iop-plugin-ui .notebook tab,
#lib-plugin-ui .notebook tab {
  border:0;
  border-radius:0;
  border-style:none;
  box-shadow:none;
  background-image:none;
  outline-style:none;
  outline-width:0;
  border-image:none;
  background-color: transparent;
}
#iop-plugin-ui .notebook tab:active,
#lib-plugin-ui .notebook tab:active {
  background-color: @bg_color;
}

#iop-plugin-ui .entry,
#lib-plugin-ui .entry,
.entry {
  border-radius: 0;
  border:0;
  padding-left: 2px; /* align with bauhaus widgets */
  border-style: none;
  border-color: alpha(@fg_color, 0.5);
  border-image:none;
  color:@fg_color;
  box-shadow: none;
  background-image:none;
  outline-style:none;
  text-shadow:none;
  background-color:shade(@selected_bg_color, 0.8);
}
#iop-plugin-ui .entry:selected,
#lib-plugin-ui .entry:selected,
.entry:selected {
  background-color:shade(@selected_bg_color, 1.7);
}
/* weird fix for black event boxes in light table lib modules: */
#lib-plugin-ui GtkEventBox
{
  background-color:@selected_bg_color;
}
#lib-plugin-ui .cell
{
  background-color:shade(@selected_bg_color, 0.8);
}
#lib-plugin-ui row
{
  background-color:@selected_bg_color;
}
#lib-plugin-ui row:selected,
#iop-plugin-ui row:selected
{
  background-color:@bg_color;
}

/* due to css rubbish, we need to be more specific than anything else,
 * so we give the name of the parent widget: */
#iop-plugin-ui .notebook,
#lib-plugin-ui .notebook,
#iop-plugin-ui .notebook tab,
#lib-plugin-ui .notebook tab {
  border:0;
  border-radius:0;
  border-style:none;
  box-shadow:none;
  background-image:none;
  outline-style:none;
  outline-width:0;
  border-image:none;
  background-color: transparent;
}
#iop-plugin-ui .notebook tab:active,
#lib-plugin-ui .notebook tab:active {
  background-color: @bg_color;
}

.scale
{
  -GtkRange-slider-width: 11;
  -GtkRange-trough-border: -3;
  -GtkScale-slider-length: 11;
  margin:0px;
}

.scale.trough.highlight
{
  background-color:@selected_bg_color;
  background-image:none;
}

#recent-collection-ui .button,
#history-ui .button
{
  background-color: transparent;
}

.context-menu
{
  background-color: @really_dark_bg_color;
}

.context-menu .menuitem *
{
  background-color: transparent;
}

#main_window .context-menu .menuitem *:insensitive,
.context-menu .menuitem *:insensitive
{
  color: @selected_bg_color;
  background-color: transparent;
}

GtkMenuItem *
{
  background-color: transparent;
}

GtkMenuItem
{
  padding: 2pt;
  background-color:@really_dark_bg_color;
}

GtkMenuItem:hover
{
  background-color: shade(@selected_bg_color, 1.7);
}

/* sliders */

.slider.horizontal,
.slider.vertical {
    border-color: @bg_color;
    background-color: @selected_bg_color;
}

.slider.horizontal:hover,
.slider.vertical:hover {
    border-color: @bg_color;
    background-color: shade(@selected_bg_color, 1.3);
}

#iop-plugin-ui .slider.horizontal,
#iop-plugin-ui .slider.vertical,
#lib-plugin-ui .slider.horizontal,
#lib-plugin-ui .slider.vertical {
    border-color: @selected_bg_color;
    background-color: @text_color;
}

#iop-plugin-ui .slider.horizontal:hover,
#iop-plugin-ui .slider.vertical:hover,
#lib-plugin-ui .slider.horizontal:hover,
#lib-plugin-ui .slider.vertical:hover {
    border-color: @selected_bg_color;
    background-color: shade(@selected_bg_color, 1.3);
}

/* tooltip */

.tooltip
{
  background-color: @really_dark_bg_color;
}
.tooltip *
{
  color: @fg_color;
  background-color: @really_dark_bg_color;
  border-color: @selected_bg_color;
  padding: 2px;
}

/* separator */

.separator, .separator:hover {
  color: @selected_bg_color;
  -GtkWidget-wide-separators: true;
  -GtkWidget-separator-width: 2px;
  -GtkWidget-separator-height: 2px;
  border-style: solid;
  border-width: 2px;
  border-color: @selected_bg_color;
  background-color: @selected_bg_color;
 }

/* dialogs */

GtkDialog *
{
  border-radius: 0;
  border-style: none;
  box-shadow:none;
  outline-width:0;
  border-image:none;
  padding:0;
/*  margin: 0; */ /* this makes scroll bars super wide. */
  border:0;
  background-color: @selected_bg_color;
/*  background-image: none; */
  border-color:  shade(@selected_bg_color, 1.2);
}

GtkDialog .button *
{
  padding: 5px;
  background-color: shade(@bg_color, 1.7);
  border-color:  shade(@bg_color, 1.7);
}

GtkDialog .button:hover *
{
  background-color: shade(@selected_bg_color, 1.7);
  border-color:  shade(@selected_bg_color, 1.7);
}

GtkDialog .button GtkLabel
{
  background-color: transparent;
}

GtkDialog GtkEventBox *
{
   background-color: transparent;
}

GtkDialog GtkTreeView *:selected
{
   background-color: shade(@selected_bg_color, 1.7);
}

GtkDialog GtkScrolledWindow
{
  background-color: transparent;
}

GtkDialog .slider.vertical
{
  background-color: shade(@selected_bg_color, 1.7);
}

GtkColorSwatch
{
    background-color: transparent;
}

/* preferences notebook */

#preferences_notebook GtkGrid *
{
  padding:0;
}

GtkNotebook tab *
{
  padding: 2px;
}

GtkNotebook tab:hover
{
  background-color:  shade(@selected_bg_color, 1.7);
}

GtkNotebook tab:active
{
  background-color: shade(@selected_bg_color, 1.3);
}

GtkNotebook GtkMenuItem
{
  padding: 2pt;
  background-color:@really_dark_bg_color;
}

GtkNotebook GtkMenuItem:hover
{
  background-color: shade(@selected_bg_color, 1.7);
}

/* empty space at top/bottom of sidepanels when scrolled */
.undershoot.top,
.undershoot.bottom,
.undershoot.left,
.undershoot.right
{
  background: none;
}

GtkAboutDialog
{
  background-color: @bg_color;
}

GtkAboutDialog GtkBox,
GtkAboutDialog GtkBox *
{
  background-color: @bg_color;
}

GtkAboutDialog GtkHeaderBar
{
  padding: 2px;
}

GtkProgressBar *
{
  background-color: @text_color;
}

GtkFileChooserDialog GtkEventBox
{
  background-color: transparent;
}

GtkFileChooserDialog .sidebar-icon
{
  padding: 0px 5px 0px 10px;
}

GtkFileChooserDialog .sidebar-row
{
  padding-top: 3px;
}

GtkFileChooserDialog .sidebar-row:hover
{
  background-color: shade(@selected_bg_color, 1.7);
}

.cell:selected
{
  background-color: shade(@selected_bg_color, 1.2);
}