@define-color bg_color #212121;
@define-color plugin_bg_color #252525;
@define-color fg_color #cacaca;
@define-color base_color #ffffff;
@define-color text_color #3C3C3C;
@define-color selected_bg_color #353535;
@define-color selected_fg_color #e2e2e2;
@define-color tooltip_bg_color #000000;
@define-color tooltip_fg_color #ffffff;
@define-color really_dark_bg_color #111;
@define-color dark_bg_color #350000;
* {
font: 8pt Sans;
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;
}
alignment
{
background-color:transparent;
}
#main_window *:disabled {
color: black;
}
#iop-plugin-ui box,
#lib-plugin-ui box
{
background-color:transparent;
margin:0;
border:0;
padding:0;
}
#iop-plugin-ui eventbox,
#lib-plugin-ui eventbox
{
background-color:transparent;
margin:0;
border:0;
padding:0;
}
#iop-plugin-ui stack
{
background-color:transparent;
margin:0;
border:0;
padding:0;
}
combobox *,
#lib-plugin-ui treeview,
#lib-plugin-ui combobox *,
#lib-plugin-ui combobox togglebutton *
{
background-color: transparent;
}
combobox *:hover,
#lib-plugin-ui combobox *:hover
{
background-color: transparent;
}
/* bright background */
#background_job_eventbox,
#iop-plugin-ui combobox *
{
padding:0;
border:0;
margin:0;
background-color: @plugin_bg_color;
outline-style:none;
}
#lib-plugin-ui *,
#iop-plugin-ui *
{
padding:0;
border:0;
margin:0;
background-color: transparent;
outline-style:none;
}
/* buttons in plugins */
#lib-plugin-ui * button,
button
{
border-radius: 3px;
border-color: #4d4d4d;
box-shadow: 0px 1px 2px #222222;
outline-width:0;
padding:1pt;
margin:0;
background-color: shade(@selected_bg_color, 1.2);
background-image: none;
min-height: 5pt;
min-width: 5pt;
}
#iop-plugin-ui * button
{
padding:1pt;
background-color: transparent;
}
#lib-plugin-ui * button:hover,
#iop-plugin-ui * button:hover,
button:hover
{
background-color: shade(@selected_bg_color, 1.7);
}
#lib-plugin-ui * button:checked,
#iop-plugin-ui * button:checked,
button:checked
{
background-color: shade(@selected_bg_color, 1.4);
}
/* frame around plugin boxes */
#iop-plugin-ui
{
border: 1pt solid #171717;
border-radius: 1.5pt;
box-shadow: inset 0 0 1pt #171717;
margin: 0pt;
padding: 1pt 4pt 1pt 4pt;
background-color: @plugin_bg_color;
}
#iop-plugin-ui:selected,
#lib-plugin-ui
{
border: 1pt solid #111111;
box-shadow: inset 0 0 1pt #141414;
border-radius: 1.5pt;
margin: 0pt;
padding: 1pt 4pt 1pt 4pt;
color: @selected_fg_color;
background-color: @selected_bg_color;
}
table
{
background-color: transparent;
margin:0;
border:0;
padding:0;
}
#header_label,#darktable_label,#view_label,#view_dropdown *
{
color: shade(@fg_color, 0.7);
background-color: @bg_color;
font-size: 15pt;
margin:0;
border:0;
padding:0;
}
#view_dropdown *
{
color: shade(@fg_color, 0.7);
margin: 0;
padding: 0;
}
#view_dropdown *:disabled
{
color: shade(@fg_color, 0.5);
}
#view_dropdown *:selected,
#view_label:selected {
color: shade(@fg_color, 0.9);
}
#view_dropdown menuitem:hover *
{
color: @fg_color;
}
#panel_label
{
color: @fg_color;
background-color: @bg_color;
margin:0;
border:0;
padding:0;
}
#section_label
{
padding-right: 0.5em;
border-bottom: 1pt solid @fg_color;
}
#lib-modulelist *
{
background-color: transparent;
}
frame {
border: 1pt solid #111111;
background-color: @selected_bg_color;
color: @selected_fg_color;
}
frame * {
background-color: transparent;
color: @selected_fg_color;
}
/* weird fix for black event boxes in light table lib modules: */
#lib-plugin-ui eventbox
{
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 tab,
#lib-plugin-ui notebook tab {
min-height: 1pt;
min-width: 1pt;
}
#iop-plugin-ui notebook,
#lib-plugin-ui notebook,
#iop-plugin-ui notebook tab *,
#lib-plugin-ui notebook tab * {
border:1pt;
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 *,
#lib-plugin-ui notebook tab * {
padding:3pt;
}
#iop-plugin-ui notebook tab *:hover,
#lib-plugin-ui notebook tab *:hover
{
background-color: #fff;
}
#iop-plugin-ui notebook tab:checked *,
#lib-plugin-ui notebook tab:checked * {
background-color: shade(@selected_bg_color, 1.3);
}
#iop-plugin-ui entry,
#lib-plugin-ui entry,
entry {
border-radius: 2px;
border:1px;
padding-left: 2px; /* align with bauhaus widgets */
border-style: solid;
border-color: #1b1b1b;
border-image:none;
color:@fg_color;
background-image:none;
outline-style:none;
text-shadow:none;
background-color:shade(@selected_bg_color, 0.8);
min-height: 0;
min-width: 0;
}
#iop-plugin-ui entry selection,
#lib-plugin-ui entry selection,
entry selection {
background-color:shade(@selected_bg_color, 1.7);
min-height: 0;
min-width: 0;
}
/* weird fix for black event boxes in light table lib modules: */
#lib-plugin-ui eventbox
{
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:checked *,
#lib-plugin-ui notebook tab:checked * {
background-color: @bg_color;
}
scale,
scrollbar
{
margin:0pt;
}
scale.trough.highlight,
scrollbar.contents.trough.highlight
{
background-color:@selected_bg_color;
background-image:none;
}
#recent-collection-ui button,
#history-ui button
{
background-color: transparent;
}
#lib-plugin-ui scrollbar slider,
#iop-plugin-ui scrollbar slider,
scrollbar slider
{
border-color: transparent;
background-color: @selected_bg_color;
}
context-menu
{
background-color: @really_dark_bg_color;
}
context-menu menuitem *
{
background-color: transparent;
}
#main_window context-menu menuitem *:disabled,
context-menu menuitem *:disabled
{
color: @selected_bg_color;
background-color: transparent;
}
#lib-plugin-ui menuitem *,
#iop-plugin-ui menuitem *,
menuitem *
{
background-color: transparent;
}
#lib-plugin-ui menuitem,
#iop-plugin-ui menuitem,
menuitem
{
padding: 2pt;
background-color:@really_dark_bg_color;
}
#lib-plugin-ui menuitem:hover,
#iop-plugin-ui menuitem:hover,
menuitem:hover
{
background-color: shade(@selected_bg_color, 1.7);
border-radius: 0;
}
/* sliders */
scrollbar.horizontal,
scrollbar.vertical {
border-color: @bg_color;
background-color: @selected_bg_color;
}
scrollbar.horizontal:hover,
scrollbar.vertical:hover {
border-color: @bg_color;
background-color: shade(@selected_bg_color, 1.3);
}
#iop-plugin-ui scrollbar.horizontal,
#iop-plugin-ui scrollbar.vertical,
#lib-plugin-ui scrollbar.horizontal,
#lib-plugin-ui scrollbar.vertical {
border-color: @selected_bg_color;
background-color: @text_color;
}
#iop-plugin-ui scrollbar.horizontal:hover,
#iop-plugin-ui scrollbar.vertical:hover,
#lib-plugin-ui scrollbar.horizontal:hover,
#lib-plugin-ui scrollbar.vertical:hover {
border-color: @selected_bg_color;
background-color: shade(@selected_bg_color, 1.9);
}
/* tooltip */
tooltip
{
background-color: @really_dark_bg_color;
}
tooltip *
{
color: @fg_color;
background-color: @really_dark_bg_color;
border-color: @selected_bg_color;
padding: 2pt;
}
/* separator */
separator, separator:hover
{
color: @selected_bg_color;
border-style: solid;
border-width: 2pt;
border-color: @selected_bg_color;
background-color: @selected_bg_color;
}
/* dialogs */
dialog
{
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);
}
dialog box *
{
margin: 1px;
}
dialog button *
{
padding: 2pt;
background-color: shade(@bg_color, 1.7);
border-color: shade(@bg_color, 1.7);
}
dialog button:hover *
{
background-color: shade(@selected_bg_color, 1.7);
border-color: shade(@selected_bg_color, 1.7);
}
dialog button *
{
background-color: transparent;
}
dialog eventbox *
{
background-color: transparent;
}
#iop-plugin-ui treeview.view *,
#lib-plugin-ui treeview.view *,
treeview.view *
{
background-color:shade(@selected_bg_color, 0.8);
}
#iop-plugin-ui treeview.view *:hover,
#lib-plugin-ui treeview.view *:hover,
treeview.view *:hover
{
background-color: shade(@selected_bg_color, 1.7);
}
#iop-plugin-ui treeview.view *:selected,
#lib-plugin-ui treeview.view *:selected,
treeview.view *:selected
{
background-color: shade(@selected_bg_color, 1.2);
}
dialog scrolledwindow
{
background-color: transparent;
}
dialog slider.vertical
{
background-color: shade(@selected_bg_color, 1.7);
}
colorswatch *
{
background-color: transparent;
}
/* preferences notebook */
#preferences_notebook stack *
{
padding:0;
}
notebook tab *
{
padding: 2pt;
}
notebook tab *:hover
{
background-color: shade(@selected_bg_color, 1.7);
}
notebook tab:checked *
{
background-color: shade(@selected_bg_color, 1.3);
}
notebook menuitem
{
padding: 2pt;
background-color:@really_dark_bg_color;
}
notebook menuitem: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;
}
aboutdialog
{
background-color: @bg_color;
}
aboutdialog box,
aboutdialog box *
{
background-color: @bg_color;
}
aboutdialog headerbar
{
padding: 2pt;
}
progressbar *
{
background-color: @text_color;
}
filechooserdialog eventbox
{
background-color: transparent;
}
filechooserdialog sidebar-icon
{
padding: 0pt 5pt 0pt 10pt;
}
filechooserdialog sidebar-row
{
padding-top: 3pt;
}
filechooserdialog sidebar-row:hover
{
background-color: shade(@selected_bg_color, 1.7);
}
progressbar
{
background-color: @text_color;
}
progressbar progress
{
background-color: @fg_color;
}
cell:selected
{
background-color: shade(@selected_bg_color, 1.2);
}