Skip to content

Instantly share code, notes, and snippets.

@aurelienpierre
Created December 1, 2016 18:33
Show Gist options
  • Save aurelienpierre/4463d0cf0943ed6dc5d817d872043806 to your computer and use it in GitHub Desktop.
Save aurelienpierre/4463d0cf0943ed6dc5d817d872043806 to your computer and use it in GitHub Desktop.
Darktable 50% grey stylesheet
@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);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment